@charset "UTF-8";
/* CSS Document */

/*generic*/
	html { height: 100%;}
	body { background-color: #000000; font-family: arial, helvetica, sans-serif; font-size: 13px; margin: 0px; height: 100%; min-width: 950px;}
	ul { margin: 0; padding: 0; list-style-type: none;}
	a, a:visited { color: #000000; }
	h1 { font-size: 24px; margin-top: 0px; padding-top: 20px;}
	h2 { font-size: 20px; }
	h1, h2, h3, h4 { font-family: arial, helvetica, sans-serif; color: #000000; font-weight: normal; }
	img { border: none;}
	dl dt { font-weight: bold;}
	dl dd { margin-left: 20px; margin-bottom: 10px;}
/* end generic*/

/*header related*/
	#header { background-color: #000000; margin: 0px 0 0 0; }
	#header form, #header form fieldset { border: none; margin: 0; padding: 0; }
	#header form fieldset legend  { display: none; }
	#header form input { width: 150px; float: left; font-family: trebuchet MS; color: #666; }
	#pre_nav { background: url(../images/backgrounds/top_nav_back.gif) left top repeat-x; height: 39px; padding-top: 15px; font-family: georgia;  }
	#pre_wrap { width: 950px; margin: 0 auto; }
	#pre_wrap li { float: right; width: 58px;  }
	#pre_wrap li#subscribe { float: left; margin-left: 30px; width: 450px; position: relative; top: -5px; left: -20px; color: #666; font-family: trebuchet MS;  }
	#pre_wrap li#subscribe span { float: left; width: 160px;  line-height: .9em; padding-right: 10px; font-size: 12px; padding-top: 6px}
	#pre_wrap li#subscribe div { float: left; width: 60px;  margin-left: 6px; position: relative; top: -3px; cursor: pointer;;}
	#pre_wrap li#login { background: url(../images/buttons/login.gif) left top no-repeat; width: 62px; height: 34px; position: relative; top: -12px; left: -10px; text-indent: -4000px; cursor: pointer;}
	#pre_wrap li#sitemap { text-align: right; padding-right: 15px;}
	#pre_wrap br {clear: both;}
	
	#overlay{ background-image: url(../images/backgrounds/overlay.png); position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 100%; }
	* html #overlay{ background-color: #333; background-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/backgrounds/overlay.png", sizingMethod="scale");}
	#box{ width: 300px;  background: #EBECD7; padding: 10px; border: 2px solid #A4BA58; }
	#close{ position: absolute; top: -5px; right: -5px; cursor: pointer; }
	#box #login_form .submit_button {margin-top: 0px; padding-top: 0px; width: 90px; }
	#box #login_form label { width: 90px; clear: left; float: left; text-align: right; padding-right: 10px;padding-top: 3px;}
	#box #login_form input { width: 120px; margin-top: 3px; float: left; }
	#box #login_form fieldset {border: 1px solid #fff; padding-bottom: 10px; } 
	#box #login_form legend { font: 21px georgia, serif; margin-bottom: 20px; color: #234D78;}
	
	#branding {background-color:#000000; margin:0pt 10px 0pt 10px;}
	#branding img { float: left; margin: 37px 0px 18px 20px; width: 245px;height: 46px; }
	#branding div { width: 485px; height: 0px; float: right; line-height: .3em; margin: 20px 30px 0 0;}
	#branding h2 { font-size: 20px; text-align: right; position: relative; z-index: 2; color: #000000;}
	#branding h4 { font-size: 28px; color: #067aed;}
	#branding h5 { font-family: Arial, sans-serif; font-size: 10pt; color: #234d78; text-align: right; position: relative; margin: 3px 0 0 0; }
	#branding br { clear: both; }
	#branding span { display: block; color: #067aed; font-size: 32px; text-align: right; position: relative; top: -15px;}
	
	#currencybranding {background-color:#000000; margin:0pt 10px 0pt 10px; }
	#currencybranding img { float: left; margin: 37px 0px 18px 20px; width: 245px; height: 46px; }
	#currencybranding div { width: 485px; float: right; line-height: .3em; margin: 15px 20px 20px 0}
	#currencybranding h2 { font-size: 20px; text-align: right; position: relative; z-index: 2;  color: #000000;}
	#currencybranding h4 { font-size: 16px; color: #067aed;}
	#currencybranding h5 { font-family: Arial, sans-serif; font-size: 10pt; color: #067aed; text-align: right; position: relative; margin: 3px 0 0 0; }
	#currencybranding br { clear: both; }
	#currencybranding span { display: block; color: #067aed; font-size: 32px; text-align: right; position: relative; top: -20px;}
	#currencybranding select { width: 110px; color: #067aed; margin: 0 0 0 0;} 
	#currencybranding input {width: 110px; color: #067aed; margin: 0 0 0 0; } 
/* end header related */

/* nav stuff*/
	#navigation { background-color: #000000; height: 90px; position: relative;}
	#navigation ul { width: 950px; margin: 0 auto; }
	#navigation ul li { background: url(../images/backgrounds/nav_item_back.gif) left top repeat-x; font-size: medium;  height: 40px; float: left; }
	#navigation ul li a { background: url(../images/separator.gif) left top no-repeat; height: 40px; display: block; padding: 10px 25px 0 25px; text-decoration: none;}
	#navigation a:hover { text-decoration: underline; position: relative; direction: ltr; font-weight: bold; text-decoration-line: underline; text-decoration-thickness: 1px; }
	#navigation ul li.apply { background: none; float: right;}
	#navigation ul li.apply a { margin-right: 0; }
	/*drops*/
	#navigation ul li.shut_nav ul.drop_nav { display: none; }
	#navigation ul li.open_nav ul.drop_nav { display: block;}
	#navigation ul li.open_nav ul.drop_nav { position: absolute; z-index: 2000; width: 170px; top: 40px; background: url(../images/backgrounds/drop_nav_back3.gif) left top no-repeat; opacity:0.95; filter: alpha(opacity=95); padding-bottom: 10px; border: 1px solid #adad83; border-top: 0;}
	#navigation ul li.open_nav ul.drop_nav li { display: block; float: none; height: 25px; padding-top: 5px; padding-left: 15px; background-image: none; opacity: 1; filter: alpha(opacity=100);}
	#navigation ul li.open_nav ul.drop_nav li a { font-size: small; background: none; height: 25px; padding: 2px 0 0 0; text-decoration: underline;opacity: 1; filter: alpha(opacity=100);}
	#navigation ul li.open_nav ul.drop_nav li a:hover {text-decoration: none;}

	#currencynavigation { background-color: #000000; height: 90px; position: relative;}
	#currencynavigation ul { width: 950px; float: right; margin: 0 0 0 0; }
	
	#currencynavigation ul li a {
		background:none!important;
		color:#FFF;
		padding-top:8px!important;
		border-left:none;
		height: 40px; 
		display: block; 
		padding: 10px 25px 0 25px; 
		text-decoration: none;
	}
	#currencynavigation ul li {
		background:none!important;
		font-size: medium;  
		height: 40px; 
		float: right;
	}

	
	#currencynavigation a:hover { text-decoration: underline; position: relative; direction: ltr; font-weight: bold; text-decoration-line: underline; text-decoration-thickness: 1px; }
	#currencynavigation ul li.apply { background: none; float: right;}
	#currencynavigation ul li.apply a { margin-right: 0; }
	/*drops*/
	#currencynavigation ul li.shut_nav ul.drop_nav { display: none; }
	#currencynavigation ul li.open_nav ul.drop_nav { display: block;}
	#currencynavigation ul li.open_nav ul.drop_nav { position: absolute; z-index: 2000; width: 170px; top: 40px; background: url(../images/backgrounds/drop_nav_back3.gif) left top no-repeat; opacity:0.95; filter: alpha(opacity=95); padding-bottom: 10px; border: 1px solid #adad83; border-top: 0;}
	#currencynavigation ul li.open_nav ul.drop_nav li { display: block; float: none; height: 25px; padding-top: 5px; padding-left: 15px; background-image: none; opacity: 1; filter: alpha(opacity=100);}
	#currencynavigation ul li.open_nav ul.drop_nav li a { font-size: small; background: none; height: 25px; padding: 2px 0 0 0; text-decoration: underline;opacity: 1; filter: alpha(opacity=100);}
	#currencynavigation ul li.open_nav ul.drop_nav li a:hover {text-decoration: none;}
	
	#welcomeInfo h2 { color: #FFFFFF; }
	#welcomeInfo h5 { color: #FFFFFF; }
	#welcomeInfo input {
		color: #FFFFFF;
		background:#136EF6;
		border: 1px solid #FFFFFF;
	}
/* end nav stuff*/

/* buttons and peripheral nav - links */
	span.accent_button { background: url(../images/buttons/blue_left.gif) left top no-repeat; height: 38px; display: block; margin-left: 20px; }
	span.accent_buttonW { background: url(../images/buttons/blue_leftW.gif) left top no-repeat; height: 38px; display: block; margin-left: 20px;}
	#contact_form span.accent_buttonW { margin-left: 380px; }
	#navigation span.accent_button a, span.accent_button a, span.accent_buttonW a, #contact_form .submit_button { border: none; background: url(../images/buttons/blue_mid.gif) right top repeat-x; height: 38px; margin-left: 11px; display: block; font-size: small; font-weight: bold; padding: 10px 20px 0 10px; color: #fff; } 
	span.accent_buttonB { background: url(../images/buttons/blue_leftB.gif) left top no-repeat; height: 38px; float: left; margin-left: 20px; }
	span.accent_buttonB a { background: url(../images/buttons/blue_midB.gif) right top repeat-x; height: 38px; margin-left: 11px; display: block; font-size: medium; text-decoration: none; font-weight: bold; padding: 10px 20px 0 10px; color: #fff; } 		
	.prop span.accent_buttonB { width: 60px; }
	.prop span.accent_buttonB a { padding: 7px 5px 0 5px;}
	#main_wrap #contact_button { float: left; margin: 30px 0 60px 60px;}
	#contact_form .submit_button { border: none; width: 100px; background-image: url(../images/buttons/blue_midW.gif); padding-top: 0px; padding-right: 25px; padding-bottom: 5px;}
	span.accent_buttonW a { background-image: url(../images/buttons/blue_midW.gif); width: 150px; padding: 0; padding-left: 15px; padding-top: 8px; }
	.contactP { padding: 15px; border: 1px solid #fff;}
	.contactP span.accent_buttonW { float: right; margin-top: 10px; margin-right: 10px;}
	a.back { float: right; padding-left: 20px; background: url(../images/icons/arrow_left.png) left top no-repeat; }
	.textAccent { color: #f00;}
	p.textAccent { padding: 20px 0 0 20px;}
	#request .lightButton, #box #login_form .lightButton { display: block; background: url(../images/buttons/gr_left.gif) left top no-repeat; padding-left: 8px; height: 33px; float: right; margin: 20px 35px 0 0;}
	#request .lightButton a, #box #login_form .submit_button { border: none; background: url(../images/buttons/gr_right.gif) right top no-repeat; padding-right: 8px; height: 33px; float: left; padding-top: 7px; font-weight: bold;}
	#box #login_form .submit_button { padding-top: 0px;}
	.return {float: right; }
		.apply #contact_form input.submit_button { width: 100px; }
	.apply #contact_form span.accent_buttonW { margin-left: 410px; }
	#contact_form .accentButt {background: url(../images/buttons/blue_leftW.gif) left top no-repeat; height: 38px; padding-left: 8px; float: right; margin: 10px 105px 0 0; position: relative;}
	#contact_form .accentButt .subButt { border: none; background: url(../images/buttons/blue_midW.gif) right top repeat-x; height: 38px; font: bold small trebuchet MS, sans-serif; color: #fff; width: 100px; margin-top: 0; padding-right: 12px;} 	
/* end buttons and peripheral nav - links */

/* index boxes */
	#value_prop { background-color: #234d78; }
	#value_wrap { width: 950px; margin: 0 auto; }
	#value_wrap br {clear: both;}
	div.prop { width: 435px; float: left; background: url(../images/backgrounds/prop_back.gif) left top no-repeat; padding: 15px 20px; color: #fff;}
	div.part { background-position: right top; }
	div.prop h2 {float: left; width: 150px; margin: 0px; }
	div.prop h2 a { color: #fff; font-size: xx-large;  width: 150px; }
	div.prop br { clear: both; }
	div.prop p.value { font-family: georgia; font-size: medium; color: #fff;}
	div.prop p { color: #bbd463; }
	div.prop span.accentLt {color: #fff;}
/* end index boxes */

/* lists*/
	#index #main_wrap dl#products { margin-left: 20px; margin-top: 35px; }
	#main_wrap dl#products { width: 530px; float: left; background-color: transparent;}
	#main_wrap dl#products dt { padding-left: 40px; font: large georgia, serif; background: url(../images/icons/interac.gif) left 3px no-repeat; height: 30px; margin-top: -15px; height: 55px;}
	#main_wrap dl#products dt#gateway { background-image: url(../images/icons/gateway.gif); }
	#main_wrap dl#products dt#merchant { background-image: url(../images/icons/merchant.gif); }
	#main_wrap dl#products dt#echeck { background-image: url(../images/icons/eft.gif); }
	#main_wrap dl#products dt#payroll { background-image: url(../images/icons/payroll.gif); }
	#main_wrap dl#products dt#auth { background-image: url(../images/icons/auth.gif); }
	#main_wrap dl#products dt#estore { background-image: url(../images/icons/estore.gif); }
	#main_wrap dl#products dt#registration { background-image: url(../images/icons/registration.gif); }
	#main_wrap dl#products dd { margin-top: -30px; margin-left: 40px; margin-bottom: 30px;}
	#merchants #main_wrap dl#products {width: 600px;}
	#sampleBF dl { width: 280px; float: left; margin-right: 10px; margin-bottom: 10px; padding: 10px; background-color: #f4f4e8 }
	#merchants #sampleBF dl {padding: 0px;}
	#sampleBF dl dt { color: #4b5e08; font-style:italic; }
	#sampleBF dd { color: #666;}
	#sampleBF dl.auth { height: 700px;}
	#sampleBF dl.full, #press dl { float: none; width: 100%; background-color: transparent; }
	#sampleBF .pressItem ul { margin-left: 20px; list-style-type: disc; }
	#press dl { margin-bottom: 15px;}
	#sampleBF dl.full dd { margin-bottom: 20px;}
	#sampleBF div.full dl { float: none; width: 90%; padding-bottom: 0; }
	#sampleBF br { clear: both;}	
	dl.reg { height: 500px;}
	.privacy ul, .terms ul { list-style-type: disc; margin-left: 30px; margin-bottom: 40px;}
	.privacy ul li { margin-top: 15px;}
	#sampleBF #tPartners { width: 100%; background: none; margin-left: 0; padding-left:0;}
	#sampleBF #tPartners dt span { display: block; background: url(../images/backgrounds/partner_canvas.png) center center no-repeat; width: 225px; height: 90px; float: left; margin-right: 15px; margin-bottom: 15px; }
	#sampleBF #tPartners dt { clear: left;}
	#sampleBF ul.estore { width: 177px; margin-right: 20px; float: left; background: url(../images/backgrounds/estore_back.gif) top left no-repeat; padding: 5px; position: relative; height: 330px;}
	#sampleBF ul.last { margin-right: 0px;}
	#sampleBF .estore li.listLabel { font-weight: bold; background: none; height: 20px; padding: 5px 0 5px 10px;}
	#sampleBF .estore li { background: url(../images/icons/sm_gr_arrow.gif) left top no-repeat; padding-left: 20px; }
	#sampleBF ul.estore li.price { font-weight: bold; background-color: #b0d5f1; padding: 5px; background-image: none; position: absolute; bottom: 0px; width: 170px;}
	#sampleBF ul#restricted { list-style-type: circle; margin-left: 20px;}
	#main_wrap #clients, #main_wrap #tpartners { width: 251px; height: 165px; background: url(../images/backgrounds/client_back.gif) left top no-repeat; float: left; margin-left: 60px; margin-top: 10px;}
	#main_wrap #clients h4, #main_wrap #tpartners h4 {margin: 9px 0 0 10px; float: left; width: 160px; }
	#main_wrap #clients span, #main_wrap #tpartners span {margin: 9px 10px 0 0; text-align: right; float: right; width: 70px;}
	#main_wrap #tpartners { background-image: url(../images/backgrounds/partner_back.gif); margin-top: 30px; }
	#main_wrap br { clear: both;}
	#main_wrap h3 { font-size: 18px; width: 251px; float: left; margin: 0; margin-left: 78px; margin-top: 10px;}
	#index #main_wrap h1 { padding: 30px 19px; padding-bottom: 0px;}
	#sampleBF h1 { background: url(../images/backgrounds/product_header_back.gif) left top repeat-x; padding-left: 20px; padding-top: 15px; padding-bottom: 25px; margin-left: -25px;}
	#sampleBF h2, #sampleBF .full h3 { background: url(../images/dot_line.gif) left bottom repeat-x; }
	#sampleBF div.full h3, #sampleBF div.pressItem h3 { width: 100%; margin: 0px; float: none; font-size: large; }
	#sitemap #sampleBF ul { width: 40%; float: left; list-style-type: circle; padding-left: 20px; }
/* end lists */	

/* forms */
	#form_wrap { background: url(../images/backgrounds/form_back.gif) top left repeat-x; padding-top: 10px; }
	#form_wrap .textAccent { margin: 0 0 20px 20px; }
	#contact_form legend { display: none; }
	#contact_form fieldset { border: none; }
	.apply #contact_form label { width: 250px;}
	#contact_form label { width: 130px; float: left; text-align: right; padding-right: 15px; font-weight: bold; margin-top: 5px;}
	.apply #contact_form input, .apply #contact_form textarea { width: 250px;}
	.apply #contact_form select { width: 255px;}
	#contact_form input, #contact_form textarea { width: 350px; margin-top: 3px; }
	#contact_form textarea { height: 100px; }
	#request { clear: both; background: url(../images/backgrounds/request_info_back.gif) left top no-repeat; width: 607px; height: 91px; padding: 5px 0px;}
	#request p { width: 350px; margin: 0px 10px; float: left;}
/* end forms*/

/* main layout wrappers */
	#main_content { background: white url(../images/backgrounds/canvas_back.gif) left top repeat-x; }
	#main_wrap { width: 950px; margin: 0 auto; background: url(../images/backgrounds/sidebar.gif) left top repeat-y; }
	#index #main_wrap { background: none; }
	#sampleBF { width: 625px; padding: 0 20px 40px 20px; float: left; }
	#sub_content { width: 255px; float: left; padding: 10px; padding-bottom: 25px; color: #b9d5f1;}
/* main layout wrappers */

/* sidebar stuff */
	#sub_content h2 { color: #fff; padding-left: 10px; font-size: 20px; margin: 0; margin-bottom: 10px; margin-top: 15px;}
	#sub_content h3 { color: #fff; text-align: left; margin-left: 15px; }
	#sub_content dl { margin-left: 15px; }
	#sub_content dl dt { font-weight: bold; color: #c6d368; margin-top: 20px; }
	#sub_content dl dd { color: #fff; margin-left: 0px; margin-right: 15px; margin-bottom: 8px; }
	#sub_content p { padding: 0 15px; font-weight: normal;}
	#sub_content ul { margin-left: 30px; list-style-type: circle; }
	#sub_content strong { margin-left: 15px;}
	#sub_content a, #sub_content a:visited { color: #fff; } 
	#sub_content hr { background: url(../images/dot_line_gr.gif) left top repeat-x; height: 1px; border: none; margin: 20px 0; padding: 0;}
	#sub_content ul#sub_nav li.active a, #sub_content ul#sub_nav li.active a:visited { font-weight: bold; color: #A4BA58;}
	#sub_content ul li a:hover {color: #A4BA58; text-decoration: none;}
	#sub_content #tier_two_partners ul { clear: left; margin-top: 0; }
	#sub_content #tier_two_partners h2 { margin-bottom: 10px; }
	#sub_content #tier_two_partners h3 { margin: 0; padding: 0px; font-size: 16px; padding-left: 15px; width: 200px;}
/* end sidebar stuff */

/* footer stuff */
	#footer { background: #ecedd9 url(../images/backgrounds/footer_back.gif) left top repeat-x;}
	#footer_wrap { width: 950px; margin: 0 auto; color: #7b7c6d; padding-bottom: 50px;  }
	#footer_wrap #copy { clear: both; padding-left: 15px; margin-top: 5px; float: right; font-size: x-small;}
	#footer ul { width: 950px; margin: 0 auto; padding: 10px 0 20px 0;}
	#footer ul li {display: inline; padding: 5px 0px; }
	#footer ul li a { float: left; padding: 0 15px; border-right: 1px solid #7b7c6d; }
	#footer ul#part_logos a { border-right: none; }
	#footer_wrap h3 { color: #7b7c6d; padding-left: 15px; }
/* end footer stuff */

/* error pages */
	#errorBody { background: none;}
	#errorHeader { background: url(../images/error/Shift4-Logo-RBG-no-TM.png) left top no-repeat; height: 172px; width: 936px; margin: 0 auto; margin-top: 20px; background-size: 450px; background-position-y: 70px;}
	#error { width: 936px; height: 385px; margin: 0 auto; }
	#error h2 { padding-top: 20px; margin-top: 0px;}
	#errorType { width: 280px; height: 290px; margin-left: 15px;float: left; background: url(../images/error/404.gif) 45% 100% no-repeat;  }
	#errorType_500 { width: 280px; height: 290px; margin-left: 15px;float: left; background: url(../images/error/500.gif) 45% 100% no-repeat;  }
	#errorType h1 { font: 36px georgia, serif; color: #666; margin-left: 20px; margin-bottom: 0px;}
	#errorType h3 { font: 18px georgia, serif; color: #666; margin-left: 20px; margin-top: 0px; }
	#errorMessage { width: 580px; float: left; margin-left: 30px; padding-top: 10px; } 
	#errorMessage ul { list-style-type: disc; margin-left: 15px; line-height: 1.8em; }

/* end error pages */

/* Fix bold shift left */
.menu-link {
    grid-auto-flow: column;
    display: grid;
    text-align: center;
    grid-template-columns: 182px 73px 141px;
    justify-content: end;
}