body{
    padding: 0px;	
	
}

.PageDropShadow {
	padding: 0px;
    margin:0px auto;
    border: 0px solid #233980;
    text-align: left;
    overflow: hidden;
    -moz-box-shadow: 0px 3px 8px rgb(100,100,100);
    -webkit-box-shadow: 0px 3px 8px rgb(100,100,100);
    box-shadow: 0px 3px 8px rgb(100,100,100);
}
.control-group{
	font-size:14px; font-weight:bold; line-height:28px;    height: 35px;
}
.form-actions{ text-align:right;}
.footer{
    background-color: #2c9cd9;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
    color: #fff;
	font-weight:bold;
}
.span12-design{
    width: 100% !important; 
    margin: 0px 0px !important;
}
.rowspecial{padding: 20px;}
.labeldesign{
	padding: 0px 0px 0px 10px !important;
	font-size: 12px;
    background-color: #dedcd7;
    width: 30%;
    padding: 0px;
    margin: 0px;
	color:#676767;
	}
.valuedesign{
	padding: 0px 0px 0px 10px !important;
	background-color: #2c9cd9;
    padding: 0px;
    margin: 0px;
    width: 70%;
	color:#fff;
}	
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #223980;
}
ul.subnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #2d9ed9;
	height: 50px;
}
ul.LeftMenu {
	list-style-type: none;
    margin: 0;
    padding: 0px;
    width: 100%;
	color: #FFF !important;
    background-color: #223980;
}
/* Float the list items side by side */
ul.topnav li {float: left;}
ul.subnav li { float: left; width: 25%; }
ul.LeftMenu li { border: solid  #FFF; border-width: 1px; white-space: nowrap; }
/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: #f2f2f2 !important;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 16px;
}
ul.subnav li a {
    display: inline-block;
    color: #f2f2f2 !important;
    text-align: center !important;
    padding: 5px 5px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 14px;
	line-height: 3.0em;
	height: 40px;
	width: 100% !important;
}
ul.LeftMenu li a {
	display: block;
    color: #FFF !important;
    padding: 8px 0 8px 16px;
    text-decoration: none;
	white-space: nowrap;
}
/* Change background color of links on hover */
ul.topnav li a:hover {background-color: #2d9ed9;}
ul.subnav li a:hover {background-color: #223980;}
ul.LeftMenu li a:hover { background-color:#21a9ec ; }
/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}
.numberplate{
	clear: both; padding-left: 50px; padding-top: 15px;
}
@media screen and (max-width:680px) {
	[class*="span"] {
    float: left;
     margin-left: 0px;
	 clear: both;
}
.numberplate{
	clear: both; padding-left: 0px; padding-top: 0px;
}
.form-actions {
    padding: 17px 10px;
    margin-top: 18px;
    margin-bottom: 18px;
    background-color: rgba(240, 248, 255, 0);
    border-top: 0px solid rgba(221, 221, 221, 0);
}
button.btn, input[type="submit"].btn {
    width: 100%;
    height: 35px;
    font-size: 18px;
}
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
  .BannerHeight{
	height:150px !important;
   }
   .car {
	   width: 100px !important;
   }
   .BannerText{
		top: 58px !important;
		left: 20px !important;
		font-size:25px !important;
		margin-left: -30px !important;	
	}
.row {
    margin: 0px;
}
.TopFixed{
    position: fixed;
    width: 100%;
    z-index: 100;	
}
.WhiteBackGround{
	background-color:#FFF !important;
	margin-top: 50px;
}
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
  .BannerHeight{
	height:150px !important;
   }
}
.BannerText{
	position: relative;
    top: 73px;
    left: 15%;
	z-index:0;
	width:45%;
	font-size:50px;	
	font-weight:bold;
	line-height:0.8em;	
	color: #865593;
}
.font_size_35 {
	font-size:50% !important;
	}
.BannerHeight{
	height:200px;
}
.WhiteBackGround{
	background-color:#FFF !important;
}
.collapse-expand {
    border: none;
    color: white;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
.collapse-expand {
    border: none;
    color: white;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
.art_table, th, td {
	/*width: 100%;*//*By Karthik*/
	margin-bottom: 18px;
	border-collapse: collapse;
	border: solid #dddddd !important;
	border-width: 1px !important;
	text-align:center !important;
}
.header_pointer {
    cursor:pointer;
}
.Dist_6{
	width: 17.5%;
}
.ChildHide{
	        display: none;
}
.bg-blue {
	background: #21a9ec !important;
	color: #FFF !important;
	text-align:center !important;
	white-space:nowrap;
	width: 17.5%;
   
}
.BottomColor {
	background-color: #3C3C3B;
}
.art-bottom-social {
	float:right;
	margin-top: 10px;
	display: inline-block;
}
.art-connect-alrajhi {
	background: url('/_layouts/Netways.ART.Internet.View/En/Images/connectwithalrajhi.png') no-repeat right;
	width: 260px;
	height: 24px;
	display: inline-block;
}
.art-connect-fb {
	background: url('/_layouts/Netways.ART.Internet.View/En/Images/fb.png') no-repeat right;
	width: 28px;
	height: 24px;
	display: inline-block;
}
.art-connect-tw {
	background: url('/_layouts/Netways.ART.Internet.View/En/Images/tw.png') no-repeat right;
	width: 28px;
	height: 24px;
	display: inline-block;
}
.art-connect-inst {
	background: url('/_layouts/Netways.ART.Internet.View/En/Images/inst.png') no-repeat right;
	width: 28px;
	height: 24px;
	display: inline-block;
}
.art-connect-linked {
	background: url('/_layouts/Netways.ART.Internet.View/En/Images/linked.png') no-repeat right;
	width: 28px;
	height: 24px;
	display: inline-block;
}
.art-connect-gplus {
	background: url('/_layouts/Netways.ART.Internet.View/En/Images/gplus.png') no-repeat right;
	width: 28px;
	height: 24px;
	display: inline-block;
}
.art-connect-youtube {
	background: url('/_layouts/Netways.ART.Internet.View/En/Images/youtube.png') no-repeat right;
	width: 28px;
	height: 24px;
	display: inline-block;
}
.art-connect-pin {
	background: url('/_layouts/Netways.ART.Internet.View/En/Images/pin.png') no-repeat right;
	width: 28px;
	height: 24px;
	display: inline-block;
}
.art-connect-blue {
	background: url('/_layouts/Netways.ART.Internet.View/En/Images/blue-icon.png') no-repeat right;
	width: 28px;
	height: 24px;
	display: inline-block;
}
.art-connect-empty {
	background: url('/_layouts/Netways.ART.Internet.View/En/Images/emty-icon.png') no-repeat right;
	width: 28px;
	height: 24px;
	display: inline-block;
}
.BottomMenuHeading {
	font-size:14px;	
	font-weight: bold;
	color: #fff;
	margin-left: 10px;
}
.BottomMenuText {
	font-size:11px;	
	font-weight: 0;
	color: #fff;
	line-height: 200%;
}
.BottomMenuText ul{
	list-style-type: square;
}
.sitelock {
	background: url('/_layouts/Netways.ART.Internet.View/En/Images/sitelock.png') no-repeat right;
	width: 53px;
	height: 32px;
		float:right;
}
.merchants {
	background: url('/_layouts/Netways.ART.Internet.View/En/Images/merchants.png') no-repeat right;
	width: 112px;
	height: 32px;
	float:right;	
}
.BGColorLightBlue {
	background-color:#2d9ed9 !important;
}
.BGColorDarkBlue {
	background-color:#223980 !important;
}



.widget {
	
	position: relative;
	clear: both;
	
	width: auto;
	
	margin-bottom: 2em;
		
	overflow: hidden;
}
	
.widget-header {
	
	position: relative;
	
	height: 40px;
	line-height: 40px;
	
	background: #f9f6f1;
	background:-moz-linear-gradient(top, #f9f6f1 0%, #f2efea 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f6f1), color-stop(100%,#f2efea)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* IE10+ */
	background:linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f1', endColorstr='#f2efea');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f1', endColorstr='#f2efea')";
	
	
	border: 1px solid #d6d6d6;
	
	
	-webkit-background-clip: padding-box;
}	
	
	.widget-header h3 {
		
		position: relative;
		top: 2px;
		left: 10px;
		
		display: inline-block;
		
		font-size: 14px;
		font-weight: 800;
		color: #525252;
		line-height: 18px;
		
		text-shadow: 1px 1px 2px rgba(255,255,255,.5);
		    margin: 0px;
	}
	
		.widget-header [class^="icon-"], .widget-header [class*=" icon-"] {
			
			display: inline-block;
			margin-left: 13px;
			margin-right: -2px;
			
			font-size: 16px;
			color: #555;
			vertical-align: middle;
			
			
			
		}




.widget-content {
	padding: 20px 15px 15px;
	
	background: #FFF;
	
	
	border: 1px solid #D5D5D5;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.widget-header+.widget-content {
	border-top: none;
	
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.widget-nopad .widget-content {
	padding: 0;
}

/* Widget Content Clearfix */	
.widget-content:before,
.widget-content:after {
    content:"";
    display:table;
}

.widget-content:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.widget-content {
    zoom:1;
}

/* Widget Table */

.widget-table .widget-content {
	padding: 0;
}

.widget-table .table {
	margin-bottom: 0;
	
	border: none;
}

.widget-table .table tr td:first-child {
	border-left: none;
}

.widget-table .table tr th:first-child {
	border-left: none;
}


/* Widget Plain */

.widget-plain {
	
	background: transparent;
	
	border: none;
}

.widget-plain .widget-content {
	padding: 0;
	
	background: transparent;
	
	border: none;
}
.lblClassHdr{ font-size:12px;}

/* Widget Box */

.widget-box {	
	
}

.widget-box .widget-content {	
	background: #E3E3E3;	
	background: #FFF;
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
.container {
    width: 100% !important;
}
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
body {
    padding:0px !important;
}
.container {
    width: 100% !important;
}
.labeldesign, .valuedesign { width:100%;}
.form-actions {
    padding: 0px;
    margin	: 0px;
}
.control-group {
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
    height: 65px;
}
}