/* CSS Document */

* {
	padding:0px;
	margin:0px;
	border:0px;
}

body {
	background-image:url(/assets/bg-tile.gif);
	background-repeat: repeat;
}

body,td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	/*this is different on each stylesheet------------------- colour 1 */	
	color:#000000;	
}

a:link {
	text-decoration: underline;
	/*this is different on each stylesheet------------------- colour 1 */	
	color:#000000;	
}
a:visited {
	text-decoration: underline;
	/*this is different on each stylesheet------------------- colour 1 */	
	color:#000000;	
}
a:hover {
	text-decoration: underline;
	/*this is different on each stylesheet------------------- colour 1 */	
	color:#000000;	
}
a:active {
	text-decoration: underline;
	/*this is different on each stylesheet------------------- colour 1 */	
	color:#000000;	
}


/* --------------------------------------------------------------------------------------- text styles */


/* -- h1 invisible */
h1 {
	position:absolute;
	top:10px;
	left:10px;
	font-size:10px;
}

h1 span {
	display:none;
}
/* --/ h1 invisible */

.panel-text {
	color:#000000;
}

blockquote p {
	text-indent:-0.4em;
}

blockquote h3 {
	text-indent:-0.4em;
}

.align-right {
	text-align:right;
}

table td, table th {
	font-size:12px;
	font-weight:normal;
}

.block-double td p.conditions {
	font-size:12px;
	margin:10px 10px 0px 0px;
}

.block-double td blockquote p.conditions {
 	text-indent:-5px;
}

sup {
	 line-height:0; 
	 font-size:0.6em;
}

.block-summary p.description {
	font-size:1.2em;
	padding-top:0px;
	margin-top:5px;
}
	
/*.light {color: #1975c1}*/
/* --------------------------------------------------------------------------------------- / text styles */

/* --------------------------------------------------------------------------------------- containers */

div#container {
	width:947px;
	position:absolute;
	top:0px;
	left:0px;
	border:0px;
}

/* -- container news ----------------------------------------------------------*/

div#container-tyro {
	width:1084px;
	/*this is different on each stylesheet------------------- bg image  */	
	background-image:url(/assets/tyro-back0.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	border:0px;	
}

div#container-tyro .block h3 {
	padding-bottom:140px;
}

/* -- / container news ----------------------------------------------------------*/

div#container-savings {
	width:947px;
	position:absolute;
	top:0px;
	left:0px;
	/*this is different on each stylesheet------------------- bg image  */	
	background-image:url(/assets/savings-back0.gif);
	background-position:top left;
	background-repeat:no-repeat;
	border:0px;	
}

/* -- container news ----------------------------------------------------------*/

div#container-news {
	width:1301px;
	position:absolute;
	top:0px;
	left:0px;
	/*this is different on each stylesheet------------------- bg image  */	
	background-position:top left;
	background-repeat:no-repeat;
	background-image:url(/assets/news-back0.jpg);	
	border:0px;	
}

div#container-news .first-line {
	margin-top:15em;
	margin-bottom:12.5em;
}

/* -- / container news ---------------------------------------------------------*/

/* -- container terminals ---------------------------------------------------------*/

div#container-terminals {
	width:947px;
	position:absolute;
	top:0px;
	left:0px;
	border:0px;	
}

div#container-terminals .block h3 {
	margin:20px 20px 10px 32px;
	line-height:1em;
	font-size:3.6em;
	font-weight:normal;	
}

/* -- / container terminals ---------------------------------------------------------*/

div#container-help {
	width:947px;
	position:absolute;
	top:0px;
	left:0px;
	/*this is different on each stylesheet------------------- bg image  */	
	background-position:top left;
	background-repeat:no-repeat;
	border:0px;	
}

div#container-faq {
	width:947px;
	position:absolute;
	top:0px;
	left:0px;
	/*this is different on each stylesheet------------------- bg image  */	
	background-image:url(/assets/faq-back0.gif);
	background-position:top left;
	background-repeat:no-repeat;
	border:0px;	
}


div#container-merchants {
	width:947px;
	position:absolute;
	top:0px;
	left:0px;
	/*this is different on each stylesheet------------------- bg image  */	
	background-image:url(/assets/merchants-back0.gif);
	background-position:top left;
	background-repeat:no-repeat;
	border:0px;	
}

/* --------------------------------------------------------------------------------------/ containers */



/* --------------------------------------------------------------------------------------- images */

img#index {
	margin-left:2px;
	padding:0;
	margin-top:0px;
}


img#index-tyro {
	display:inline;
	margin:47px 0px 0px 87px;
}

img#index-begin {
	position:absolute;
	left:598px;
	top:45px;
	border:0px;
}

img#index-learn {
	position:absolute;
	left:598px;
	top:123px;
	border:0px;
}

img#index-challenge {
	position:absolute;
	left:598px;
	top:208px;
	border:0px;
}

img#index-win {
	position:absolute;
	left:598px;
	top:298px;
	border:0px;
}

img#index-image-01 {
	margin:0px;
	padding:0px;

}
img#transparency-01 {
	position:absolute;
	z-index:2;
	left:0px;
	top:337px;
	border:0px;
}


img#layout-advantages {
	position:absolute;
	z-index:2;
	left:0px;
	top:0px;
	border:0px;
	margin-top:-49px;
}

img#step-two-advantages {
	margin:2.5em 0em 0em 0em;
}

img#step-one-advantages {
	margin:0em 0em 1em 0em;
}

img#step-three-advantages {
	margin:0em 0em 1em 0em;
}

img#step-four-advantages {
	margin:3em 0em 0em 0em;
}

img#step-one {
	margin:20px 20px -5px 0px;
}

img#step-two {
	margin:15px 0px 0px 20px;
}

img#step-three {
	margin:20px 20px 30px 0px;
}

img#step-four {
	margin:20px 0px 0px 20px;
}

img#step-five {
	margin:22px 20px 70px 0px;
}

img#faq-02 {
	float:left;
	display:inline;
	margin:20px 20px 20px 107px;
}


/* --------------------------------------------------------------------------------------/ images */
	
	

/* --------------------------------------------------------------------------------------- lines */


.first-line {
	margin-top:14.7em;
}

div.line {
	width:950px;
	height:40.2em;
	display:block;
	position:relative;
	float:none;
	clear:both;
}

div.line-double {
	width:950px;
	height:80.2em;
	margin-bottom:2px;
	display:block;
	position:relative;
	float:none;
	clear:both;
}

div.line-quadruple {
	width:950px;
	height:160.8em;
	display:block;
	position:relative;
	float:none;
	clear:both;
}

div.line-unlimited {
	width:950px;
	height:auto;
	display:block;
	position:relative;
	float:none;
	clear: both;
}

div.navigation-line {
	position:absolute;
	top:0px;
	left:0px;
	width:946px;
	height:14.7em;
	border:0px;
}

div.bottom-line {
	width:950px;
	height:4.2em;
	display:block;
	float:none;
	clear:both;
}

/* --------------------------------------------------------------------------------------/ lines */



/* --------------------------------------------------------------------------------------- blocks */


.block-half {
	width:142px;
	height:auto;
	float:left;
	display:inline;
}

.block {
	width:402px;
	height:auto;
	float:left;
	display:inline;
}

.block-nav {
	width:402px;
	height:auto;
	float:left;
	display:inline;
}

.block-double {
	width:804px;
	height:auto;
	float:left;
	display:inline;
}

.block-conditions {	
	position:relative;
	top:2px;
	left:0px;
	width:400px;
	height:auto;
	float:left;
	display:inline;
}

div.block-summary {
	width:233px;
	height:auto;
	float:left;
	display:inline;
}

div.block-detail {
	width:570px;
	height:auto;
	float:left;
	display:inline;
}

/* -------------------------- block nav styles */

div.block-nav ul.begin {
	list-style-position:outside;
	list-style-type:none;
	float:left;
	display:inline;
	margin:25px 0px 0px 50px;
	width:40em;
	background-image:url(/assets/index-begin0.gif);
	background-repeat:no-repeat;
	width:352px;
}

div.block-nav ul.learn {
	list-style-position:outside;
	list-style-type:none;
	float:left;
	display:inline;
	background-image:url(/assets/index-learn0.gif);
	background-repeat:no-repeat;	
	margin:25px 0px 0px 50px;
	width:352px;
}
div.block-nav ul.challenge {
	list-style-position:outside;
	list-style-type:none;
	float:left;
	display:inline;
	background-image:url(/assets/index-challenge0.gif);
	background-repeat:no-repeat;	
	margin:25px 0px 0px 50px;
	width:352px;
}
div.block-nav ul.win {
	list-style-position:outside;
	list-style-type:none;
	float:left;
	display:inline;
	background-image:url(/assets/index-win0.gif);
	background-repeat:no-repeat;	
	margin:25px 0px 0px 50px;
	width:352px;
}

div.block-nav ul li {
	/*this is different on each stylesheet------------------- colour 2 */	
	color:#000000;
	font-size:1.2em;
	font-weight:bold;
	float:left;
	display:inline;
	padding:50px 5px 0px 0px;
}

div.block-nav a:link {
	/*this is different on each stylesheet------------------- colour 2 */	
	color:#ff0000;		
	text-decoration:none;		
}
div.block-nav a:visited {
	/*this is different on each stylesheet------------------- colour 2 */	
	text-decoration:none;	
	color:#000000;		
}
div.block-nav a:hover {
	/*this is different on each stylesheet------------------- colour 1 */	
	color:#000000;
	text-decoration:none;	
}
div.block-nav a:active {
	/*this is different on each stylesheet------------------- colour 1 */	
	color:#000000;
	text-decoration:none;	
}

/* -------------------------- / block nav styles */


/* --------------------------  block styles */

.block input  {
	border:1px solid #afe3f7;
	margin:0px 0px 15px 20px;
	background-color:#FFFFFF;
	width:360px;
	height:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	/*this is different on each stylesheet------------------- colour 1 */	
	color:#000000;		
}	

input.button-tyro  {
	border:1px solid #c1c1c1;
	margin:10px 0px 15px 20px;
	background-color:#FFFFFF;
	width:70px;
	height:26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.8em;
	/*this is different on each stylesheet------------------- colour 1 */	
	color:#000000;		
}

.block label {
	margin:20px 0px 0px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.8em;
	line-height:1.4em;
	/*this is different on each stylesheet------------------- colour 1 */	
	color:#000000;		
}

.block input.submit {
	width:71px;
	height:23px;
	margin:10px 0px 0px 20px;
	
}

.block textarea { 
	border:1px solid #afe3f7;
	margin:0px 0px 0px 20px;
	background-color:#FFFFFF;
	width:360px;
	height:153px;
	font-family: Arial, Helvetica, sans-serif;
	/*this is different on each stylesheet------------------- colour 1 */	
	color:#000000;		
	
}
.block select {
	width:360px;
	height:27px;
	margin:0px 0px 15px 20px;
	line-height:2em;
	font-size:1em;
	border:1px solid #afe3f7;
	font-family: Arial, Helvetica, sans-serif;
	/*this is different on each stylesheet------------------- colour 1 */	
	color:#000000;
}

.block form#generalForm, .block form#supportForm {	
	margin-top:20px;
}

.block ul li {
	list-style-type:disc;
	margin:0em 0em .7em 2em;
	list-style-position:outside;
	line-height:1.1em;
	font-size:1.8em;
}

.block ul {
	padding:0em 2em 6em 0em;
}

/* -------------------------- / block styles */


/* -------------------------- / block conditions styles */


.block-conditions p {
	margin:20px 20px 0px 22px;
	line-height:1.2em;
	font-size:1.2em;
}	

/* -------------------------- / block conditions styles */


/* --------------------------  block double styles */


.block-double td p {
	margin:12px 0px 0px 0px;
	line-height:1em;
	font-size:1.6em;
	font-weight:normal;
}

.block-double th p {
	margin:0px 0px 0px 0px;
	line-height:1em;
	font-size:1.8em;
	font-weight:normal;	
}

.block-double table {
	margin:30px 0px 0px 20px;
	font-size:12px;
	font-weight:normal;
}

.block-double td {
	background-image:url(/assets/border0.gif);
	background-position:top;
	background-repeat:repeat-x;
}

/* -------------------------- / block double styles */

	.block p.heading, .block-double p.heading {
	margin:50px 0px 0px 0px;
	line-height:1em;
	font-size:36px;
	font-weight:normal;
}

.block p, .block-double p {
	margin:20px 20px 0px 22px;
	line-height:1.1em;
	font-size:1.8em;
}

.block ol li {
	margin:20px 20px 0px 22px;
	line-height:1.1em;
	font-size:1.8em;
}

.block h3, .block-double h3, .block-summary h3 {
	margin:20px 20px 0px 22px;
	line-height:1em;
	font-size:3.6em;
	font-weight:normal;
}

.block h4, .block-double h4, .block-summary h4{
	margin:0px 20px 0px 22px;
	line-height:1em;
	font-size:1.8em;
	font-weight:normal;
}

.block-detail p, .block-summary p {
	margin:20px 20px 0px 20px;
	line-height:1.1em;
	font-size:1.8em;
}

/* --------------------------------------------------------------------------------------- / blocks */



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

/* ---- logo ----*/
img#logo {
	float:left;
	display:inline;
	margin:12px 32px 0px 27px;
}

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

/* ---- navigation container  ----*/
div#navigation-container {
	width:592px;
	height:auto;
	position:relative;
	float:left;
	display:inline;
}

div#navigation-container ul {
	float:left;
	display:inline;
	margin:26px 10px 0px 20px;
	list-style-type:none;
	list-style-position:outside;
	/*this is different on each stylesheet------------------- colour 1 */	
	color:#000000;	
}

div#navigation-container ul li {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
}

div#navigation-container ul li a:link {
	text-decoration:none;
	/*this is different on each stylesheet------------------- colour 2 */	
	color:#000000;	
}
div#navigation-container ul li a:visited {
	text-decoration:none;
	/*this is different on each stylesheet------------------- colour 2 */	
	color:#000000;	
}
div#navigation-container ul li a:hover {
	text-decoration:none;
	/*this is different on each stylesheet------------------- colour 1 */	
	color:#000000;	
}
div#navigation-container ul li a:active {
	text-decoration:none;
	/*this is different on each stylesheet------------------- colour 1 */	
	color:#000000;	
}

div#navigation-container ul li h2 {
	font-size:1em;
	font-weight:bold;
	line-height:1.2em;
	text-decoration:underline;
}

/* ---- / navigation container  ----*/


/* ---- login container ----*/
#login-container {
	width:19.5em;
	float:left;
	display:inline;
}

#login-container ul {
	width:192px;
	float:left;
	display:inline;
	margin:26px 0px 15px 0px;
	list-style-position:outside;
	list-style-type:none;
}

#login-container li {
	/*this is different on each stylesheet------------------- colour 2 */	
	color:#000000;
	font-size:1.2em;
	font-weight:bold;
	float:right;
	display:inline;
	margin:0px 0px 0px 5px;
}

#login-container li h2 {
	font-size:1em;
	font-weight:bold;
	line-height:1.2em;
	text-decoration:none;	
}

#login-container a:link {
	/*this is different on each stylesheet------------------- colour 2 */	
	color:#000000;		
	text-decoration:none;		
}
#login-container a:visited {
	/*this is different on each stylesheet------------------- colour 2 */	
	text-decoration:none;	
	color:#000000;		
}
#login-container a:hover {
	/*this is different on each stylesheet------------------- colour 1 */	
	color:#000000;
	text-decoration:none;	
}
#login-container a:active {
	/*this is different on each stylesheet------------------- colour 1 */	
	color:#000000;
	text-decoration:none;	
}

.input-container {
	width:71px;
	height:24px;
	float:left;
	display:inline;
}

.input-container-search {	
	width:142px;
	height:24px;
	float:left;
	display:inline;
}
.form-username, .form-password {
	font-size:12px;
	line-height:14px;
	color:#aaaaaa;
	width:66px;
	height:19px;
	float:left;
	display:inline;
}

.form-search {
	font-size:12px;
	color:#aaaaaa;
	width:137px;
	height:19px;
	float:left;
	display:inline;
}

input#button-01 {
	float:left;
	display:inline;
	margin-bottom:5px;
}

input#button-02 {
	display:inline;
	float:left;
}

/* ---- / login container ----*/


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


/* --------------------------------------------------------------------------------------- jazz */

.margin-right {
	margin-right:40px;
}


.height-double {
	height:80em;
}

.solid {	
	background-image:url(/assets/border.gif);
	background-position:left;
	background-repeat:repeat-y;
	background-color:#f2f2f2;
}

.clear {
	float:none;
	clear:both;
}

.double-back {
	background-position:top left;
	background-repeat:repeat-y;
	background-image:url(/assets/line-double-back.gif);	
}

/* --------------------------------------------------------------------------------------- / jazz */



/* --------------------------------------------------------------------------------------- people */

.people {
	width:400px;
	height:400px;
	position:absolute;
	top:1px;
	left:144px;
	visibility:visible;
	z-index:3;
}

img.bubble {
	position:absolute;
	left:20px;
	bottom:20px;
	z-index:4;
}

.people-image {
	position:absolute;
	top:0px;
	left:0px;
}


/* --------------------------------------------------------------------------------------- / people */