/*	-------------------------------------------------------------
	Position
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
body {
background-color: #797047;
font-family: "Arial", " Verdana",  " Tahoma", Serif;
font-size: 12px;
color: #144052;
border: 0px;
margin: 0px;
padding: 0px;
text-align: center;

background-image: url(images/bg.gif);
background-position: top left;
background-repeat: repeat-x;
}

#container
{
width: 697px;


margin:0px auto;
padding: 0px;
text-align: left;

/* upd */
width:897px;
}

#container1
{
width: 761px;
margin:0px auto;
padding: 0px;
text-align: left;

/* upd calculator */
/*width: 961px;*/
}


/*	-------------------------------------------------------------
 logo
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#logo{
float: left;
	width: 697px;
	height: 76px;

	
background-image: url(images/logo_smart_pay_solutions.gif);
background-position: 0px 0px;
background-repeat: no-repeat;

margin-top: 26px;
/* upd */
width: 897px;
}
#logo1{
float: left;
	width: 761px;
	height: 76px;

	
background-image: url(images/logo_smart_pay_solutions_ca.gif);
background-position: 0px 0px;
background-repeat: no-repeat;

margin-top: 35px;

/* upd 
width: 961px;*/
}
#logo a{
float: left;
	width: 165px;
	height: 76px;
	position: relative;
	display: block;
	/*  IE 5 Hack \*/
	overflow: hidden;
	/* end hack */ 
}

#logo a:link, #logo a:visited{
text-indent: -9999px;}

#logo h1{
background-image: none;	
}

#logo1 a{
float: left;
	width: 165px;
	height: 76px;
	position: relative;
	display: block;
	/*  IE 5 Hack \*/
	overflow: hidden;
	/* end hack */ 
}

#logo1 a:link, #logo a:visited{
text-indent: -9999px;}

#logo1 h1{
background-image: none;	
}




/*	-------------------------------------------------------------
 top navigation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#top_nav{
float: left;
display: inline;
	width: 128px;
	margin-left: 24px;
	
	height: 234px;
	
	background-image: url(images/bg_content_top.gif);
background-position: top right;
background-repeat: no-repeat;

/* width upd  + 50 / + 30*/
width: 178px;
width: 158px;

}	

#top_nav li{
display: inline; 
float:left;

}
#nav_ul {
float: left;
	height: 36px;
	list-style-type: none;
	list-style-image: none;
	padding: 0 0 0 0;
	margin: 0px;
	display: inline;
}

#nav_ul a{

	
	position: relative;
	display: block;
	/*  IE 5 Hack \*/
	overflow: hidden;
	/* end hack */ 
}
/* was 109, should be set to 159 */
#nav_home, #nav_home_on{ width: 139px;  height: 30px;margin-top: 4px;}
#nav_about, #nav_about_on {width: 139px; height: 31px; margin-right: 0px;}
#nav_products, #nav_products_on {width: 139px; height: 31px; margin-right: 0px;}
#nav_advantage, #nav_advantage_on {width: 139px; height: 30px; margin-right: 0px;}
#nav_endorsements, #nav_endorsements_on {width: 139px; height: 31px; margin-right: 0px;}
#nav_mc, #nav_mc_on {width: 139px; height: 81px; margin-right: 0px;}
#nav_contact, #nav_contact_on {width: 139px; height: 31px;}
#nav_features, #nav_features_on {width: 139px; height: 31px; margin-right: 0px;}
#nav_dealer, #nav_dealer_on {width: 139px; height: 30px; margin-right: 0px;}
#nav_dealer_demo, #nav_dealer_demo_on {width: 139px; height: 30px; margin-right: 0px;}
#nav_customer, #nav_customer_on {width: 139px; height: 31px;}
#nav_savings, #nav_savings_on {width: 139px; height: 31px;}

#nav_home a, #nav_home_on a {width: 139px; height: 30px; }
#nav_about a, #nav_about_on a {width: 139px; height: 31px;}
#nav_products a, #nav_products_on a {width: 139px; height: 31px;}
#nav_advantage a, #nav_advantage_on a {width: 139px; height: 30px;}
#nav_endorsements a, #nav_endorsements_on a {width: 139px; height: 31px;}
#nav_mc a, #nav_mc_on a {width: 139px; height: 81px;}
#nav_contact a, #nav_contact_on a {width: 139px; height: 31px;}
#nav_features a, #nav_features_on a {width: 139px; height: 31px;}
#nav_dealer a, #nav_dealer_on a {width: 139px; height: 30px;}
#nav_dealer_demo a, #nav_dealer_demo_on a {width: 139px; height: 30px;}
#nav_customer a, #nav_customer_on a {width: 139px; height: 31px;}
#nav_savings a, #nav_savings_on a {width: 139px; height: 31px;}


#nav_home a:link, #nav_home a:visited { background: url(images/nav_home.gif) no-repeat;text-indent: -9999px; }
#nav_about a:link, #nav_about a:visited { background: url(images/nav_about.gif) no-repeat;text-indent: -9999px; }
#nav_products a:link, #nav_products a:visited { background: url(images/nav_products.gif) no-repeat;text-indent: -9999px; }
#nav_advantage a:link, #nav_advantage a:visited { background: url(images/nav_advantage.gif) no-repeat;text-indent: -9999px; }
#nav_endorsements a:link, #nav_endorsements a:visited { background: url(images/nav_endorsements.gif) no-repeat;text-indent: -9999px; }
#nav_mc a:link, #nav_mc a:visited { background: url(images/nav_mc.gif) no-repeat;text-indent: -9999px; }
#nav_contact a:link, #nav_contact a:visited { background: url(images/nav_contact.gif) no-repeat;text-indent: -9999px; }
#nav_features a:link, #nav_features a:visited { background: url(images/nav_features.gif) no-repeat;text-indent: -9999px; }
#nav_dealer a:link, #nav_dealer a:visited { background: url(images/nav_dealer.gif) no-repeat;text-indent: -9999px; }
#nav_dealer_demo a:link, #nav_dealer_demo a:visited { background: url(images/nav_dealer_demo.gif) no-repeat;text-indent: -9999px; }
#nav_customer a:link, #nav_customer a:visited { background: url(images/nav_customer.gif) no-repeat;text-indent: -9999px; }
#nav_savings a:link, #nav_savings a:visited { background: url(images/nav_savings.gif) no-repeat;text-indent: -9999px; }


#nav_home a:hover { background: url(images/nav_home_on.gif) no-repeat;text-indent: -9999px; }
#nav_about a:hover { background: url(images/nav_about_on.gif) no-repeat;text-indent: -9999px; }
#nav_products a:hover { background: url(images/nav_products_on.gif) no-repeat;text-indent: -9999px; }
#nav_advantage a:hover { background: url(images/nav_advantage_on.gif) no-repeat;text-indent: -9999px; }
#nav_endorsements a:hover { background: url(images/nav_endorsements_on.gif) no-repeat;text-indent: -9999px; }
#nav_mc a:hover { background: url(images/nav_mc_on.gif) no-repeat;text-indent: -9999px; }
#nav_contact a:hover { background: url(images/nav_contact_on.gif) no-repeat;text-indent: -9999px; }
#nav_features a:hover { background: url(images/nav_features_on.gif) no-repeat;text-indent: -9999px; }
#nav_dealer a:hover { background: url(images/nav_dealer_on.gif) no-repeat;text-indent: -9999px; }
#nav_dealer_demo a:hover { background: url(images/nav_dealer_demo_on.gif) no-repeat;text-indent: -9999px; }
#nav_customer a:hover { background: url(images/nav_customer_on.gif) no-repeat;text-indent: -9999px; }
#nav_savings a:hover { background: url(images/nav_savings_on.gif) no-repeat;text-indent: -9999px; }

#nav_home_on a:link, #nav_home_on a:visited { background: url(images/nav_home_on.gif) no-repeat;text-indent: -9999px; }
#nav_about_on a:link, #nav_about_on a:visited { background: url(images/nav_about_on.gif) no-repeat;text-indent: -9999px; }
#nav_products_on a:link, #nav_products_on a:visited { background: url(images/nav_products_on.gif) no-repeat;text-indent: -9999px; }
#nav_advantage_on a:link, #nav_advantage_on a:visited { background: url(images/nav_advantage_on.gif) no-repeat;text-indent: -9999px; }
#nav_endorsements_on a:link, #nav_endorsements_on a:visited { background: url(images/nav_endorsements_on.gif) no-repeat;text-indent: -9999px; }
#nav_mc_on a:link, #nav_mc_on a:visited { background: url(images/nav_mc_on.gif) no-repeat;text-indent: -9999px; }
#nav_contact_on a:link, #nav_contact_on a:visited { background: url(images/nav_contact_on.gif) no-repeat;text-indent: -9999px; }
#nav_features_on a:link, #nav_features_on a:visited { background: url(images/nav_features_on.gif) no-repeat;text-indent: -9999px; }
#nav_dealer_on a:link, #nav_dealer_on a:visited { background: url(images/nav_dealer_on.gif) no-repeat;text-indent: -9999px; }
#nav_dealer_demo_on a:link, #nav_dealer_demo_on a:visited { background: url(images/nav_dealer_demo_on.gif) no-repeat;text-indent: -9999px; }
#nav_customer_on a:link, #nav_customer_on a:visited { background: url(images/nav_customer_on.gif) no-repeat;text-indent: -9999px; }
#nav_savings_on a:link, #nav_savings_on a:visited { background: url(images/nav_savings_on.gif) no-repeat;text-indent: -9999px; }


/*	-------------------------------------------------------------
content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.content{
clear: both;
float: left;
width: 697px;
	
margin-top: 0px;
padding: 0px;
background-color: #eae7de;

background-image: url(images/bg_content.gif);
background-position: top right;
background-repeat: repeat-y;

width: 897px;
}

.content p{


padding-left: 25px;
padding-right: 25px;
line-height: 20px;

text-align: justify;
}

.content h2{

font-size: 16px;
padding-left: 25px;
padding-right: 25px;
line-height: 20px;
margin: 10px 0 0 0 ;
color: #074f78;

}

.content h3{

font-size: 14px;
padding-left: 25px;
padding-right: 25px;
line-height: 20px;
margin: 10px 0 0 0 ;
color: #526672;

}

.content em{

margin-bottom: 30px;
display: block;
font-size: 15px;
color: #357295;
text-align: left;
width: 99%;
}


.content_bottom{
clear: both;
float: left;
	width: 697px;
	height: 39px;
	
margin-top: 0px;
padding: 0px;
background-color: #eae7de;

background-image: url(images/bg_bottom.gif);
background-position: top left;
background-repeat: no-repeat;

/* width upd */
width: 897px;
}


/*	-------------------------------------------------------------
content lists
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.content_ul {
color: #11384e;

    
	
	 
	 margin: 0px 0  25px 27px;
	 padding: 0px 0 0 0;
	 
     list-style-type: none;
     list-style-image: none;
}

.content_ul li{
line-height: 26px;

background-image: url(images/bg_content_li.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
text-indent: 15px;
}




/*	-------------------------------------------------------------
right
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.right{

float: left;
	width: 545px;
	min-height: 290px;
	min-height: 350px;	


margin-top: 0px;
padding: 0px;
background-color: #c0e2f5;

/* width upd + 200 / + 150 + 170 */
width: 745px;
width: 715px;
/* or 350 */
  min-height:350px;
	/* ie-hack*/
	height:auto !important;
	height:350px;
}


/*	-------------------------------------------------------------
titles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#title_home{
float: left;
	width: 545px;
	height: 167px;

	
background-image: url(images/title_home.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;

margin-bottom: 18px;
text-indent: -9999px;

/* width upd + 200 / + 150 + 170 */
width: 745px;
width: 715px;
}

#title_home2{
float: left;
	width: 545px;
	height: 167px;

	
background-image: url(images/title_home2.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;

margin-bottom: 18px;
text-indent: -9999px;
/* width upd + 200 / + 150 + 170 */
width: 745px;
width: 715px;
}


#title_advantage{
float: left;
	width: 545px;
	height: 167px;

	
background-image: url(images/title_advantage.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;

margin-bottom: 18px;
text-indent: -9999px;
/* width upd + 200 / + 150 + 170 */
width: 745px;
width: 715px;
}

#title_contact{
float: left;
	width: 545px;
	height: 167px;

	
background-image: url(images/title_contact.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;

margin-bottom: 18px;
text-indent: -9999px;
/* width upd + 200 / + 150 + 170 */
width: 745px;
width: 715px;
}

#title_about{
float: left;
	width: 545px;
	height: 167px;

	
background-image: url(images/title_about.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;

margin-bottom: 18px;
text-indent: -9999px;
/* width upd + 200 / + 150 + 170 */
width: 745px;
width: 715px;
}

#title_products{
float: left;
	width: 545px;
	height: 167px;

	
background-image: url(images/title_products.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;

margin-bottom: 18px;
text-indent: -9999px;
/* width upd + 200 / + 150 + 170 */
width: 745px;
width: 715px;
}

#title_endorsements{
float: left;
	width: 545px;
	height: 167px;

	
background-image: url(images/title_endorsements.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;

margin-bottom: 18px;
text-indent: -9999px;
/* width upd + 200 / + 150 + 170 */
width: 745px;
width: 715px;
}


#title_solutions{
float: left;
display: inline;
	width: 121px;
	height: 118px;

	
background-image: url(images/title_solutions.gif);
background-position: 0px 0px;
background-repeat: no-repeat;

margin-left: 31px;
margin-top: 9px;
margin-bottom: 19px;
text-indent: -9999px;
/* width upd + 200 / + 150 + 170 */
width: 745px;
width: 715px;
}

#title_benefits{
float: left;
display: inline;
	width: 121px;
	height: 118px;

	
background-image: url(images/title_benefits.gif);
background-position: 0px 0px;
background-repeat: no-repeat;

margin-left: 31px;
margin-top: 9px;
margin-bottom: 19px;
text-indent: -9999px;
/* width upd + 200 / + 150 + 170 */
width: 745px;
width: 715px;
}

#title_payment_options{
float: left;
display: block;
	width: 430px;
	height: 20px;

	
background-image: url(images/title_payment_options.gif);
background-position: 0px 0px;
background-repeat: no-repeat;

margin-left: 22px;
margin-top: 15px;
margin-bottom: 5px;
text-indent: -9999px;
/* width upd + 200 / + 150 + 170 */
width: 745px;
width: 715px;
}

#title_features{
float: left;
	width: 545px;
	height: 167px;

	
background-image: url(images/title_features.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;

margin-bottom: 18px;
text-indent: -9999px;
/* width upd + 200 / + 150 + 170 */
width: 745px;
width: 715px;
}

#title_customer{
float: left;
	width: 545px;
	height: 167px;

	
background-image: url(images/title_customer.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;

margin-bottom: 18px;
text-indent: -9999px;
/* width upd + 200 / + 150 + 170 */
width: 745px;
width: 715px;
}

#title_dealer{
float: left;
	width: 545px;
	height: 167px;

	
background-image: url(images/title_dealer.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;

margin-bottom: 18px;
text-indent: -9999px;
/* width upd + 200 / + 150 + 170 */
width: 745px;
width: 715px;
}
/*	-------------------------------------------------------------
solutions
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.solutions{

float: left;
	width: 697px;

min-height: 6px;	
margin-top: 0px;
padding: 0px;
background-color: #2a2819;

background-image: url(images/bg_solutions.gif);
background-position: bottom left;
background-repeat: no-repeat;

/* width upd */
width: 897px;
}



/*	-------------------------------------------------------------
solutions lists
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.solutions_ul {
color: #efede1;
float: left;
     min-width: 231px;
	height: 140px;
	 
	 margin: 5px 0  10px 27px;
	 padding: 0px 0 0 0;
	 
     list-style-type: none;
     list-style-image: none;
}

.solutions_ul li{
line-height: 26px;

background-image: url(images/bg_li.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
text-indent: 15px;
}

/*	-------------------------------------------------------------
bg content bottom
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.bg_content_bottom{
position: relative;
float: left;
	width: 19px;
	height: 154px;
	
margin-top: -193px;
margin-left: 133px;
padding: 0px;
background-color: #eae7de;

background-image: url(images/bg_content_bottom.gif);
background-position: top right;
background-repeat: repeat-y;
}






/*	-------------------------------------------------------------
      Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#footer{
	width: 697px;
	height: 35px;
	margin-bottom: 22px;


clear: both;



font-size: 11px;
color: #ccc39d;

/* width upd */
width: 897px;
	
}


#footer p{
	margin: 0px;
	padding: 0px;
	line-height: 35px;
}

#footer a{
	color: #ccc39d;
}

#footer a:hover{
	color: #333;
}




/*	-------------------------------------------------------------
  Form
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.contact_bg{
width: 470px;
min-height: 522px;

margin-left: 38px;
padding-top: 20px;



background-image: url(images/bg_contact.jpg);
background-position: top right;
background-repeat: no-repeat;
	
}	
	
.kind{
padding-left: 65px;
padding-right: 25px;
line-height: 20px;
margin-bottom: 20px;
color: #fff;
	
}

.nature{
padding-left: 65px;
padding-right: 25px;
line-height: 20px;
	margin-bottom: 20px;
	color: #fff;
}

.message{
padding-left: 65px;
padding-right: 25px;
line-height: 20px;
margin-bottom: 20px;
	
}

.information{
padding-left: 65px;
padding-right: 25px;
line-height: 20px;
margin-bottom: 20px;
	
}

.kind span, .nature span{
margin-right: 15px;
	
}

.information span{
margin-right: 25px;

position: relative;
	
}

.submit_button{
margin-left: 300px;
margin-top: 15px;
border: 0px;
}

input, textarea, select{
	border: solid 2px  #689cba;
	font-family: "Arial", " Verdana",  " Tahoma", Serif;
}

textarea{
	width: 332px;
}

.checkbox{
	border: 0px;
}

.inputf_1{
	width: 265px;
}

.inputf_2{
	width: 190px;
}


/*	-------------------------------------------------------------
   Generic elements
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	

	
	 img{
	border: 0px;
}
	
	p{
	line-height: 18px;
	margin: 0px;
}
	
	a{
	color: #0975DA;
	margin: 0px;
}

h1{
	font-size: 20px;
	font-weight: normal;
	color: #1F8CCA;
	margin: 0px 0 5px 0;
	

}


/*	-------------------------------------------------------------
   Sifr
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */



.sIFR-hasFlash .content h2 {
	visibility: hidden;
	width: 300px;
	color: #074f78;
	letter-spacing: 0px;
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: -2px;
clear: both;

}

.sIFR-hasFlash .content h3 {
	visibility: hidden;
	width: 300px;
	color: #074f78;
	letter-spacing: 0px;
	font-size: 10px;
	margin-top: 10px;
	margin-bottom: -2px;
}




/*	login_button -	*/

#button_login a{
clear: none;
float: left;
margin-top: 29px;
margin-right: 18px;
width: 53px;
height: 17px;
position: relative;
display: block;
/*  IE 5 Hack \*/
overflow: hidden;
/* end hack */ 

}

#button_login a:link, #button_login a:visited {

background-image: url(images/button_login.gif);
background-position: top left;
background-repeat: no-repeat;
margin-top: 29px;
text-indent: -9999px;
}

#button_login a:hover{

background-image: url(images/button_login_on.gif);
background-position: top left;
background-repeat: no-repeat;
margin-top: 29px;
text-indent: -9999px;

}

/*	webcast_button -	*/

#button_webcast a{
clear: none;
float: left;
margin-top: 29px;
margin-right: 18px;
width: 95px;
height: 17px;
position: relative;
display: block;
/*  IE 5 Hack \*/
overflow: hidden;
/* end hack */ 

}

#button_webcast a:link, #button_webcast a:visited {

background-image: url(images/button_joinwebcast.gif);
background-position: top left;
background-repeat: no-repeat;
margin-top: 29px;
text-indent: -9999px;
}

#button_webcast a:hover{

background-image: url(images/button_joinwebcast_on.gif);
background-position: top left;
background-repeat: no-repeat;
margin-top: 29px;
text-indent: -9999px;

}



/*	dlcalculators_button -	*/

#button_dlcalculators a{
clear: none;
float: left;
margin-top: 29px;
margin-right: 18px;
width: 102px;
height: 17px;
position: relative;
display: block;
/*  IE 5 Hack \*/
overflow: hidden;
/* end hack */ 

}

#button_dlcalculators a:link, #button_dlcalculators a:visited {

background-image: url(images/newsletter_off.gif);
background-position: top left;
background-repeat: no-repeat;
margin-top: 29px;
text-indent: -9999px;
}

#button_dlcalculators a:hover{

background-image: url(images/newsletter_on.gif);
background-position: top left;
background-repeat: no-repeat;
margin-top: 29px;
text-indent: -9999px;

}





/*	dlcalculators_button -	*/

#button_order a{
clear: none;
float: left;
margin-top: 29px;
margin-right: 18px;
width: 102px;
height: 17px;
position: relative;
display: block;
/*  IE 5 Hack \*/
overflow: hidden;
/* end hack */ 

}

#button_order a:link, #button_order a:visited {

background-image: url(images/button_order.gif);
background-position: top left;
background-repeat: no-repeat;
margin-top: 29px;
text-indent: -9999px;
}

#button_order a:hover{

background-image: url(images/button_order_on.gif);
background-position: top left;
background-repeat: no-repeat;
margin-top: 29px;
text-indent: -9999px;

}

.linkstop{
display: inline;
height: 17px;
float: right;
margin: 0 0 0 0px;
padding: 0;
list-style: none;}

.linkstop li{
display: inline;}