@charset "utf-8";
/* CSS Document */
* {
margin: 0;
padding: 0;
}

/*NEW*/
#main {
	text-align:center;
	width: 100%;
}

#undernav {
	width: 100%;
	background-color: #bfbfbf;
	background-image: url('../images/bg/bg_navbottom.jpg');
	background-repeat:repeat-x;
}

#nav {
	width: 950px;
	margin: 0 auto 0 auto;
}

#nav ul, ol {
	font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	color: #7f7f7f;
	margin: 0 10px 0 10px;
}

#header {
	width: 950px;
	margin: 0 auto 0 auto;
	text-align: left;	
}

#content {
	width: 950px;
	margin: 15px auto 0 auto;
	text-align: left;
	background-image: url('../images/bg/bg_bottom.jpg');
	background-position:bottom;
	background-repeat:no-repeat;
	padding: 0 0 25px 0;
}

#leftcolumn {
	float:left;
	width: 250px;
	display:inline;
	margin: 0 0 0 15px;
}

#rightcolumn {
	float:right;
	width: 620px;
	display:inline;
	margin: 0 35px 0 10px;
}

#fullcolumn {
	float:right;
	width: 880px;
	display:inline;
	margin: 0 35px 30px 35px;
}
#leftlargecolumn {
	float:left;
	width: 620px;
	display:inline;
	margin: 0 10px 30px 35px;
}
#rightformcolumn {
	float:left;
	width: 250px;
	display:inline;
	margin: 0 15px 0 0;
}

#mainimage {
	text-align:left;
	margin: 0 0 0 10px;
	float:left;
	display:inline;
}

p {
	font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	color: #7f7f7f;
	font-size: 14px;
	line-height: 1.3em;
	padding: 1.2em 0 0 0;
	text-align:justify;
}

p.font16 {
	font-size:16px;
	margin:5px 0 0 0;
	line-height:1.35em;
	padding: 1em 0 0 0;
}

p.bigger {
	font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	color: #7f7f7f;
	font-size: 1.1em;
	line-height: 1.3em;
	padding: 1.2em 0 0 0;
}
p.subheadtop {
	padding-top:0px;
}

#nav ul, ol {
	font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	color: #7f7f7f;
	margin: 0 10px 0 10px;
}

li {
	margin: 0 10px 0 25px
}

body {
	font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	color: #7f7f7f;
	background-color: #FFFFFF;

}

#logohome {
	margin: 5px 0 0 0;
	text-align:center;
}

#logohome .logo {
	padding: 0 10px 0 10px;
	display:inline;
	vertical-align:middle;
}

.whitetext {
	color:#FFFFFF;
}

.whitetext a:hover {
	color:#CCCCCC;
}



#topbar {
	width:920px; 
	float:left; 
	display:inline; 
	margin: 0 0 0 15px; 
	background-repeat:no-repeat;
	height: 150px;
}
/* Transtech Bg Images */
.homepage {
	background-image:url('../images/bg/bg_main.jpg'); 
}
.residential {
	background-image:url('../images/bg/bg_residential.jpg'); 
}	
.commercial {
	background-image:url('../images/bg/bg_commercial.jpg'); 
}
.processing {
	background-image:url('../images/bg/bg_processing.jpg'); 
}
.careers {
	background-image:url('../images/bg/bg_careers.jpg'); 
}
.contact {
	background-image:url('../images/bg/bg_contact.jpg'); 
}
.thankyou {
	background-image:url('../images/bg/bg_thankyou.jpg'); 
}

/*Transcendent Bg Images */
.merchant {
	background-image:url('../images/bg/bg_merchant_equity.jpg'); 
}
.opportunities {
	background-image:url('../images/bg/bg_opportunities.jpg'); 
}
.press {
	background-image:url('../images/bg/bg_press_releases.jpg'); 
}
.solutions {
	background-image:url('../images/bg/bg_payment_solutions.jpg'); 
}
.creditcards {
	background-image:url('../images/bg/bg_credit_cards.jpg'); 
}
.equipment {
	background-image:url('../images/bg/bg_equipment.jpg'); 
}
.checks {
	background-image:url('../images/bg/bg_checks_ach.jpg'); 
}
.pointofpurchase {
	background-image:url('../images/bg/bg_point_of_purchase.jpg'); 
}
.recurringdebit {
	background-image:url('../images/bg/bg_recurring_debit.jpg'); 
}
.lockbox {
	background-image:url('../images/bg/bg_lockbox.jpg'); 
}
.gateway {
	background-image:url('../images/bg/bg_gateway.jpg'); 
}
.giftcards {
	background-image:url('../images/bg/bg_gift_cards.jpg'); 
}
.gifts {
	background-image:url('../images/bg/bg_gifts.jpg'); 
}
.loyalty {
	background-image:url('../images/bg/bg_loyalty.jpg'); 
}
.cashadvance {
	background-image:url('../images/bg/bg_cashadvance.jpg'); 
}
.itsolutions {
	background-image:url('../images/bg/bg_itsolutions.jpg'); 
}	

div.inline {
	float:left;
	width:200px;
}

ul.homepagetop {
	list-style-type: none; 
	font-size:32px; 
	line-height:1.6em; 
	text-align:right; 
	width: 250px; 
	height: 150px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#homemaintext {
	margin: 0 0 0 0; 
	text-align:justify;
}

#homemaintext ul {
	font-size:16px; 
	margin: 10px 0 0 0; 
	font-size:22px;
}

#footer {
	margin: 0 15px 0px 15px; 
	text-align:center;
}

a {
	color: #7f7f7f;
	text-decoration: none;
}
a:hover {
	color: #cccccc;
}
ul {
	font-size:12px;
	padding: 1.2em 0 0 0;
}

h1 {
	font-weight: normal;
	font-size: 1.8em;
	line-height: 1.5em;
	padding: 1em 0 0 0;
	text-align:right;
}

/* NAV MENU */
#menu {
	padding:0;
	color:#fff;
	font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 26px;
	white-space:nowrap;
	list-style-type:none;
}
#menu li {display:inline;
	background-image:url('../images/bg/bg_navbutton.jpg');
}

#menu li a {
	background:#fc6;
	color:#fff;
	text-decoration:none;
	float:left;
	margin: 0 2px 0 2px;
	background-image:url(../images/bg/bg_navbutton.jpg);
	width: 150px;
	height: 27px;
}
#menu li a:hover {
	color:#CCCCCC;
}


#menubg {
	background-image:url(../images/bg/bg_navbutton_on.jpg);
	height: 27px;
	color:#000000;
}

#menu ul {
	margin: 0 0 0 0;
}

.largersecondary {
	font-size: 1.5em;
}

ul.contactul {
	font-size:16px;
}

/* END MENU */

/*Form*/
input {
	border: 1px solid #cccccc;
}

.width220 {
	width:220px;
}

textarea {
overflow:auto;
	border: 1px solid #CCCCCC;
}

#forms {
	width: 250px;
	height: 383px;
	background-image:url(../images/bg/bg_form.jpg);
	margin: 15px 0 0 0;
}

#formopportunities {
	width: 250px;
	height: 342px;
	background-image:url(../images/bg/bg_form_opportunities.jpg);
	margin: 15px 0 0 0;
}

#formtop {
	text-align:right; 
	padding:18px 15px 0 0; 
	font-size:28px;
}
.formfieldname {
	margin:8px 0 0 15px; 
	font-size:14px;
}
.formfield {
	margin: 0 15px 0 15px;
}
#textfield {
	text-align:center; 
	margin: 8px 0 0 0;
}
#formbottom {
	margin:0 15px 0 15px; 
	text-align:center;
}

#formbottom p{
	text-align:center;
	padding: 10px 0 0 0
}

#forms2 {
	width: 250px;
	height: 563px;
	background-image:url(../images/bg/bg_form2.jpg);
	margin: 15px 0 0 0;
}


.sidenavbtn {
	margin: 0 0 10px 0;
}

#solutionstemplate {
	float:right; 
	width:615px; 
	margin:0 0 0 15px;
}

#sidenavdiv {
	float:left; 
	width:220px; 
	margin: 15px 0 0 0; 
	text-align:right; 
	background-image:url(../images/bg/sidenav_bg.jpg); 
	background-repeat:repeat-y;
}


/*END NEW*/










h2 {
	font-weight: bold;
	font-size: 15px;
	line-height: 18px;
	padding: 1.5em 0 0 0;
}

hr {
	height: 1px;
	border-style: none;
	color: #777777;
	background-color: #777777;
}


#formhorizontal {
	background-color:#FFFFFF;
}

/* Homepage id */
#container {
	background-color: #777777;
	text-align: center;
	margin: 20px 0 0 0;
}

#mainbanner {
	width: 846px;
	height:193px;
	background-image:url("../images/banner_main.html"); 
	background-repeat:no-repeat; 
	background-color: transparent;
	background-position:center;
	margin: 0 0 0 0;
}
#mainbannerbtn {
	float:right; 
	margin:130px 80px 0 0;
	display:inline;
}
#hompagecontent {
	background: url("../images/bg_hompagecontent.html");
	background-repeat:no-repeat;
	width: 846px;
	height: 407px;
	background-color: transparent;
	background-position: center;
	margin: -2px 0 0 0;
}

#homepagecontentmain {
	width: 515px;
	height: 300px;
	padding: 0 5px 5px 10px;
	margin: 0 0 0 8px;
	float:left;
	display:inline;
}

#homepagecontentnew {
	width: 275px;
	height: 205px;
	padding: 0 5px 5px 10px;
	margin: 0 10px 0 0;
	float:right;
}

#homepagecontentquote {
	width: 515px;
	height: 95px;
	padding: 5px 0 5px 8px;
	margin: 0 0 0 8px;
	float:left
}

#homepagecontentquote h1 {
	font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #444444;
	line-height: 16px;
	padding: 1em 0 0 0;
	}
	
#homepagecontentbuttons {
	width: 290px;
	height: 165px;
	padding: 0;
	margin: 5px 10px 0 0;
	float:right;
}
#homepagecontentbuttons .button {
	width: 290px;
	margin: 9px 0 0 0;
}
#login {
	float:right;
	margin: 8px 20px 0 0;
	font-size:14px;
}
#login a {
	text-decoration: none;
	color:#FFFFFF;
}
#loginarrow {
	margin: 25px 10px 0 0;
	float:right;
}

#toplogo {
	float: left;
	margin: 10px 0 0 20px;
	display:inline;
}	

/* End Homepage id */

ul.arrows
{
	margin: 1.5em 0 0 0;
	padding-left: 0px;
	list-style: none;
}

ul.arrows li 
{
	padding-left: 10px;
	background-image: url(../images/li_arrow.html);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}	

/*
Spacer Div
*/
div.spacer{
clear: both !important;
}