@charset "utf-8";
@import url("/css/reset.css");

html {
	min-height: 100%;
}
body,td,th {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 22px;
	text-shadow: 1px 1px 0 #FAFAFA;
}
body {
	color: #000;
	background-color: #bababa;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
}
body.nav {
	background-color: #fff;
	background-image: url(../images/bg-nav.png);
}
p {
	font-size: 15px;
	line-height: 22px;
	margin: 0 0 10px 0;
}
a {
	font-size: inherit;
	text-decoration: none;
	padding: 0;
	background: none;
	color: #009;
}
a:hover {
	text-decoration: underline;
	color: #009;
}
h1,h2,h3,h4,h5,h6 {
	color: #000;
	font-weight: bold;
	letter-spacing: 0.04em;
	padding-bottom: 10px;
}
h1 {
	font-size: 20px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 13px;
}
fieldset {
	border: 0;
}
td,th {
	vertical-align: top;
}
sup {
	vertical-align: super;
}
.invisible {
	display: none;
}
.visible {
	display: inline;
}
.cleaner {
	clear: both;
	font-size: 1px;
	height: 0;
	line-height: 0px;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
}
.update_success {
	display: block;
	max-width: 880px;
	background: #e0eed9 url(../images/form/success.gif) no-repeat;
	background-position: 5px 4px;
	padding: 5px 5px 8px 35px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #a1d07e;
	border-bottom-color: #a1d07e;
	font-size: 13px;
	color: #3d8f00;
}
.update_failure {
	display: block;
	max-width: 880px;
	background: #ffd6d6 url(../images/form/fail.gif) no-repeat;
	background-position: 5px 4px;
	padding: 8px 5px 8px 35px;
	font-size: 14px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #f00;
	border-bottom-color: #f00;
	font-size: 13px;
	color: #f00;
}
.update_info {
	display: block;
	max-width: 860px;
	background: #dbe9f3 url(../images/form/info.png) no-repeat;
	background-position: 10px 9px;
	padding: 8px 5px 8px 55px;
	font-size: 14px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #006;
	border-bottom-color: #006;
	font-size: 13px;
	color: #006;
}

#wrapper {
	margin: 20px auto;
	width: 846px;
	clear: both;
}
#wrapper #iphone {
	float: left;
	width: 273px;
	height: 579px;
	background-image: url(../images/iPhone.png);
	background-repeat: no-repeat;
}
#wrapper #iphone .screenshot {
	margin: 86px 0 0 25px;
	width: 224px;
	height: 336px;
}


#wrapper #intro #menu {
	float: right;
	margin: 0;
	padding: 0; 
	width: 500px; 
	height: 25px; 
	position: relative; 
	z-index: 500;
}
#wrapper #intro #menu ul {
	margin: 0; 
	padding: 0; 
	list-style: none;
}
#wrapper #intro #menu li {
	margin: 0; 
	padding: 0 0 0 24px; 
	height: 25px; 
	float: left;
}
#wrapper #intro #menu li a {
	display: block; 
	background-image: url(../images/menu.png);
	position: absolute;
	height: 25px;
}
#wrapper #intro #menu li.home,
#wrapper #intro #menu li.home a {
	width: 45px;
	background-position: 0 0;
}
#wrapper #intro #menu li.home a:hover,
#wrapper #intro #menu li.home .selected {
	background-position: 0 -25px;
}
#wrapper #intro #menu li.security,
#wrapper #intro #menu li.security a {
	width: 58px;
	background-position: -68px 0;
}
#wrapper #intro #menu li.security a:hover,
#wrapper #intro #menu li.security .selected {
	background-position: -68px -25px;
}
#wrapper #intro #menu li.faq,
#wrapper #intro #menu li.faq a {
	width: 33px;
	background-position: -150px 0;
}
#wrapper #intro #menu li.faq a:hover,
#wrapper #intro #menu li.faq .selected {
	background-position: -150px -25px;
}
#wrapper #intro #menu li.support,
#wrapper #intro #menu li.support a {
	width: 58px;
	background-position: -207px 0;
}
#wrapper #intro #menu li.support a:hover,
#wrapper #intro #menu li.support .selected {
	background-position: -207px -25px;
}
#wrapper #intro #menu li.facebook,
#wrapper #intro #menu li.facebook a {
	width: 16px;
	background-position: -292px 0;
}
#wrapper #intro #menu li.facebook a:hover,
#wrapper #intro #menu li.facebook.selected {
	background-position: -292px -25px;
}
#wrapper #intro #menu li.twitter,
#wrapper #intro #menu li.twitter a {
	width: 16px;
	background-position: -330px 0;
}
#wrapper #intro #menu li.twitter a:hover,
#wrapper #intro #menu li.twitter.selected {
	background-position: -330px -25px;
}
#wrapper #intro #menu li.youtube,
#wrapper #intro #menu li.youtube a {
	width: 16px;
	background-position: -366px 0;
}
#wrapper #intro #menu li.youtube a:hover,
#wrapper #intro #menu li.youtube.selected {
	background-position: -366px -25px;
}
#wrapper #intro #menu li.like {
	width: 65px;
}
#wrapper #intro #menu a span { display: none; }

#wrapper #intro .content {
	/*position: absolute; ie7*/
	width: 525px;
	padding: 65px 0 0 321px;
}
#wrapper #intro .content h1 {
	padding: 0;
	width: 525px;
	height: 162px;
	background-image: url(../images/iccpay.png);
	background-repeat: no-repeat;
}
.nav #wrapper #intro .content h1 {
	background-image: url(../images/iccpay-n.png);
}
#wrapper #intro .content h1 span { display: none; }
#wrapper #intro .content h2 {
	margin-top: 26px;
	padding: 0;
	width: 485px;
	height: 20px;
	background-image: url(../images/turn-your-iPhone-into-a-mobile-credit-card-terminal.png);
	background-repeat: no-repeat;
}
#wrapper #intro .content h2 span { display: none; }
#wrapper #intro .content p {
	margin: 10px 0 20px 0;
	width: 475px;
}

#wrapper #intro .content .details {
	position: relative;
}
#wrapper #intro .content p.available-on-the-appstore a {
	display: block;
	float: right;
	width: 241px;
	height: 66px;
	background-image: url(../images/available-on-the-app-store.png);
	background-repeat: no-repeat;
}
#wrapper #intro .content p.available-on-the-appstore span { display: none; }
#wrapper #intro .content p.video-tour a {
	display: block;
	width: 207px;
	height: 145px;
	background-image: url(../images/watch-iCCPay-video-tour.png);
	background-repeat: no-repeat;
}
#wrapper #intro .content p.video-tour span { display: none; }
#wrapper #intro .content p.supported-payment-gateways {
	position: absolute;
	margin: 90px 0 0 212px;
	width: 284px;
	height: 61px;
	background-image: url(../images/supported-payment-gateway-securepay-eway.png);
}
#wrapper #intro .content p.supported-payment-gateways span { display: none; }


#wrapper #features {
	margin: 25px 0;
}
#wrapper #features ul,
#wrapper #faq ul {
	margin: 14px 0 25px 25px;
	list-style-position: outside;
}
#wrapper #features ul li,
#wrapper #faq ul li {
	list-style-type: disc;
}
#wrapper #features .left {
	float: left;
	width: 393px;
}
#wrapper #features .right {
	margin: 0 0 0 431px;
	width: 415px;
}
#wrapper #features h3 {
	margin: 0 0 10px 0;
}
#wrapper #features h3.features {
	padding: 0;
	width: 88px;
	height: 16px;
	background-image: url(../images/features.png);
	background-repeat: no-repeat;
}
#wrapper #features h3.features span { display: none; }
#wrapper #features h3.requirements {
	padding: 0;
	width: 412px;
	height: 20px;
	background-image: url(../images/requirements-payment-gateways-and-rates.png);
	background-repeat: no-repeat;
}
#wrapper #features h3.requirements span { display: none; }
#wrapper #features h3.security {
	padding: 0;
	width: 84px;
	height: 20px;
	background-image: url(../images/security.png);
	background-repeat: no-repeat;
}
#wrapper #features h3.security span { display: none; }

#wrapper #what-customers-said {
	margin: 35px 0;
	text-shadow: 1px 1px 0 #CCC;
}
#wrapper #what-customers-said .left {
	float: left;
	width: 363px;
}
#wrapper #what-customers-said .right {
	margin: 0 0 0 461px;
	width: 385px;
}
#wrapper #what-customers-said .left h4 {
	margin: 0 0 13px 0;
	padding: 0;
	width: 365px;
	height: 26px;
	background-image: url(../images/what-our-customers-are-saying.png);
	background-repeat: no-repeat;
}
#wrapper #what-customers-said .right h4 {
	margin: 0 0 13px 0;
	padding: 0;
	width: 322px;
	height: 26px;
	background-image: url(../images/iccpay-in-the-press-media.png);
	background-repeat: no-repeat;
}
#wrapper #what-customers-said h4 span { display: none; }
#wrapper #what-customers-said .date {
	color: #666;
	font-size: 11px;
	float: right;
}
#wrapper #what-customers-said p img {
	margin: 0 0 10px 20px;
	box-shadow: 0 1px 7px #000;
	-o-box-shadow: 0 1px 7px #4f4f4f;
	-webkit-box-shadow: 0 1px 7px #4f4f4f;
	-moz-box-shadow: 0 1px 7px #4f4f4f;
}
#wrapper #what-customers-said p img.stars {
	margin: 0;
	box-shadow: none;
	-o-box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

#footer {
	width: 100%;
	margin: 35px 0 0 0;
	padding: 50px 0 50px 0;
	background-color: #bababa;
}
#footer p {
	color: #fff;
	text-align: center;
	font-size: 13px;
	text-shadow: 1px 1px 0 #999;
}
#footer p a {
	color: #fff;
	text-decoration: underline;
}
#footer p a:hover {
	color: #fff;
	text-decoration: none;
}


#wrapper #intro .content h2.security {
	margin-top: 26px;
	padding: 0;
	width: 362px;
	height: 20px;
	background-image: url(../images/iCCPay-app-security.png);
	background-repeat: no-repeat;
}
#wrapper #intro .content h2.faq {
	margin-top: 26px;
	padding: 0;
	width: 276px;
	height: 20px;
	background-image: url(../images/faq.png);
	background-repeat: no-repeat;
}
#wrapper #intro .content h2.support {
	margin-top: 26px;
	padding: 0;
	width: 82px;
	height: 20px;
	background-image: url(../images/support.png);
	background-repeat: no-repeat;
}
#wrapper #intro .content h2.terms-of-use-agreement {
	margin-top: 26px;
	padding: 0;
	width: 243px;
	height: 20px;
	background-image: url(../images/terms-of-use-agreement.png);
	background-repeat: no-repeat;
}
#wrapper #intro .content .num ul,ol {
	margin-left: -10px;
	padding: 0 0 0 30px;
}
#wrapper #intro .content li {
	list-style-type: disc;
	font-size: 14px;
	line-height: 20px;
}
#wrapper #intro .content ol li,
#wrapper #intro .content ol.num li ol li {
	list-style-type: lower-alpha;
	font-size: 14px;
	line-height: 20px;
}
#wrapper #intro .content ol.num li {
	list-style-type: decimal;
	font-size: 14px;
	line-height: 20px;
}
#wrapper #intro .content em {
	display: block;
	padding: 0 25px;
}

table.support td,
table.support th {
	padding: 5px;
}
table.support th {
	width: 100px;
	text-align: right;
	vertical-align: top;
}

#wrapper #faq ol {
	padding-bottom: 8px;
}
#faq ul li a {
	color: #000;
	text-decoration: none;
}
#faq ul li a:hover {
	color: #009;
	text-decoration: underline;
}