/* Generic CSS Document - YES-pay.com*/
/* Version - 1.02*/
/* Last update - August 06, 2008*/
/* Last update by - rohit trivedi*/
/******************************************************************/

/*html*/
html
{
	padding: 0px;
	margin: 0px;
}

/*Body*/
body
{
	background-image: url(../../Images/body_bg.gif);
	background-repeat: repeat-x;
	font-family: "Calibri" , "Arial" , "Luxi Sans" , Helvetica, sans-serif;
	font-size: 75%;
	color: #333;
	padding: 0px;
	cursor: default;
	margin: 0px;
}

/*body { margin-top: 0px; margin-bottom: 0px; background-color: #4f94b1; font-family: "Calibri", "Arial", "Luxi Sans", Helvetica, sans-serif; COLOR: #000000; PADDING-TOP: 0px; 
	}*/

/*Forms*/
form
{
	margin: 0px;
}

/*Headings*/
h1, caption
{
	text-align: left;
	line-height: 30px;
	margin: 0;
}
h4, caption
{
	text-align: left;
	line-height: 14px;
	margin: 0;
}
h2, h3, caption
{
	text-align: left;
	line-height: 22px;
	margin: 0;
}
h1
{
	font-size: 30px;
	font-weight: normal;
}
h2
{
	font-size: 24px;
	font-weight: normal;
	color: #3d7f9e;
}
h3
{
	font-size: 24px;
	font-weight: bold;
}
h4
{
	font-size: 16px;
	font-weight: bold;
}
h5
{
	font-size: 12px;
	font-weight: bold;
}
.padding_headings
{
	padding: 0 .7em .5em 0.3em;
}
/*This gives padding to headings*/
.padding_headings22
{
	padding: 0 .7em .5em .7em;
	text-align: center;
}
/*This gives padding to headings*/
.padding_headings2
{
	padding: .5em .4em .4em .8em;
}
/*This gives padding to headings*/
.padding_headings3
{
	padding: .6em .4em 0em .7em;
}
/*This gives padding to headings*/
.padding_headings4
{
	padding: .6em .4em 0em 1.2em;
}
/*This gives padding to headings*/
.padding_headings5
{
	padding: 2em 0em 0em 1.2em;
}
/*This gives padding to headings*/
.color_darkblue
{
	color: #3d7f9e;
}

/*Images*/
img
{
	padding: 0;
	border: 5px solid #EAEAEB;
	margin: 0;
}
img.no-border
{
	border: none;
}
img.left
{
	margin: 0 25px 25px 0;
	float: left;
}
img.left_content
{
	margin: 1.3em 1em 1em 1.5em;
	float: left;
}
img.right
{
	margin: 0 0 25px 25px;
	float: right;
}
/*----Home main banner images----*/
img.homemainbanner
{
	border: none;
	padding: 10px 10px 10px 0px;
	margin: 0px;
}
/*This is for first three images on home main banner (left to right)*/
img.homemainbannerlast
{
	border: none;
	padding: 10px 0px 10px 0px;
	margin: 0px;
}
/*This is for right last image on home main banner*/
/*----Home content curve box images----*/
img.corner
{
	width: 15px;
	height: 15px;
	border: none;
	display: block !important;
}
/*----Right navigation images----*/
img.right_nav
{
	padding: 0;
	border: 1px solid #69bfe8;
	margin: 0;
}
.margin_left15
{
	margin-left: 15px;
}
.margin_top15
{
	margin-top: 15px;
}

/*Links*/
a
{
	color: #0c8ad4;
}


a:hover
{
	color: #3C3D3E;
}

/*Paragraph*/
p
{
	line-height: 1.4em;
	margin: 0 0 .9em 0;
}


/*Line*/
hr
{
	height: 1px;
	background: none;
	display: block;
	border: 1px solid #CECED0;
	border-width: 1px 0 0 0;
	overflow: hidden;
	margin: 10px 0;
}

/*Main*/
#main
{
	width: 100%;
}

/*Mother container*/
/*#mother { background-image:url(../../Images/bg_mother.gif); background-repeat:repeat-y;}*/
#mother
{
	background-color: #FFFFFF;
	border-right:1px solid #dad6d2;
	border-bottom:1px solid #dad6d2;
	border-left:1px solid #dad6d2;
}
.top
{
	background-color: #35271d;
	height: 5px;
}
.pg-home
{
	width: 912px;
	padding: 16px 16px 0px 16px;
}
/*Main div - the outer most container with 100% width of screen with property to center align (horizantal) which keep mother div in center of page, Mother div defines width of page912px, Padding16px top right left, Shedow of page*/

/*Logo panel*/
#logobanner
{
	width: 880px;
	height: 58px;
	padding: 0px 16px 10px 16px;
}
/*Logo*/
#logo
{
	background-repeat: no-repeat;
	width: 212px;
	height: 48px;
	float: left;
}

/*Language*/
#language
{
	width: 160px;
	float: right;
}

/*Search*/
#search
{
	width: 170px;
	float: right;
	padding: 6px 0px 0px 0px;
	clear: right;
}
.search
{
	font-size: 9px;
}
#logintxt
{
	width: 170px;
	float: right;
	padding: 6px 0px 0px 0px;
	clear: right;
}

/*Top Navigation - Main navigation*/
#topnav
{
	background-image: url(../../Images/top_nav_bg_normal.gif);
	background-repeat: repeat-x;
	width: 900px;
	height: 38px;
}
/*This is the background round corner image of horizantal top navigation bar & the container of top navigation bar*/
#topnav ul
{
	font-size: 15px;
	font-weight: bold;
	list-style-type: none;
}
/*This defines font property & list style*/
#topnav ul li
{
	background: url(../../Images/top_nav_bg_normal_bg.gif) repeat-x;
	display: inline;
}
/*This add a background image repeat to every link in navigation*/
#topnav ul li a
{
	background: url(../../Images/top_nav_splitter.gif) no-repeat;
	color: #FFF;
	text-decoration: none;
	display: block;
	float: right;
	padding: 10px 10px 0 10px;
}
/*This add a splitter to left of every link in navigation with padding*/
#topnav ul li a.first
{
	background: none;
}
/*This is for left firsr link in navigation to remove splitter from left to it*/
#topnav ul li a:hover
{
	background: url(../../Images/top_nav_bg_hover_bg.gif) repeat-x;
	height: 33px;
}
/*Added by samardeep*/
#topnavPartner
{
	background-image: url(../../Images/top_nav_bg_normal.gif);
	width: 895px;
	height: 35px;
}
/*This is the background round corner image of horizantal top navigation bar & the container of top navigation bar*/
#topnavPartner ul
{
	color: #FFF;
	font-size: 12px;
	padding: 10px 15px 0 15px;
	font-weight: bold;
	list-style-type: none;
}
/*This defines font property & list style*/
#topnavPartner ul li
{
	color: #FFF;
	display: inline;
}
/*This add a background image repeat to every link in navigation*/
#topnavPartner ul li a
{
	color: #FFF;
	display: block;
	float: right;
	padding: 0px 15px 0 15px;
}
/*This add a splitter to left of every link in navigation with padding*/
/*#topnavPartner ul li a:link { color:#FFF; text-decoration: none; display: block; float: right; padding: 10px 15px 0 15px;}/*This add a splitter to left of every link in navigation with padding*/
#topnavPartner ul li a.first
{
	background: none;
}
/*This is for left firsr link in navigation to remove splitter from left to it*/

#topnavAdmin
{
	background-image: url(../../Images/top_nav_bg_normal.gif);
	width: 895px;
	height: 35px;
}
/*This is the background round corner image of horizantal top navigation bar & the container of top navigation bar*/
/*#topnavAdmin ul {color:#FFF; font-size: 12px; padding: 15px 10px 10px 10px; margin-bottom:10px; font-weight: bold; list-style-type: none; }/*This defines font property & list style*/
#topnavAdmin ul li
{
	color: #FFF;
	display: inline;
}
/*This add a background image repeat to every link in navigation*/
/*#topnavAdmin ul li a { color:#FFF; font-size: 12px; font-weight:normal;  padding: 0px 0px 10px 10px;}/*This add a splitter to left of every link in navigation with padding*/
/*#topnavPartner ul li a:link { color:#FFF; text-decoration: none; display: block; float: right; padding: 10px 15px 0 15px;}/*This add a splitter to left of every link in navigation with padding*/
#topnavAdmin ul li a.first
{
	background: none;
}
/*This is for left firsr link in navigation to remove splitter from left to it*/
.float_left
{
	float: left;
}

/*#topnavPartner ul li a:hover { background: url(../../Images/top_nav_bg_hover_bg.gif) repeat-x; height:33px;}*/


/*#topnavPartner ul li a:active { background: url(../../Images/top_nav_bg_hover_bg.gif) repeat-x; height:33px;}*/
/*end of change*/
.margin_right8
{
	margin-right: 5px;
}

/*Top Navigation - Sub navigation*/
#topsubnav
{
	background-image: url(../../Images/top_sub_nav_bg_normal.gif);
	width: 880px;
	height: 23px;
}
/*This is the background round corner image of horizantal top sub navigation bar & the container of top sub navigation bar*/
#topsubnav ul
{
	font-size: 13px;
	font-weight: bold;
	list-style-type: none;
	margin: 0px;
}
/*This defines font property & list style*/
#topsubnav ul li
{
	background: url(../../Images/top_sub_nav_bg_normal_bg.gif) repeat-x;
	display: inline;
}
/*This add a background image repeat to every link in sub navigation*/
#topsubnav ul li a
{
	background: url(../../Images/top_sub_nav_splitter.gif) no-repeat;
	color: #FFF;
	text-decoration: none;
	display: block;
	float: right;
	padding: 3px 8px 0 8px;
}
/*This add a splitter to left of every link in sub navigation with padding*/
#topsubnav ul li a.first
{
	background: none;
}
/*This is for left firsr link in sub navigation to remove splitter from left to it*/
#topsubnav ul li a:hover
{
	background: url(../../Images/top_sub_nav_bg_hover_bg.gif) repeat-x;
	height: 20px;
}
/*Added by samardeep
#topsubnav ul li a:active { background: url(../../Images/top_nav_bg_hover_bg.gif) repeat-x; height:20px;}
/*end of change*/
/*Home main banner*/
#home_main_banner
{
	width: 895px;
	height: 193px;
	padding: 0px;
	margin: 0px;
	border: none;
	float: none;
}
/*This is the main banner on home page with four images*/

/*Home content*/
#home_content_left
{
	width: 100%;
	margin: 0px 15px 0px 10px;
	padding: 0px;
}
/*#home_content_left #border {width: 200px; margin: 0px 5px 0px 5px; padding:0px; float:left;
	border-right-color:#cccccc;
	border-right-style:solid;
	border-right-width:1px;}*/


.curve_corner
{
	padding-top: 5px;
	background-color: #b3defb;
	border-bottom-color: #e9e9e9;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-color: #e9e9e9;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #e9e9e9;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-color: #e9e9e9;
	border-top-style: solid;
	border-top-width: 1px;
	width: 435px;
}
/*This is for background color of curved box*/
.curve_corner01
{
	background-color: White;
}
/*This is for background color of curved box*/
.curve_corner01_topright
{
	background: url(../../Images/round_corner_top_right.gif) no-repeat top right;
}
/*This is to add top right curved corner image to box */
.curve_corner01_topright
{
	background: url(../../Images/round_corner_top_right.gif) no-repeat top right;
}
/*This is to add top right curved corner image to box */
.curve_corner_topright
{
	background: url(../../Images/round_corner_top_right.gif) no-repeat top right;
}
/*This is to add top right curved corner image to box */
.curve_corner_bottumright
{
	background:url(../../Images/round_corner_bottum_right.gif) no-repeat top right;
}
/*This is to add bottum right curved corner image to box */
.curve_corner p
{
	line-height: 1.3em;
	margin: .05em 0em .5em 0.5em;
}
/*Curved corner box(blue)*/
.curve_corner01 p
{
	line-height: 1.3em;
	margin: 0 1.3em 1.3em 0.5em;
}
/*Curved corner box(blue)*/
/*This is for background color of curved box*/

.curve_corner1
{
	color: #003366;
}


.curve_corner02
{
	background-color: white;
	color: #003366;
}
/*This is for background color of curved box*/

.curve_corner_topright1
{
	background: url(../../Images/round_corner_top_right1.gif) no-repeat top right;
}
/*This is to add top right curved corner image to box */
.curve_corner_bottumright1
{
	background: url(../../Images/round_corner_bottum_right1.gif) no-repeat top right;
}
/*This is to add bottum right curved corner image to box */
.curve_corner1 p
{
	line-height: 1.3em;
	margin: 5px 15px 5px 5px;
	color: Black;
}
/*Curved corner1 box (light blue)*//*Home content left div*/
curve_corner_topright02
{
	background: url(../../Images/round_corner_top_right1.gif) no-repeat top right;
}
/*This is to add top right curved corner image to box */
.curve_corner_bottumright02
{
	background: url(../../Images/round_corner_bottum_right1.gif) no-repeat top right;
}
/*This is to add bottum right curved corner image to box */
.curve_corner02 p
{
	line-height: 1.3em;
	margin: 0 1.3em 1.3em 0.5em;
	color: Black;
}
/*Curved corner1 box (light blue)*//*Home content left div*/

#home_content_middle
{
	width: 212px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	float: left;
	background: url(../../images/1pix_border.gif) repeat-y left 50%;
}
#home_bottum_box
{
	width: 895px;
	clear: both;
	padding-top: 10px;
}

.curve_corner_topright2
{
	color: #FFF;
	background: url(../../Images/round_corner_top2.gif) no-repeat top right;
}
/*This is to add top curved corner image to box *//*Curved corner2 box (Merchants)(Red background Curve corner)*/
.curve_corner_topright3
{
	color: #FFF;
	background: url(../../Images/round_corner_top3.gif) no-repeat top right;
}
/*This is to add top curved corner image to box *//*Curved corner2 box (YESpay partners)(Blue background Curve corner)*/
.curve_corner_topright4
{
	color: #FFF;
	background: url(../../Images/round_corner_top4.gif) no-repeat top right;
}
/*This is to add top curved corner image to box *//*Curved corner2 box (Current customers)(Dark blue background Curve corner)*//*Home content middle div*/

#home_content_right
{
	width: 890px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
}

.gridLink a
{
text-decoration: underline;
color:Blue;
}

/* Services box */

#sevices_box
{
	width: 98%;
	margin: 1px auto 1px 15px;
	padding: 1px auto 1px 10px;
}
#sevices_box a
{
	color: #FFFFFF;
}
#sevices_box a:hover
{
	text-decoration: underline;
}
#services_yespay_sub_box
{
	background: url(../../Images/yespay_box_bg.gif) no-repeat;
	width: 265px;
	height: 130px;
	float: left;
	padding: 15px;
	/*font-size: 15px;*/
	color: #FFFFFF;
	text-align: left;
}
.services_merchants_sub_box
{
	background: url(../../Images/merchant_box_bg.gif) no-repeat;
	width: 265px;
	height: 130px;
	float: left;
	padding: 15px;
	color: #FFFFFF;
	text-align: left;
}
.services_partners_sub_box
{
	background: url(../../Images/partners_box_bg.gif) no-repeat;
	width: 265px;
	height: 130px;
	float: left;
	padding: 15px;
	color: #FFFFFF;
	text-align: left;
}

/*
Addedd by samardeep aug 25

#home_content_Events{width: 215px; height:260px; margin: 0px 0px 0px 0px; padding:0px; float:left;}

#home_conten t_News {width: 215px; height:260px; margin: 0px 0px 0px 0px; padding:0px; float:left;}
#news {

visibility: visible;
/*z-index: 10;
top: 0px;
/*left: 570px;
/*height: 100px;
/*width: 215px;
clip:rect(0px 150px 100px 0px)
border-width: 0px;
/*padding-top: 40px;

}
end of change*/

.curve_corner_topright4_1
{
	color: #FFF;
	background: url(../../Images/round_corner_top4_1.gif) no-repeat top right;
}
/*This is to add top Dark blue background Curve corner image to box *//*Curved corner4_1 box (News, Accreditation & Approvals)(Dark blue background Curve corner)*//*Home content right div*/
.curve_corner_bg
{
	background-color: #3d7f9e;
}
/*This is for background color of heads curved boxes*/


.curve_corner2
{
	background-color: #f7f6f6;
}
/*This is for background color (Grey) of curved boxes*/
.curve_corner_bottumright2
{
	background: url(../../Images/round_corner_bottum_right2.gif) no-repeat top right;
}
/*This is to add bottum right curved corner image (Grey image) to boxes */
.curve_corner2 p
{
	line-height: 1.4em;
	margin: 1em 1.5em 1.5em 1em;
}
/*This is to give line-height & padding to grey background curved corner boxes*/
.margin_top10
{
	margin-top: 10px;
}
/*This is to give to give top margin *//*Home content extras - Top margin10, Gray background, Gray bottum corner images, Paragraph margin padding*/

/*Footer*/
#footerline
{
	background: #487db3;
	margin: 0px 0px 0px;
	overflow: hidden;
	height: 1px;
	background-color: #FFFFFF;
}
#footer_big_nav
{
	background: url(../../Images/footer_big_nav_bg.gif);
	width: 825px;
	height: 118px;
	padding: 15px 15px 15px 60px;
	margin: 10px 0px 0px 2px;
}
#footer_big_nav1
{
	/*background: url(../../Images/footer_big_nav_bg.gif);*/
	width: 894px;
	height: 155px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: solid 0px #000000;
}
.ftr_big_sub_nav
{
	width: 25%;
	float: left;
}

.ftr_big_sub_nav1
{
	margin-left: 35px;
	float: left;
}
#footer_big_nav ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#footer_big_nav1 ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#footer_big_nav ul li
{
	padding: 2px;
}
#footer_big_nav1 ul li
{
	padding: 2px;
}
#footer_main
{
	background: url(../../Images/footer_cntctus_bg.gif);
	background-repeat: repeat-x;
	width: 895px;
	padding: 5px;
	color: #FFFFFF;
	margin-top: 10px;
}
#footer_main a
{
	color: #FFFFFF;
}
#footer_main a:hover
{
	text-decoration: underline;
}
#footer
{
	width: 900px;
	clear: both;
	font-style: normal;
}
#footer1
{
	width: 900px;
	clear: both;
	font-style: normal;
}
.footer, a.footer:link, a.footer:visited, a.footer:hover
{
	font-size: 13px;
	color: black;
	font-style: normal;
}
.copyright
{
	margin: 0px;
	padding: 3px 0 0 0px;
	font-size: 14px;
	color: black;
}
/*Footer div & class, Copyright class*/

.design
{
	margin: 0px;
	padding: 3px 0 0 0px;
	font-size: 10px;
	color: black;
}

/* */
#footerAdmin
{
	width: 925px;
	height: 40px;
	clear: both;
}
.footerAdmin, a.footerAdmin:link, a.footerAdmin:visited, a.footerAdmin:hover
{
	font-size: 13px;
	color: black;
	font-style: normal;
}
.copyrightAdmin
{
	margin: 0px;
	padding: 3px 0 0 0px;
	font-size: 11px;
	color: black;
}
/* */
/*Inner pages*/
#inner_content
{
	width: 670px;
	margin: 10px 10px 0px 9px;
	padding: 0px;
	float: left;
}
.inner_content p
{
	line-height: 1.4em;
	margin: 1em 4.5em 1.5em 1.5em;
}
/*This is to give line-height & padding to white background  boxes*/

/*Right navigation*/

#img_navigation
{
	width: 213px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#img_navigation a
{
	padding-top: 10px;
	display:block;
}
#right_navigation
{
	width: 213px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float: left;
}

#right_navigation ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#right_navigation a
{
	display: block;
	padding: 5px 5px 5px 15px;
	width: 193px;
	color: #FFF;
	font-size: 105%;
	font-weight: normal;
	text-align: left;
	background-color: #4b4ea4;
	/*background-color: #f89953;*/
	border-top: 2px solid #FFF;
	text-decoration: none;
}

#right_navigation li
{
	
	background-color: #3d7f9e;
	color: #FFF;
	font-size: 105%;
	text-align: left;
	text-decoration: none;
}

#right_navigation #submenu
{
	text-indent: 15px;
}

#right_navigation #submenucurrent
{
	text-indent: 15px;
	font-size: 16px;
}




#right_navigation a:hover
{
	/*background-color: #fbb079;*/
	background-color: #797bb7;
	color: #FFF;
}


#right_navigation #img
{
	padding: 0px 0px 0px 0px;
	background-color: white;
	text-decoration: none;
}
#right_navigation #head
{
	display: block;
	padding: 5px 5px 5px 15px;
	width: 193px;
	/*background-color: #f47a20;*/
	background-color: #181a6d;
	border-top: 2px solid #FFF;
	color: #FFF;
	font-size: 140%;
	font-weight: bold;
	text-align: left;
}

#right_navigation #current a
{
	/*background-color: #fbb079;*/
	background-color: #797bb7;
	color: #FFF;
	font-weight: bold;
}


#marqueecontainer
{
	border-right: medium none;
	padding-right: 1px;
	border-top: medium none;
	padding-left: 2px;
	padding-bottom: 1px;
	overflow: hidden;
	border-left: medium none;
	padding-top: 1px;
	border-bottom: medium none;
	position: relative;
	height: 232px;
	width: 200px;
}
#contentwrapper
{
	margin-left: 3px;
	width: 150px;
	height: 270px;
}
.billcontent
{
	display: block;
	width: 270px;
}


#wallet_yespay_sub_box {
    background: url("../../Images/wallet_box_bg.gif") no-repeat scroll 0 0 transparent;
    color: #000000;
    float: left;
    height: 165px;
    padding: 15px;
    text-align: left;
    width: 265px;
}
.store_sub_box {
    background: url("../../Images/store_box_bg.gif") no-repeat scroll 0 0 transparent;
    color: #000000;
    float: left;
    height: 165px;
    padding: 15px;
    text-align: left;
    width: 265px;
}
.web_sub_box {
    background: url("../../Images/web_box_bg.gif") no-repeat scroll 0 0 transparent;
    color: #000000;
    float: left;
    height: 165px;
    padding: 15px;
    text-align: left;
    width: 265px;
}

#sevices_box1
{
	width: 98%;
	margin: 1px auto 1px 15px;
	padding: 1px auto 1px 10px;
}
#sevices_box1 a
{
	
	
}
#sevices_box1 a:hover
{
	text-decoration: underline;
}