/* @font-face {
	font-family: 'Sans Sara';
	src: local('Sans Sara'),  url('./Sans Sara.ttf') format('truetype');
} */
body{ background:#000; color:#fff; margin:0px; font-family: Calibri; font-size:14px; text-align:left; }
img{border:0px;}
/*--- main design style ---*/
#container{width:100%; height:auto; margin:0px auto;}
#container-in{width:100%; height:auto; float:left;}
#container-main-cont{width:100%; height:auto; float:left;}
/*--- top strip (where links are given) style ---*/
#top-strip{ width:100%; height:auto; min-height:30px; float:left; background:none; color:#EB9102;}
#top-strip-in{ width:1000px; height:auto; margin:0px auto;}
#top-strip-in-right{ width:500px; height:auto; padding:5px 0px; float:right;}
.top-strip-right{width:auto; height:auto; float:right; padding:0 5px; margin:0 5px; color:#EB9102; text-decoration:none; border-right:1px solid #EB9102; font-size:14px; min-height:22px;}
.top-strip-right:hover{text-decoration:underline;}
.top-strip-right2{width:auto; height:auto; float:right; padding:3px 5px; color:#EB9102; text-decoration:none;font-size:0.9em;  border-right:1px solid #EB9102;}
.top-strip-right2:hover{text-decoration:underline;}
.top-strip-right img{ width:22px; height:22px; float:left; margin-right:5px;}
.top-strip-right input[type="image"]{width:22px; height:22px; float:left; margin-right:5px;}
.switch-button{width:22px; height:22px; float:left; margin-right:5px;}
/*--- content after strip style ---*/
#content{width:1000px; height:auto; margin:0 auto; text-align:left;}
#top{width:1000px; height:auto; margin:5px auto;}
#top #logo{ width: auto; height:auto; float:left;}
#top #topright{ width:400px; height:auto; float:right;}
#top #topright .left-colum1{ width:320px; height:auto; float:right;}
.top-menu{ width:auto; height:auto; float:right; margin:7px 10px 10px 0; color:#EB9102;}
.top-menu a{ color:#EB9102; text-decoration:none; }
.top-menu a:hover{ text-decoration:underline;}
.search-box{ width:218px; height:15px; float:right; border:1px solid #ccc;  padding:5px; margin-right:10px; margin-top:10px}
.search{ width:194px; height:15px; float:left; border:0px; color:#fff; background:transparent;}
.search-button{ width:20px; height:15px; float:right;}
#textsearch {
	z-index: 129; 
	position: absolute; 
	margin-top: -3px; 
	margin-left: -7px; 
	background: none repeat scroll 0px 0px rgb(102, 102, 102); 
	opacity: 0.60; 
	color: rgb(255, 255, 255);
}


#textsearch table td {

}
#top #topright .left-colum2{ width:50px; height:auto; float:right;  margin-top:5px;}
/*--- header content style ---*/
#headermain{ width:1000px; height:340px; float:left; background:url(../images/header.jpg); border-radius:1em;}
/*--- left header side panel design style for login---*/
#header-left{ width:300px; height:300px; float:left; margin:25px 0px 25px 5px; background:url(../images/login.png); }
#header-left:hover{  background:url(../images/login-hov.png);}
.header-left-heading{ width:265px; height:auto; float:left; color:#2F0387; font-size:1.2em; font-weight:bold; padding-left:15px; margin-top:20px; margin-left:10px;}
.header-left-heading img{ width:25px; height:25px; float:left; margin-right:10px;}
.header-left-login{ width:220px; height:110px; float:left; margin-top:55px; margin-left:40px; }
.header-left-row{ width:220px; height:auto; float:left; margin-bottom:10px;}
.header-left-row .left-text{ width:80px; float:left; height:20px; color:#fff; font-weight:bold; text-transform:capitalize; font-style:italic; font-size:0.9em;}
.header-left-row .input-text{width:130px; float:left; height:20px; }
.header-left-row .submit-btn{ width:70px; height:25px; float:right; color:#2F0387; font-weight:bold; font-style:italic; margin-right:5px;}
.forgot-pass{ width:275px; height:auto; float:left; margin:30px 0px 0px 20px; text-align:center}
.forgot-pass a{ color:#2F0387; text-decoration:none; font-weight:bold; font-size:1em; font-style:italic;}
.forgot-pass a:hover{color:#333; text-decoration:underline;}
/*--- right header side panel design style for blocks links ---*/
#header-right{ width:670px; height:310px; float:left; margin:17px 0px 15px 5px; padding:5px;  }
.header-right-block{ width:315px; height:135px; float:left; margin:4px 5px; background:url(../images/block.png); padding:5px;}
.header-right-block:hover{ background:url(../images/block-hov.png);}
.header-right-block img{ width:105px; height:105px; float:left; margin:10px 0 0 5px;}
.header-right-block .right-text{ width:195px; height:auto; float:left;}
.header-right-block .right-text .heading{ width:190px; height:auto; float:left; margin-bottom:5px; font-size:1.1em; color:#2F0387; text-decoration:none; margin-left:5px; margin-top:20px; font-weight:bold;}
.header-right-block .right-text .text{ width:185px; height:auto; float:left; color:#000; text-decoration:none; margin-left:10px; word-wrap: break-word;}
/*--- style for available banks and payment mode ---*/
#mid-content{width:1000px; height:auto; float:left; border-top:5px solid #EB9102; background:none; }
.row-banks{width:1000px; height:auto; float:left; margin-top:5px; padding-bottom:5px; border-bottom:1px solid #999;}
#available-banks{ width:1000px; height:auto; float:left; padding:5px 0px 5px 0px; background:none;}
#available-banks .left{ width:190px; margin-left:10px; height:auto; float:left; font-size:1em; font-weight:bold; margin-top:10px; color:#EB9102; text-align:left}
#available-banks  .left a{ color:#EB9102; text-decoration:none;}
#available-banks  .right{ width:770px; height:35px; float:left; }
#available-banks  .right img{ width:90px; height:35px; margin-right:10px;}
#available-banks  .right1{ width:770px; height:25px; float:left; }
#available-banks  .right1 img{ width:70px; height:25px; margin-right:10px;}

#payment-mode{ width:1000px; height:auto; float:left; border-bottom:1px solid #999; }
#payment-mode .left{ width:210px; margin-left:10px; height:auto; float:left; font-size:1em; font-weight:bold; color:#EB9102; text-align:left;}
#payment-mode .left a{ color:#EB9102; text-decoration:none;}
#payment-mode  .left a:hover{ text-decoration:underline;}
#payment-mode  .right{ width:320px; height:auto; float:left; font-size:1em; font-weight:bold;}
#payment-mode  .right1{ width:470px; height:auto; float:right; font-size:1em; font-weight:bold;}
#payment-mode  .right1 .message-text{ width:450px; height:auto; float:left; padding:7px 10px; color:#EB9102; }
#payment-mode  .right1 .message-text a{ color:#2F0387; text-decoration:none;}


/*--- style for body content ---*/
#body{width:1000px; height:auto; float:left;}
/*--- body top content ---*/
#body-top{ width:1000px; height:auto; float:left;}
#body-top #left{ width:500px; height:auto; float:left; background:none;}
#body-top #left .left{width:488px; height:auto;  max-height:255px; float:left; margin:9px 0 0 10px; border:1px solid #999; border-radius:0 0 1em 1em; background:none; }
#body-top #left .left .border{ width:488px; height:8px; float:left; background: #EB9102 }
#body-top #left .left .heading{ width:440px; height:40px; float:left; padding:5px 0px 5px 48px; font-size:1.5em; font-weight:bold; color:#EB9102; background:url(../images/head.png) left center no-repeat;}
#body-top #left .left .text{ width:460px; height:auto; float:left; padding:0 14px; color:#fff; line-height:12pt;}
#body-top #left .left .text ul li{list-style-image:url(../images/round_button.png); }

#body-top #right{ width:500px; height:auto; float:left; background:none;}
#body-top #right .right{width:488px; height:auto; min-height:255px; float:left; margin:9px 0 0 10px; border:1px solid #999; border-radius:0 0 1em 1em; background:none; }
#body-top #right .right .border{ width:488px; height:8px; float:left; background: #EB9102;}
#body-top #right .right .heading{ width:440px; height:40px; float:left; padding:5px 0px 5px 48px; font-size:1.5em; font-weight:bold; color:#EB9102; background:url(../images/head.png) left center no-repeat;}
#body-top #right .right .text{ width:460px; height:auto; float:left; padding:0 14px; color:#fff;}

/*--- style for body bottom content ---*/
#body-bottom{ width:1000px; height:auto; float:left;}
#body-bottom #bleft{ width:500px; height:auto; float:left; background:none;}
#body-bottom #bleft .left{width:488px; min-height:240px; float:left; margin:9px 0 0 10px; border:1px solid #999; border-radius:0 0 1em 1em; background:none; padding-bottom:10px; }
#body-bottom #bleft .left .border{ width:488px; height:8px; float:left; background: #EB9102 ;}
#body-bottom #bleft .left .heading{ width:440px; height:40px; float:left; padding:5px 0px 5px 48px; font-size:1.4em; font-weight:bold; color:#EB9102; background:url(../images/head.png) left center no-repeat;}
#body-bottom #bleft .left .text{ width:460px; height:auto; float:left; padding:0 14px; }
#body-bottom #bright{ width:500px; height:auto; float:left; background:none;}
#body-bottom #bright .right{width:488px; height:auto; min-height:255px; float:left; margin:9px 0 0 10px; border:1px solid #999; border-radius:0 0 1em 1em; background:none ; }
#body-bottom #bright .right .border{ width:488px; height:8px; float:left; background: #EB9102;}
#body-bottom #bright .right .heading{ width:448px; height:auto; float:left; padding:5px 10px;font-weight:bold; }
#body-bottom #bright .right .heading .tab{ width:auto; height:auto; float:left; padding:7px 12px; border:1px solid #fff; color:#fff; background:#EB9102; text-decoration:none; }
#body-bottom #bright .right .heading .tab:hover{background:#2F0387;}
#body-bottom #bright .right .heading .active{ width:auto; height:auto; float:left; padding:7px 12px; border:1px solid #fff; color:#fff; background:#2F0387; text-decoration:none;}
#body-bottom #bright .right .text{ width:460px; height:auto; float:left; padding:0 14px;}
#body-bottom #bright .right .text a{ color:#EB9102; text-decoration:none; font-weight:bold; width:420px; height:auto; float:left; background:url(../images/arrow.png) left center no-repeat; padding:3px 0px 3px 20px;}
#body-bottom #bright .right .text a:hover{ color:#fff; text-decoration:underline; }
#body-bottom #bright .right .text #tab1{width:460px; height:180px; float:left;  overflow-y:auto }
#body-bottom #bright .right .text #tab2{width:460px; height:180px; float:left; display:none;overflow-y:auto}
#body-bottom #bright .right .text #tab3{width:460px; height:180px; float:left; display:none;overflow-y:auto}

/*--- style for bottom content ---*/
#bottom{ width:1000px; height:auto; float:left; padding-bottom:10px; border-bottom:1px dotted #999; }
#bottom .left{width:600px; height:auto; float:left; margin:10px;}
#bottom .left img{ width:150px; height:50px; float:left; margin-right:15px;}
#bottom .right{ width:300px; float:right; height:auto; margin:10px;}
#bottom .right img{ float:right; margin-right:10px;}

/*--- style for footer content ---*/
#footer{width:100%; height:auto; float:left; background:#333; color:#fff;  text-align:left;}
#footer .footer{ width:1000px; height:auto; margin:0 auto; }
#footer .footer .left{ width:600px; height:auto; float:left; margin:10px; }
#footer .footer .left .menu{ width:630px; height:auto; float:left;}
#footer .footer .left .menu a{ color:#EB9102; text-decoration:none;}
#footer .footer .left .menu a:hover{ text-decoration:underline; color:#fff;}
#footer .footer .left .text{ width:630px; height:auto; float:left; margin-top:5px;}
#footer .footer .left .text img{ width:35px; height:35px; float:left; margin-right:10px;}
#footer .footer .left .text a{ color:#EB9102; text-decoration:none; font-weight:bold;}
#footer .footer .left .text a:hover{ color:#fff;}

#footer .footer .right{ width:360px; height:auto; float:right; margin:10px;  text-align:right; line-height:14pt;}


/*style for slider header*/
h3{
	font-family:"Trebuchet MS";
	font-size: 1.2em;
	color: #EB9102;
	font-weight: bold;
	text-align:center;	
	line-height: 20px;
	padding:0px 15px; margin:0px;
}
#header{
	width: 460px;
	float:left;
}

.header_left{
	float: left;
	width: 460px;
	height: 200px; 
}

.header_left .text{

	line-height: 18px;

	font-family:"Trebuchet MS"; 
	padding:5px 10px; width:440px; font-weight:bold;
}
.header_left .text ul {margin:0px;}
.header_left .text ul li{list-style-image:url('../images/arrow2.png'); margin:0px;}
.learn{
	width: 49px;
	height: auto;
	background: #EC9102 no-repeat top left; border-radius:4em;
	float: right;
	text-align: center;
	padding: 14px 0; font-weight: bold; font-family:"Trebuchet MS";
	font-size: 1em;
	color: #fff;
}
.learn:hover{ background: #333 no-repeat top left; color:#fff;}





.clear{
	clear: both;
}

/*
scroll styles here
*/

.item { width: 460px; height: 180px;}
.item img {float:left;}
.item h2 { border:none; margin-bottom:15px;}

.scrollable { position:relative; overflow:hidden; width: 460px; height:170px; background:transparent;} 
.scrollable .items { width:20000em; position:absolute;}
.scrollable .items div { float:left;} 
.scrollable .items .item { overflow:hidden;}
.scrollable .items .item p { line-height:16px;}
.navi { width:auto; height:20px; float:right; margin:5px 0; padding-right: 20px;} 
.navi a { width: 13px; cursor:pointer; height: 14px; float:left; margin:0 0 0 3px; background:url(../images/round_button.png) no-repeat scroll right top; display:block; font-size:1px; } 
.navi a:hover, .navi a.active { background-position:left top; margin:0 0 0 3px;  background:url(../images/round_button1.png) no-repeat scroll right top}

.header1
{
width: 460px; height: 180px;

}

.header2
{
width: 700px; height: 350px;
}

.header3
{
width: 700px; height: 350px;
background: url(images/top3.jpg) no-repeat;
}




/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */


div.pp_overlay {background: #000;display: none;left: 0;position: absolute;top: 0;width: 100%;z-index: 9500;}
div.pp_pic_holder {display: none;position: absolute;width: 100px;z-index: 10000;}