/**********************************************************************************************

CSS on Sails
Title : ReMax Australia
Author  : XHTMLized (http://www.xhtmlized.com/)
Date  : October 2009

***********************************************************************************************/

/* @group 1 Base */

/* @group 1.1 Reset */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

q {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

a, ins, del {
  text-decoration: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th, td {
  vertical-align: top;
}

th {
  text-align: left;
}

/* @end */

/* @group 1.2 Accessibility Navigation & Hide */

ol#accessibility-nav, .hide {
  position: absolute;
  top: -999em;
  left: -999em;
  height: 1px;
  width: 1px;
}

/* @end */

/* @group 1.3 Clearfix */

.clearfix:after,
    #header:after,
    .intro:after,
    .products:after,
    #highlights:after,
    #highlights .inner:after,
    #setup .content .field:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* @end */

/* @group 1.4 Default Styles */

body {
  font: 62.5%/1.3 "Helvetica", "Arial", sans-serif;
  text-align: center;
  color: #333;
  background-color: #fff;
}

hr {
  display: none;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

del {
  text-decoration: line-through;
}

th {
  font-weight: normal;
}

address, cite, dfn {
  font-style: normal;
}

li {
  list-style: none;
}

abbr, acronym {
  border-bottom: 1px dotted #999;
  cursor: help;
}

input, textarea, select {
  font-family: "Arial", "Helvetica", sans-serif;
}

#content a, #content a:visited {
  color: #039236;
  text-decoration: underline;
  cursor: pointer;
}

#content a:hover, #content a:active {
  text-decoration: none;
}

/*#content a, #content a:visited { color: #036; text-decoration: none; cursor: pointer; }
    #content a:hover, #content a:active { color: #000; text-decoration: underline; }*/

#content h1 {
  font-size: 1.6em;
}

#content h2 {
  font-size: 1.4em;
}

#content h3 {
  font-size: 1.3em;
}

#content p {
  font-size: 1.2em;
}

/* @end */

/* @end */

/* @group 2 Layout */

/* @group 2.1 Structure */

.container {
  position: relative;
  margin: 0 auto;
  width: 974px;
  text-align: left;
}

#header {
  color: #d5d5d5;
  padding: 9px 31px 5px 39px;
  min-height: 86px;
  background: #424242 url(../images/bg-header.png) no-repeat 0 100%;
}

.intro,
    .faqs, .resellers {
  padding-top: 65px;
  position: relative;
  top: -40px;
  min-height: 359px;
  margin-bottom: 10px;
  background: url(../images/bg-intro.png) no-repeat 680px 0;
}

.developers {
  padding-top: 25px;
  position: relative;
  top: 0px;
  min-height: 359px;
  margin-bottom: 10px;
  background: url(../images/quikswipe.jpg) no-repeat 600px 0;  
}

/* override faqs container with ssi image */
/*.support {
  padding-top: 65px;
  position: relative;
  top: -40px;
  min-height: 359px;
  margin-bottom: 10px;
  background: none;
}*/

#content {
  clear: both;
  padding: 15px;
}

.setup #content,
    .home #content,
    .products #content {
  padding: 0;
}

#highlights {
  position: relative;
}

.home #highlights,
    .products #highlights,
    .home #footer,
    .products #footer {
  top: -40px;
}

#footer {
  position: relative;
  text-align: center;
  clear: both;
  padding-top: 20px;
}

.blank #footer {
  padding-bottom: 40px;
}

/* @end */

/* @group 2.2 Header */

/* site logo */

#header h2,
    #header h2 span {
  display: block;
  position: relative;
  width: 180px;
  height: 62px;
  overflow: hidden;
  top: 8px;
  float: left;
}

#header h2 span {
  background: url(../images/logo.png) no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  float: none;
}

#header h2 a {
  color: #c7c7c7;
  font-size: 2em;
  text-transform: uppercase;
}

#header h2 a span {
  cursor: pointer;
}

#header h2 a p {
  display: none;
}

/* gritter messages */
#gritter-notice-wrapper .gritter-item p {
  text-align: left;
}

/* navigation */

#navigation {
  float: right;
  background: #242425 url(../images/bg-navigation-left.png) no-repeat;
}

#navigation ul {
  float: right;
  padding: 0 30px;
  font-size: 1.5em;
  background: url(../images/bg-navigation-right.png) no-repeat 100% 0;
}

#navigation ul li {
  float: left;
  background: url(../images/bg-navigation-separator.png) no-repeat 0 12px;
}

#navigation ul li.first {
  background-image: none;
}

#navigation ul li a {
  display: block;
  float: left;
  color: #ffd012;
  text-transform: uppercase;
/*  padding: 15px 24px 15px 26px;*/
  padding: 15px 18px 15px 20px;
  height: 15px;
  line-height: 1;
}

#navigation ul li a span.cufon {
  border-bottom: solid 1px #242425;
}

#navigation ul li a:hover span.cufon {
  border-color: #ffd012;
}

/* newsletter form */

#newsletter {
  clear: right;
  float: right;
  position: relative;
  padding: 20px 240px 0;
  width: 275px;
}

body.home #newsletter {
  padding-right: 435px;
}

body.products #newsletter {
  padding-right: auto;
}

/*#newsletter { clear: right; float: right; position: relative; padding: 15px 240px 10px 0; width: 260px; }*/

/*body.home #newsletter { padding-right: 335px; }*/

#newsletter legend {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 0;
}

#newsletter label {
  display: none;
}

#newsletter .button,
    #newsletter .textbox {
  float: left;
  position: relative;
  top: -20px;
  left: 160px;
  margin-left: 10px;
}

/*#newsletter .textbox { float: left; }*/

#newsletter .textbox {
  padding-top: 1px;
}

#newsletter .textbox input {
  width: 150px;
  float: left;
}

#newsletter .button {
  float: left;
  display: inline;
  position: relative;
  background: url(../images/btn-header-left.png) no-repeat 0 0;
  height: 30px;
  top: -23px;
}

/*#newsletter .button { float: left; display: inline; position: relative; background: url(../images/btn-header-left.png) no-repeat 0 0; height: 30px; top: -3px; margin-left: 10px; }*/

#newsletter .button input {
  float: left;
  padding: 0px 10px 0 10px;
  height: 30px;
  line-height: 1;
  border: none;
  color: #fff;
  font-size: 1.2em;
  margin: 0;
  font-weight: bold;
  text-transform: uppercase;
  background: url(../images/btn-header-right.png) no-repeat 100% 0;
  cursor: pointer;
}

#newsletter .button:hover,
  #newsletter .button.hover {
  background-position: 0 100%;
}

#newsletter .button:hover input,
    #newsletter .button.hover input {
  background-position: 100% 100%;
}

#newsletter label.error {
  position: absolute;
  top: 40px;
  left: 170px;
  color: red;
}

/* @end */

/* @group 2.3 Content */

/* basic styles */

#content h3 {
  font-size: 1.8em;
  font-weight: bold;
  color: #03a03b;
}

#content .table {
  padding: 1px;
  margin: 15px 0;
  display: inline-block;
}

#content table {
  font-size: 1.2em;
  border: solid 1px #ddd;
}

#content table td,
    #content table th {
  padding: 7px 15px;
}

#content table th {
  font-weight: bold;
  color: #03a03b;
  background-color: #ebfdee;
}

#content table tr.odd td {
  background-color: #f2f2f2;
}

/* intro */

#content .intro h1 {
  text-transform: uppercase;
  font-size: 4.4em;
  font-weight: normal;
  color: #03a03b;
  padding: 0 0 5px 70px;
  line-height: 1;
}

#content .intro h1 em {
  font-style: normal;
  display: block;
  padding-left: 100px;
  text-transform: none;
}

#content .intro ol {
  padding: 0 0 10px 175px;
}

#content .intro ol li {
  font-size: 1.8em;
  line-height: 1;
  background-position: 0 1px;
  background-repeat: no-repeat;
  padding: 1px 0 0 28px;
  margin-bottom: 7px;
}

#content .intro ol li.bullet-1 {
  background-image: url(../images/bullet-1.png);
}

#content .intro ol li.bullet-2 {
  background-image: url(../images/bullet-2.png);
}

#content .intro ol li.bullet-3 {
  background-image: url(../images/bullet-3.png);
}

#content .intro ul {
  padding: 11px 0 0 11px;
  border-top: solid 1px #a8a8a8;
  float: left;
  margin-top: 30px;
}

#content .intro ul li {
  color: #6f6f6f;
  font-size: 1.4em;
  background: url(../images/bullet-arrow-onwhite.png) no-repeat 0 50%;
  padding: 2px 0 2px 15px;
}

#content .intro ul.col-left {
  width: 265px;
  margin-left: 26px;
  clear: left;
}

#content .intro ul.col-right {
  width: 360px;
}

#content .intro .button {
  float: left;
  margin: 0 15px 0 204px;
  background: url(../images/btn-intro-left.png) no-repeat;
}

#content .intro .button a {
  display: block;
  float: left;
  height: 20px;
  line-height: 1;
  text-transform: uppercase;
  padding: 13px 26px 13px 62px;
  font-size: 1.8em;
  font-weight: bold;
  color: #fff;
  background: url(../images/btn-intro-right.png) no-repeat 100% 0;
}

#content .intro .note {
  color: #03a03b;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 42px;
}

/* products */

.products-swipeit {
  padding-top: 105px;
  position: relative;
  top: -40px;
  min-height: 310;
  margin-bottom: 30px;
  background: url(../images/swipeit.png) no-repeat 680px 85px;
  height: 280px;
}

.products-quikswipe {
  padding-top: 45px;
  position: relative;
  top: -40px;
  min-height: 240px;
  margin-bottom: 30px;
  background: url(../../_media/images/quikswipe.jpg) no-repeat 580px 85px;
}

#content .products h1 {
  font-size: 3.4em;
  font-weight: normal;
  color: #03a03b;
  padding: 0 0 5px 0;
  line-height: 1;
}

#content .products div.product {
  float: left;
  width: 620px;
  margin-left: 70px;
  margin-bottom: 15px;
  clear: left;
}

#content .products div.product-seperator {
  float: left;
  margin-bottom: 65px;
  clear: left;
}

/*#content .products div.col-left { float: left; width: 400px; margin-left: 75px; clear: left; }
        #content .products div.col-right { float: left; width: 400px; margin-left: 65px; }*/

#content .products ul {
  padding: 11px 0 0 0;
  margin-top: 15px;
  border-style: none;
  width: 600px;
}

/*border-top: solid 1px #a8a8a8;*/

#content .products ul li {
  color: #6f6f6f;
  font-size: 1.4em;
  background: url(../images/bullet-arrow-onwhite.png) no-repeat 0 50%;
  padding: 2px 0 2px 15px;
}

#content .products .button {
  float: left;
  margin: 0 15px 0 0;
  background: url(../images/btn-intro-left.png) no-repeat;
}

#content .products .button a {
  display: block;
  float: left;
  height: 20px;
  line-height: 1;
  text-transform: uppercase;
  padding: 13px 26px 13px 62px;
  font-size: 1.8em;
  font-weight: bold;
  color: #fff;
  background: url(../images/btn-intro-right.png) no-repeat 100% 0;
}

#content .products .note {
  color: #03a03b;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 42px;
}

/* faqs */

#content .faqs h1 {
  text-transform: uppercase;
  font-size: 3.4em;
  font-weight: normal;
  color: #03a03b;
  padding: 5px 0 5px 70px;
  line-height: 1;
}

#content .faqs h1 em {
  font-style: normal;
  display: block;
  padding-left: 100px;
  text-transform: none;
}

#content .faqs dl {
  padding: 0 0 5px 70px;
  line-height: 1;
  margin-top: 15px;
  width: 620px;
}

#content .faqs dt {
  color: #6f6f6f;
  cursor: pointer;
  font-size: 1.6em;
  font-weight: bold;
  background: url(../images/bullet-arrow-onwhite.png) no-repeat 0 50%;
  padding: 12px 5px 10px 15px;
}

#content .faqs dd {
  font-size: 1.4em;
  margin: 10px 40px 0;
  padding-bottom: 15px;
}

#content .faqs a {
  color: #039236;
  text-decoration: underline;
}

#content .faqs a:hover {
  text-decoration: none;
}

#content .faqs .show {
  display: block;
}

#content .faqs .hide {
  display: none;
}

/* resellers */
#content .resellers h1 {
  text-transform: uppercase;
  font-size: 3.4em;
  font-weight: normal;
  color: #03a03b;
  padding: 5px 0 5px 70px;
  line-height: 1;
}

#content .resellers h1 em {
  font-style: normal;
  display: block;
  padding-left: 100px;
  text-transform: none;
}

#content .resellers div.section-seperator {
  margin: 30px 320px 30px 65px;
  border-top: solid 1px #a8a8a8;
}

#content .resellers p {
  font-size: 1.6em;
  padding: 20px 20px 0 11px;
  width: 505px;
  margin-left: 80px;
}

#content .developer p {
  font-size: 1.6em;
  padding: 20px 20px 0 11px;
  width: 505px;
  margin-left: 80px;
}

#content .resellers p.last {
  margin-bottom: 30px;
}

#content .resellers ul {
  padding: 0px 0 0 11px;
  margin-left: 90px;
}

#content .resellers ul li {
  color: #6f6f6f;
  font-size: 1.4em;
  background: url(../images/bullet-arrow-onwhite.png) no-repeat 0 50%;
  padding: 2px 0 2px 15px;
}

/*#content .resellers ul.col-left {
  width: 265px;
  margin-left: 26px;
  clear: left;
}

#content .resellers ul.col-right {
  width: 360px;
}
*/

#content .resellers a {
  color: #039236;
  text-decoration: underline;
}

#content .resellers a:hover {
  text-decoration: none;
}


/* buzz */

#content .buzz {
  line-height: 2.0em;
}

#content .buzz h1 {
  text-transform: uppercase;
  font-size: 3.4em;
  font-weight: normal;
  color: #03a03b;
  padding: 5px 0 5px 70px;
  line-height: 1;
}

#content .buzz h1 em {
  font-style: normal;
  font-size: 0.8em;
  display: block;
  padding-left: 100px;
  text-transform: none;
}

#content .buzz p {
  font-size: 18px;
  margin: 10px 0 0 0;
}

#content .buzz a img {
  margin-right: 15px;
  margin-bottom: 15px;
}

#content .buzz .col {
  width: 460px;
  float: left;
}

#content .buzz .end {
  margin-left: 10px;
}

#content .buzz .col p {
  margin: 40px 0;
}

/* configure */

#content .configure h1 {
  text-transform: uppercase;
  font-size: 3.4em;
  font-weight: normal;
  color: #03a03b;
  padding: 5px 0 5px 70px;
  line-height: 1;
}

#content .configure h1 em {
  font-style: normal;
  display: block;
  padding-left: 250px;
  text-transform: none;
}

#content .configure ol {
  padding: 30px 0 10px 75px;
}

#content .configure ol li {
  font-size: 1.8em;
  line-height: 1;
  padding: 1px 0 0 28px;
  margin-bottom: 7px;
  list-style: decimal inside;
}

#content .configure .image {
  float: left;
  margin: 0 800px 25px 120px;
}

#content .configure .image img {
  display: block;
  float: left;
}

/* simply-epay login */

#simply-epay-login {
  margin-left: 120px;
}

/* highlights */

#highlights {
  background: #dbedde url(../images/bg-highlights-bottom.png) no-repeat 0 100%;
  padding-bottom: 13px;
}

#highlights .inner {
  background: url(../images/bg-highlights-top.png) no-repeat;
}

#highlights .column {
  float: left;
  width: 33.3%;
}

#highlights .column h3 {
  font-size: 2.4em;
  font-weight: bold;
  color: #fff;
  height: 32px;
  padding: 11px 0 0 30px;
  line-height: 1;
  margin-bottom: 10px;
}

#highlights .column .more {
  float: left;
  padding-right: 10px;
  background: url(../images/bullet-more.png) no-repeat 100% 5px;
}

#highlights .column .more a {
  font-size: 1.2em;
  color: #039236;
  text-decoration: underline;
}

#highlights .column .more a:hover {
  text-decoration: none;
}

#highlights .column .image {
  float: left;
  padding-left: 22px;
  margin-right: 12px;
}

#highlights .column .image img {
  display: block;
  float: left;
}

#highlights .column .video {
  float: left;
  padding-left: 22px;
  margin-right: 15px;
}

#highlights .column .video img {
  display: block;
  float: left;
}

#highlights .column form {
  padding-left: 33px;
}

#highlights .column ul {
  float: left;
  width: 110px;
}

#highlights .column ul li {
  color: #000;
  font-size: 1.2em;
  background: url(../images/bullet-arrow-ongreen.png) no-repeat 0 8px;
  padding: 4px 0 4px 12px;
}

#highlights .column dl {
  float: left;
  width: 110px;
  font-size: 1.2em;
  font-weight: bold;
}

#highlights .column dl dt {
  color: #3e6d49;
  margin-bottom: 2px;
}

#highlights .column dl dd {
  color: #000;
  margin-bottom: 10px;
  line-height: 1.5;
}

#highlights .column .button a.button {
  float: left;
  background: url(../images/btn-setup-left.png) no-repeat;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  height: 30px;
  line-height: 30px;
}

#highlights .column .button a.button span {
  float: left;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background: url(../images/btn-setup-right.png) no-repeat 100% 0;
  color: #fff;
  cursor: pointer;
}

#highlights .column .button a.button:hover {
  background: url(../images/btn-setup-left.png) no-repeat 0 100%;
}

#highlights .column .button a.button:hover span {
  background: url(../images/btn-setup-right.png) no-repeat 100% 100%;
  color: #fff;
}

/* 'Got Questions?' form */

#questions {
  padding-left: 33px;
}

#highlights .column #questions ul  {
  float: left;
  padding-top: 15px;
  width: 100%;
}

#questions i {
  font-size: 1.2em;
}

#questions ul li {
  color: #000;
  font-size: 1.2em;
  background: url(../images/bullet-arrow-ongreen.png) no-repeat 0 8px;
  padding: 4px 0 4px 12px;
}

#questions a {
/*  font-size: 1.2em;*/
  color: #039236;
  text-decoration: underline;
}

#questions a:hover {
  text-decoration: none;
}

#questions fieldset {
  padding-top: 7px;
}

#questions legend {
  font-size: 1.2em;
  font-weight: bold;
  color: #3e6d49;
}

#questions label {
  display: none;
}

#questions label.error {
  display: block;
  color: red;
  margin-bottom: 6px;
}

#questions .textbox input,
    #questions .textarea textarea {
  width: 180px;
  padding: 2px 8px;
  margin-bottom: 8px;
}

#questions .textarea textarea {
  height: 55px;
  float: left;
  margin-bottom: 15px;
}

#questions .textbox input.error,
    #questions .textarea textarea.error {
  margin-bottom: 2px;
}

#questions .textarea label.error {
  position: absolute;
  top: 184px;
}

#questions .button {
  float: left;
  position: relative;
  top: 31px;
  left: 5px;
  background: url(../images/btn-setup-left.png) no-repeat 0 0;
  height: 30px;
}

#questions .button input {
  float: left;
  padding: 0px 10px 0 10px;
  height: 30px;
  line-height: 1;
  border: none;
  color: #fff;
  font-size: 1.2em;
  margin: 0;
  font-weight: bold;
  text-transform: uppercase;
  background: url(../images/btn-setup-right.png) no-repeat 100% 0;
  cursor: pointer;
}

#questions .button:hover,
    #questions .button.hover {
  background: url(../images/btn-setup-left.png) no-repeat 0 100%;
}

#questions .button:hover input,
    #questions .button.hover input {
  background: url(../images/btn-setup-right.png) no-repeat 100% 100%;
  color: #fff;
}

/* setup */

#setup h2 {
  float: left;
  width: 360px;
  padding: 30px 0 0 40px;
  font-size: 2.8em;
  color: #03a03b;
}

#setup .progress {
  float: right;
  width: 570px;
  padding-top: 12px;
  background: url(../images/bg-progressbar.png) no-repeat 11px 22px;
}

#setup .progress li {
  float: left;
  width: 150px;
  height: 60px;
  padding-bottom: 15px;
  text-align: center;
  font-size: 1.2em;
}

#setup .progress li.step-1,
    #setup .progress li.step-4 {
  width: 135px;
}

#setup .progress li.active {
  background: url(../images/step-active.png) no-repeat 50% 100%;
}

#setup .progress li em {
  display: block;
  padding-top: 30px;
  font-style: normal;
  background-position: 50% 0;
  background-repeat: no-repeat;
}

#setup .progress li em.active {
  font-weight: bold;
}

#setup .progress li em.done {
  font-weight: bold;
  color: #999;
}

#setup .progress li strong {
  text-transform: uppercase;
  color: #03a03b;
}

#setup .progress li.step-1 em {
  background-image: url(../images/step-1.png);
}

#setup .progress li.step-2 em {
  background-image: url(../images/step-2.png);
}

#setup .progress li.step-3 em {
  background-image: url(../images/step-3.png);
}

#setup .progress li.step-4 em {
  background-image: url(../images/step-4.png);
}

#setup .progress li.step-1 em.active {
  background-image: url(../images/step-1-active.png);
}

#setup .progress li.step-2 em.active {
  background-image: url(../images/step-2-active.png);
}

#setup .progress li.step-3 em.active {
  background-image: url(../images/step-3-active.png);
}

#setup .progress li.step-4 em.active {
  background-image: url(../images/step-4-active.png);
}

#setup .progress li.step-1 em.done {
  background-image: url(../images/step-1-active.png);
}

#setup .progress li.step-2 em.done {
  background-image: url(../images/step-2-active.png);
}

#setup .progress li.step-3 em.done {
  background-image: url(../images/step-3-active.png);
}

#setup .progress li.step-4 em.done {
  background-image: url(../images/step-4-active.png);
}

#setup .content {
  clear: both;
  background: #dbedde url(../images/bg-setup-top.png) no-repeat;
  float: left;
  width: 100%;
}

#setup .content .inner {
  background: url(../images/bg-setup-bottom.png) no-repeat 0 100%;
  padding: 25px 40px 40px;
  overflow: hidden;
}

#setup .content h3 {
  padding: 0 3px 3px 3px;
  border-bottom: solid 2px #fff;
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 15px;
}

#setup .content h4 {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 15px;
  padding-left: 3px;
}

#setup .content .field {
  padding: 5px 0;
}

#setup .content .field label {
  font-size: 1.2em;
}

#setup .content .field label span {
  color: #3e6d49;
  font-weight: bold;
  padding-left: 25px;
}

#setup .content .radio input {
  display: block;
  float: left;
  margin-right: 12px;
}

#setup .content .radio label {
  float: left;
  padding-top: 2px;
}

#setup .content .description .radio {
  background: url(../images/bg-dots-h.png) repeat-x;
  padding: 10px 0;
  width: 650px;
}

#setup .content .description .top {
  background-image: none;
}

#setup .content .description .radio label {
  width: 120px;
  font-weight: bold;
}

#setup .content .description .no-list label {
  width: auto;
}

#setup .content .description .radio ul {
  float: left;
  width: 490px;
}

#setup .content p {
  padding-left: 3px;
  margin-bottom: 16px;
}

#setup .content ul.col {
  float: left;
  width: 190px;
  padding-left: 8px;
  margin-bottom: 16px;
}

#setup .content ul.col.wide {
  width: 390px;
}

#setup .content ul li {
  list-style: inside disc;
  font-size: 1.2em;
  line-height: 1.4;
}

#setup .content ul.plain {
  padding-left: 30px;
  margin-bottom: 16px;
}

#setup .content ul.plain li {
  list-style: outside none;
  font-size: 1.2em;
  line-height: 1.4;
}

#setup .content ul.indent {
  padding-left: 30px;
  margin-bottom: 16px;
}

#setup .content ul.indent li {
  list-style: inside disk;
  font-size: 1.2em;
  line-height: 1.4;
}

#setup .content ul.indent li span.note {
  margin-left: 5px;
  color: #03A03B;
  font-weight: bold;
/*  line-height: 30px;*/
/*  font-size: 1.2em;*/
  text-transform: capitalize;
}

#setup .content .footnote {
  padding: 30px 0 0 3px;
  clear: both;
}

#setup .content .download {
  padding: 10px 0 10px 3px;
  clear: both;
}

#setup .content .pad {
  padding-bottom: 40px;
}

#setup .content .download a.button {
  display: block;
  float: left;
  margin-right: 30px;
  background: url(../images/btn-download-left.png) no-repeat;
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  height: 30px;
  line-height: 30px;
}

#setup .content .download a.button span {
  display: block;
  float: left;
  height: 30px;
  line-height: 30px;
  padding: 0 20px 0 35px;
  background: url(../images/btn-download-right.png) no-repeat 100% 0;
  color: #fff;
}

#setup .content .download span.note {
  margin-left: -15px;
  color: #3e6d49;
  font-weight: bold;
  line-height: 30px;
  font-size: 1.2em;
}

#setup .content .form-controls {
  width: 100%;
  float: left;
  clear: both;
  padding: 40px 0 15px;
}

#setup .content .buttons {
  display: block;
  float: left;
  margin-right: 50px;
  background: url(../images/btn-setup-left.png) no-repeat;
  text-transform: uppercase;
  color: #fff;
  height: 30px;
  line-height: 30px;
}

#setup .content .buttons input {
  display: block;
  float: left;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  margin: 0;
  background: transparent url(../images/btn-setup-right.png) no-repeat 100% 0;
  color: #fff;
  border: 0;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}

#setup .content .buttons:hover,
    #setup .content .buttons.hover {
  background-position: 0 100%;
}

#setup .content .buttons:hover input,
  #setup .content .buttons.hover input {
  background-position: 100% 100%;
}

#costco-welcome {
  margin-bottom: 35px;
}

#elavon-heading {
  margin-left: 270px;
}

#setup .content .inner div.col-left {
  width: 470px;
  clear: left;
  float: left;
}

#setup .content .inner div.col-right {
/*  width: 420px;*/
}

#costco-welcome .content h2 span {
  float: left;
  width: 220px;
  padding-top : 30px;
  padding-bottom: 10px;
  margin: 30px 0px 20px 32px;
  background: transparent url(../../_media/images/costco.gif) no-repeat;
}

#costco-welcome .content h2 a span {
  cursor: pointer;
}

#costco-welcome .content h2 a p {
  display: none;
}

#costco-welcome .content .message {
  padding-top: 20px;
  font-size: 1.2em;
}

#costco-welcome .content .message .body {
  margin: 20px 80px 0px 100px;
}

#costco-welcome .content .message p {
  padding-bottom: 10px;
}

#costco-welcome .content .message ol {
  margin-left: 50px;
  margin-right: 50px;
}

#costco-welcome .content .message ol li {
  font-size: 1.2em;
  line-height: 1;
  margin-bottom: 7px;
  list-style-type: decimal;
}

#disclaimer {
  font-size: 90%;
  border: 1px solid #E8E8E9;
/*  position: absolute;
  top: 59px;
  left: 290px;
  width: 666px;
*/  
  padding: 3px 10px 3px 10px;
  background: #F6F6F7;
  margin: 15px 35px 30px 250px;
  
}

/* form styles */

.form legend {
  font-size: 1.8em;
  color: #3e6d49;
}

.form fieldset {
  margin: 10px 0;
  overflow: hidden;
}

.form fieldset div {
  margin-bottom: 10px;
  overflow: hidden;
}

.form fieldset div.split {
  float: left;
  width: 350px;
}

.form .textbox,
  .form .select {
  clear: left;
  overflow: hidden;
}

.form .textbox label,
  fieldset h4,
  .text-area label,
  .form .filebox label {
  margin-bottom: 3px;
  display: block;
  font-size: 1.283em;
  font-weight: normal;
  overflow: hidden;
  clear: left;
}

.form .textbox input {
  width: 450px;
  height: 16px;
  padding: 4px 0 0 0;
  border: 1px solid #ccc;
  background: #ffe;
}

.form .textbox input.mid {
  width: 225px;
}

.form .select select {
  width: 110px;
  margin-right: 6px;
  display: inline;
  float: left;
}

.form .select.split {
  float: left;
  width: 250px;
}

.form .select select.mid {
  width: 85px;
}

.form .select select.short {
  width: 60px;
}

.form .select label {
  position: absolute;
  left: -999em;
}

.form .text-area {
  clear: left;
  overflow: hidden;
}

.form .text-area textarea {
  width: 600px;
  height: 250px;
  padding: 4px 0 0 0;
  border: 1px solid #ccc;
  background: #ffe;
}

.form .text-area textarea.mid {
  height: 125px;
}

.form fieldset .radios div, 
  .form fieldset .checkbox div {
  margin-bottom: 4px;
  overflow: hidden;
  clear: left;
  position: relative;
}

.radios input, 
  .checkbox input {
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
  display: inline;
}

.radios label, 
  .checkbox label {
  font-size: 1.2em;
}

.form .button, .form .buttonx {
  float: left;
  margin-right: 5px;
  display: inline;
  background: url(../images/btn-setup-left.png) no-repeat 0 0;
  height: 30px;
}

.form .button input, .form .buttonx input {
  float: left;
  padding: 0px 10px 0 10px;
  height: 30px;
  line-height: 1;
  border: none;
  color: #fff;
  font-size: 1.2em;
  margin: 0;
  font-weight: bold;
  text-transform: uppercase;
  background: url(../images/btn-setup-right.png) no-repeat 100% 0;
  cursor: pointer;
}

.form .button:hover,
  .form .button.hover,
  .form .buttonx:hover,
  .form .buttonx.hover {
  background: url(../images/btn-setup-left.png) no-repeat 0 100%;
}

.form .button:hover input,
  .form .button.hover input,
  .form .buttonx:hover input,
  .form .buttonx.hover input {
  background: url(../images/btn-setup-right.png) no-repeat 100% 100%;
  color: #fff;
}

/* @end */

/* @group 2.4 Footer */

#footer p {
  color: #7f7f7f;
  font-size: 1.1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footer p a {
/*  font-size: 1.2em;*/
  color: #039236;
  text-decoration: none;
}

#footer p a:hover {
  text-decoration: underline;
}

/* @end */

/* @end */