// CSS Reset //
@import url("css/reset.css");
// --------- //

html {
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;

}

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
		
}

html, body, .wrapper {
	height: 100%;
}

body {
	font: normal 13px Arial, Verdana, Helvetica, sans-serif;
	color:#333;
	padding:0;
	background:#e1e1e1;
}


h1 {
	font-size:24px;
	text-transform:uppercase;
}

h2 {
	font-size:20px;
	color:#000000;
}
/*--- BEGIN General Stylings ---*/
table {
	border-collapse:collapse;
}

.bold {
	font-weight:bold;
}

.margin_top {
	margin-top:10px;
}

.margin_top_40 {
	margin-top:40px;
}

.margin_left {
	margin-left:10px;
}

.margin_right {
	margin-right:15px;
}

.margin_right_5 {
	margin-right:5px;
}

.margin_right_3 {
	margin-right:3px;
}

.margin_bottom_5 {
	margin-bottom:5px;
}

.margin_bottom_3 {
	margin-bottom:3px;
}

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
}

.border {
	border:1px solid black;
	background:#ff0;
}

.vmiddle {
	vertical-align:middle;
}

b {
	font-size: 100%;
	font-weight:bold;
}
br {
}
em {
	font-size:100%;
	font-weight: normal;
}

.padding-10 {
	padding:10px;
}

.padding-bottom-0 {
	padding-bottom:0px;
}

.margin_bottom {
	margin-bottom:20px;
}

.height_50 {
	height:50px;
}

.uppercase {
text-transform:uppercase;
}

ul.non-bulleted {
	list-style:none;
}

ul.non-bulleted li {
	float:left;
	margin-right:10px;
}

.center-align{
	text-align:center;
	margin:0px auto;
}

strong {
}

/*--- END General Stylings ---*/

/* --- Navigation --- */

.navigation {
	background:url(../images/modules/navigation-bg.jpg) repeat-x;
	height:40px;
	width:954px;	
}


/*--- Content --- */

.container {
	margin:0px auto;
	background:#e0e0e0;
	overflow:hidden;
	width:987px;
	border:1px white solid;
	position:relative;
}

p {
	margin-bottom:10px;
	margin-top:5px;
}

a:link, a:visited	 {
	text-decoration: none;
	outline: none;
	color:#5c5c5c;
	cursor: pointer;
	
}

a:hover {
	text-decoration:underline;
}

/*--- BEGIN Header ---*/

.header {
	width: 987px;
	height:100px;
	margin:0px auto;
	background:url(../images/modules/header-bg-alt.jpg) repeat-x;
	border-bottom:1px solid white;
	position:relative;
}

.header img.logo {
	padding:20px;
}

ul.top-nav {
	position:absolute;
	width:210px; /* 155 */
	top:20px;
	right:12px;
	font-size:11px;
	border:0px solid #000;
}

ul.top-nav li {
	float:left;
	margin-left:3px
}
.login {
	padding:10px;
	margin-top:38px;
}

/*--- END Header ---*/

/*--- BEGIN search form ---*/

fieldset.search {
	border: none;
	width: 155px;
	margin: 0 auto;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #aaa;
	font-size: 1.2em;
	width: 118px;
	height: 14px;
	padding: 5px;
	background:url(../images/modules/topsearch-bg.jpg) no-repeat;
}

.search button.btn {
	width: 26px;
	height: 24px;
	cursor: pointer;
	text-indent: -9999px;
	background:url(../images/modules/topsearch-btnbg.jpg) no-repeat top right;
}

.placeholder
{
  color: #111;
}

/*--- END search form ---*/


/*--- BEGIN footer ---*/
.footer {
	background:url(../images/modules/footer-bg.jpg) repeat-x;
	height:31px;
	width:963px;
	padding:12px;
	margin:0px auto;
	border-top:1px solid white;
	border-bottom:1px solid white;
}

.footer-left {
	width:450px;
}

.footer-left div {
	clear:both;
}

.footer-left span {
	font-size:10px;
	margin-left:5px;
}

.footer ul.footer-nav {
	clear:both;
}

.footer ul.additional-nav {
	
}

.footer ul.footer-nav li, .footer ul.additional-nav li {
	float:left;
	margin-left:5px;
	margin-bottom:3px;
}

.footer a:link, .footer a:visited {
	color:#333333;
}

.footer ul.additional-nav li {
	font-size:10px;
}

/*--- Home Page --- */

.content-index, .content {
	background:#d7d7d7 url(../images/modules/content-bg.jpg) no-repeat;
	width:987px;
}

.content-index {
	overflow:hidden;
	min-height:100%;
	height:100%
}

.feature {
	clear:both;
}

ul.thumb {
	list-style: none;
	margin: 0; padding: 10px;
	clear:both;
	margin-left:60px;
}
ul.thumb li {
	margin: 0; padding: 2px;
	float: left;
	position: relative;
}

ul.thumb li img {
	-ms-interpolation-mode: bicubic;
	position:absolute;
}
ul.thumb li.can img {
	top:33px;
	width:280px;
	height:279px;
	-ms-interpolation-mode: bicubic;
}

ul.thumb li.services img {
	top:35px;
	left:285px;
	-ms-interpolation-mode: bicubic;
	width:500px;
	height:191px;
}

ul.thumb li.how-it-works img {
	top:230px;
	left:276px;
	-ms-interpolation-mode: bicubic;
	width:282px;
	height:192px;
}

ul.thumb li.featured-merchants img {
	top:230px;
	left:558px;
	-ms-interpolation-mode: bicubic;
	width:283px;
	height:192px;
}

ul.thumb li.get-started img {
	top:320px;
	left:88px;
	-ms-interpolation-mode: bicubic;
	width:186px;
	height:79px;
}

ul.thumb li img.hover {
	border: none;
}

.content-lower {
	clear:both;
	padding:25px;
	margin-top:420px;
	display:block
}

.content-lower .try123 a {
    width: 258px; height:84px; 
    overflow: hidden;
    float: left;
}
.content-lower .try123 img {
    border: none;
    margin: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.content-lower .try123 a:hover img {
    margin-top: -84px;
}

.content-lower .news, .content-lower .promo {
	width:180px;
	margin-left:50px;
}

.content-lower .merchant-register {
	margin-left:40px;
}

.content-lower .merchant-register a {
    width: 164px; height:82px; 
    overflow: hidden;
    float: left;
}
.content-lower .merchant-register img {
    border: none;
    margin: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.content-lower .merchant-register a:hover img {
    margin-top: -82px;
}

/*-- END home --*/

/*--- BEGIN pages ---*/
.content {
	width:947px;
	overflow:hidden;
	padding:20px;
	padding-top:60px;
}

.content-merchant {
	width:987px;
	overflow:hidden;
}

.page-content {
	width:400px;
	margin-left:30px;
}

.page-content h2 {
	font-weight:bold;
	font-size:14px;
	color:#333;
	line-height:1.5em;
	margin:15px 0px;
}

.content-merchant h2 {
	margin-bottom:25px;
}

.page-content p, .content-merchant p, .content-detail p, .content-detail ul li {
	line-height:1.9em;
	margin-bottom:15px;
}

.content-detail {
	width:700px;
	margin:0px auto;
	padding-top:30px;
}

.content-detail h2 {
	margin:20px 0px;
	font-size:16px;
}

.content-detail ul li {
	list-style:outside;
	margin-left:50px;
}


/*-- BEGIN easy123 page ---*/
.clear-page-content {
	margin:0px auto;
	text-align:left;
	padding-top:30px;
	width:925px;
}

.one, .two, .three{
	float:left;
	text-align:left;
	margin-right:40px;
}

.one p, .two p, .three p {
	padding:5px;
}

.one {
	width:240px;
	margin-left:10px;
}

.two, .three {
	width:255px;
}

.easy-register {
	margin:0px auto;
	width:200px;
}

.easy-register a {
	margin-top:30px;
    width: 128px; height:33px; 
    overflow: hidden;
    float: left;
}
.easy-register img {
    border: none;
    margin: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.easy-register a:hover img {
    margin-top: -33px;
}

/*-- BEGIN merchants page ---*/

.panel h2.title { margin-bottom: 10px }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 20px 0 }
	.coda-slider { background: #ebebeb }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 600px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }

.merchant-details {
	text-align:left;
	width:927px;
	padding:30px;
	margin:30px 0px 50px 70px;
}


.merchant-logo {
	text-align:center;
	width:310px;
	margin-right:50px;
}

.merchant-content {
	width:400px;
}

.merchant-content p {
	line-height:1.5em;
}

.merchant-link {
	text-align:center;
	margin:0px auto;
	padding:30px;
	width:140px;
	clear:both
}

.merchant-link a {
	margin-top:6px;
    width: 132px; height:33px; 
    overflow: hidden;
    float: left;
}
.merchant-link img {
    border: none;
    margin: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.merchant-link a:hover img {
    margin-top: -33px;
}

/*--- END merchants page ---*/

/*--- BEGIN get started page ---*/
.video-player {
	background:url(../images/modules/get-started-videobg.png) no-repeat bottom;
	margin:0px auto;
	text-align:center;
	padding-right:17px;
	padding-top:20px;
	position:relative;
}

.video-player img {
	margin-top:5px;
}

.getstarted-content {
	clear:both;
	width:600px;
	padding:10px;
	margin:0px auto;
	text-align:center
}

.getstarted-content p {
	width:350px;
	margin-top:5px;
	margin-bottom:20px;
	margin-right:100px;
	font-size:14px;
	text-align:left;
	float:left;
}

.getstarted-learnmore {
	position:absolute;
	top:160px;
	right:79px;
}

.getstarted-content a, .register-button a {
	margin-top:6px;
    width: 128px; height:33px; 
    overflow: hidden;
    float: left;
}
.getstarted-content img, .register-button img {
    border: none;
    margin: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.getstarted-content a:hover img, .register-button a:hover img {
    margin-top: -33px;
}

/*--- END get started page ---*/

/*--- BEGIN registration page ---*/
.register-form {
	width:670px;
	float:left;
	margin-right:10px;
}

.register-form ul li {
	text-align:left;
	clear:both;
	line-height:2em;
	margin-bottom:15px;
	vertical-align:middle;
}

.register-form ul li.check {
	height:25px;
}

.register-form fieldset {
	width:325px;
	float:left;
}

.register-form label {
	width:150px;
	text-align:right;
	line-height:normal;
	margin-right:10px;
	float:left
}

.register-form span.caption {
	font-size:10px;
	text-align:right;
	margin-top:3px;
	color:#666666
}

.register-form input {
	height:25px;
	float:left;
	margin-bottom:15px;
	width:145px;
	padding:0px 5px;
}

.register-form textarea {
	width:145px;
	padding:0px 5px;
	height:140px;
}

.register-form .check input {
	width:10px;
	float:left;
	margin-left:80px
}

.register-form .check label {
	text-align:left;
	padding:7px 0px;
	width:210px;
}

.register-form .register-button {
	margin:0px auto;
	text-align:center;
	width:10px;
}

.register-agreement {
	font-size:10px;
	text-align:left;
	margin:40px;
	padding:40px 0px;
	width:265px;
}

.register-agreement p {
}

.register-sidebar {
	width:240px;
	text-align:left;
	float:left
}

.register-sidebar p {
	font-size:11px;
	font-weight:bold;
	color:#666
}

.register-sidebar a:link, .register-sidebar a:visited, ul.news-list li a:link, ul.news-list li a:visited, .news-content a:link, .news-content a:visited {
	color:#cc0000;
	font-weight:bold;
}

/*--- BEGIN login ---*/


ul.login-form {
	width:380px;
	margin:0px auto;
	padding-left:30px;
	text-align:center
}

ul.login-form li {
}

ul.login-form li label {
	text-align:right;
	float:left;
	margin-right:30px;
	width:100px;
}

ul.login-form li input {
	text-align:left;
	margin-bottom:5px;
	width:150px;
	float:left
}

.login-links {
	margin-left:430px;
	text-align:left
}

.login-buttons {
	margin-left:400px;
	text-align:center;
	padding:20px;
}

.login-buttons a {
    width: 67px; height:33px; 
    overflow: hidden;
    float: left;
	margin-right:10px;
}
.login-buttons img {
    border: none;
    margin: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.login-buttons a:hover img {
    margin-top: -33px;
}


/*--- END registration page ---*/

/*--- BEGIN news page ---*/
ul.news-list {
	margin-left:70px;
}

ul.news-list li {
	width:400px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

ul.news-list li img {
	margin-right:20px;
}

ul.news-list li h2 {
	font-size:12px;
}

ul.news-list li p {
	margin-bottom:5px;
	font-size:12px;
	line-height:1.5em;
}

.news-side {
	width:350px;
	margin-top:8px;
	margin-right:30px;
	text-align:right;
}


.news-side h2 {
	color:#333;
}

.news-side img {
	margin-bottom:10px;
}

.news-content {
	width:450px;
}




.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*--- BEGIN paging ---*/

.i_paging {
	width:auto;
	text-align:left;
	float:left;
	display:inline-block;
	clear:both;
	
}

#m_paging_left, #m_paging_right, #m_paging_number {
	float:left;
	width:auto; /* 160 */
	height:20px;
	display:block;
	/*border:1px solid #000;*/
}



#m_paging_left span, #m_paging_right span {
	border:1px solid #BDBDBD;
	color:#BDBDBD;
	padding:0px 4px;
	margin:0px 1px;
	font-size:12px;
	font-family:"Trebuchet MS", Arial;
}

#m_paging_left a, #m_paging_right a {
	border:1px solid #636a7d;
	font-family:"Trebuchet MS", Arial;
	font-size:12px;
	padding:0px 4px;
	margin:0px 1px;
	color:#333;

}

#m_paging_number {
	width:auto; /* 520 390 */
	text-align:center;
	color:#005b7f;
}

#m_paging_number a, #m_paging_active {
	font-family:"Trebuchet MS", Arial;
	font-size:12px;
	border:1px solid #636a7d;
	padding:0px 4px;
	margin:0px 2px;
}



#m_paging_number a:hover, #m_paging_active {
	background-color:#636a7d;
	border:1px solid #636a7d;
	color:#fff;
}
/*--- END paging ---*/