/*-----------------------------------------------------------------------
AppZapper Style Sheet (http://www.appzapper.com)

version:	1.0
date:		4th January 2010
author:		Sam Brown
email:		sam@massiveblue.com
website:	http://www.massiveblue.com
/*-------------------------------------------------------------------- */

/* !Global Reset */
/*-------------------------------------------------------------------- */
* {font-size: 100.01%; margin: 0; padding: 0;}
html {font-size: 62.5%;}
h1, h2, h3, h4, h5, h6, p, blockquote, form, fieldset, table, ul, ol {
	margin: 0 0 1em;
}

/* !Fixers */
/*-------------------------------------------------------------------- */
* a {position: relative;} /* Gets links displaying over a PNG background */
a {outline: none;} /* Gets rid of Firefox's dotted borders */
a img {border: none;} /* Gets rid of IE's blue borders */
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
q:before, q:after {content: '';}

/* !Base Elements */
/*-------------------------------------------------------------------- */
a, a:link, a:visited, a:active {color: #77944c; text-decoration: none;}
a:hover {color: #333; text-decoration: none;}
abbr, acronym {font-style: normal; border-bottom: dotted 1px #666; cursor: help;}
blockquote {border-left: .25em solid #e3e3e3; margin-left: 1.5em; padding-left: 1.5em;}
body {
	background: #d4d4d4 url('../images/bg.jpg') top left repeat;
	color: #565656;
	font: 1.1em/1.75em "Helvetica Neue", Helvetica, Arial, sans-serif;
}
code {font: 1.1em monaco, courier, monospace;}
h1 {margin: 0;}
h2 {font-size: 1.5em; font-weight: normal;}
h3 {font-size: 1.2em;}
hr {border: none; height: 2px; background: url('../images/hr.png') top left repeat-x; margin: 1em 0;}
ol, ul {margin-left: 2em;}

/* !Wrap */
/*-------------------------------------------------------------------- */
#wrap {background: url('../images/bg-top.jpg') top left repeat-x;}

/* !Masthead */
/*-------------------------------------------------------------------- */
#masthead {
	background: url('../images/header.jpg') top left no-repeat;
	height: 275px;
	margin: 0 auto;
	position: relative;
	width: 870px;
}
	#logo h1 a {
		background: url('../images/logo.png') top left no-repeat;
		display: block;
		height: 84px;
		left: 57px;
		position: absolute;
		text-indent: -9999px;
		top: 63px;
		width: 243px;
	}
	#logo h1 a:hover {opacity: 0.75;}
	#logo h1 a:active {opacity: 1;}

	#buttons {
		position: absolute;
		text-shadow: #fff 0 1px 0;
		top: 44px;
		right: 0;
		width: 261px;
	}
	#buttons p#btn-download {background: url('../images/btn-download.png') top left no-repeat;}
	#buttons p#btn-purchase {background: url('../images/btn-purchase.png') top left no-repeat;}
	#buttons p {line-height: 17px; margin-bottom: 19px;}
	#buttons p strong {font-size: 14px;}
	#buttons p a {
		color: #77944c;
		display: block;
		padding-left: 60px;
	}
	#buttons p a strong {color: #4d6627;}
	#buttons p a:hover {color: #4d6627;}
	#buttons p a:hover strong {color: #222;}


/* elfing */

#elf_wrap {
	margin: +100px auto 0;
	overflow: auto;
	width: 470px;
}



/* !Content */
/*-------------------------------------------------------------------- */


.wrapper {
	margin: -30px auto 0;
	overflow: auto;
	width: 870px;
}
	.coda-slider {background: url('../images/bg-panel.jpg') top left no-repeat;}

	.coda-nav {background: url('../images/bg-menu.jpg') bottom left no-repeat;}
	.coda-nav ul {
		clear: both;
		display: block;
		margin: auto;
		overflow: hidden;
		width: 457px !important;
	}
	.coda-nav ul li {display: inline;}
	.coda-nav ul li a {
		background: #000;
		color: #fff;
		display: block;
		float: left;
		height: 31px;
		text-decoration: none;
	}

	.coda-nav ul li a {
		height: 31px;
		text-indent: -9999px;
		-o-transition-property: none;
		-webkit-transition-property: none;
	}
	.coda-nav ul li.tab1 a {background: url('../images/menu.png') 0 0 no-repeat; width: 120px;}
	.coda-nav ul li.tab2 a {background: url('../images/menu.png') -120px 0 no-repeat; width: 101px;}
	.coda-nav ul li.tab3 a {background: url('../images/menu.png') -221px 0 no-repeat; width: 122px;}
	.coda-nav ul li.tab4 a {background: url('../images/menu.png') -343px 0 no-repeat; width: 113px;}

	.coda-nav ul li.tab1 a:hover {background: url('../images/menu.png') 0 -31px no-repeat; width: 120px;}
	.coda-nav ul li.tab2 a:hover {background: url('../images/menu.png') -120px -31px no-repeat; width: 101px;}
	.coda-nav ul li.tab3 a:hover {background: url('../images/menu.png') -221px -31px no-repeat; width: 122px;}
	.coda-nav ul li.tab4 a:hover {background: url('../images/menu.png') -343px -31px no-repeat; width: 113px;}

	.coda-nav ul li.tab1 a.current {background: url('../images/menu.png') 0 -62px no-repeat !important; width: 120px;}
	.coda-nav ul li.tab2 a.current {background: url('../images/menu.png') -120px -62px no-repeat; width: 101px;}
	.coda-nav ul li.tab3 a.current {background: url('../images/menu.png') -221px -62px no-repeat; width: 122px;}
	.coda-nav ul li.tab4 a.current {background: url('../images/menu.png') -343px -62px no-repeat; width: 113px;}

	/* 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;}
	.coda-slider-no-js .coda-slider {height: 200px; overflow: auto !important; padding-right: 20px;}
	.coda-slider, .coda-slider .panel {width: 870px;}
	.coda-slider p.loading {padding: 20px; text-align: center;}

	/* Panels */
	.panel {}
	.panel h2 {display: none;}
	.panel h3 {
		display: block;
		margin: 0 auto;
		text-indent: -9999px;
	}
	.panel-wrapper {
		font-size: 12px;
		line-height: 25px;
		margin: 0 auto;
		padding-top: 25px;
		text-align: center;
		text-shadow: #fff 0 1px 0;
		width: 795px;
	}

	/* Panel1 - Overview */
	#panel1 {background: url('../images/panel1.png') bottom left no-repeat; height: 573px;}
	#panel1 h3#title-dragdropzap {
		background: url('../images/title-dragdropzap.png') top left no-repeat;
		height: 39px;
		width: 192px;
	}

	/* Panel2 - Hit List */
	#panel2 {background: url('../images/panel2.png') bottom left no-repeat; height: 667px;}
	#panel2 h3#title-introducing {
		background: url('../images/title-introducing.png') top left no-repeat;
		height: 39px;
		width: 571px;
	}

	/* Panel3 - My Apps */
	#panel3 {background: url('../images/panel3.png') bottom left no-repeat; height: 773px; position: relative;}
	#panel3 h3#title-myapps {
		background: url('../images/title-myapps.png') top left no-repeat;
		height: 40px;
		width: 461px;
	}
	#licenseinfo {
		height: 200px;
		text-align: left;
		width: 280px;
		top: 540px;
		left: 100px;
		position: absolute;
	}

	/* Panel4 - Support */
	#panel4 {background: url('../images/panel4.png') bottom left no-repeat; min-height: 250px;}
	#panel4 h3#title-faq {
		background: url('../images/title-faq.png') top left no-repeat;
		height: 39px;
		width: 337px;
	}

	#faq-intro {
		background: url('../images/bg-faq.png') bottom center no-repeat;
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
	#qanda {
		background: url('../images/bg-qanda.png') bottom center no-repeat;
		text-align: left !important;
		padding-bottom: 30px;
	}
		p.question {
			color: #485f25;
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 0;
		}

		label.error {
		color: #990000;
		}
	#emailsupport {
		padding: 75px 0 15px;
	}

/* !Subpage */
/*-------------------------------------------------------------------- */
#subpage {
	background: url('../images/bg-panel.jpg') top left no-repeat;
	margin: -30px auto 0;
	width: 870px;
}
	#subpage .wrapper {
		background: url('../images/bg-faq.png') bottom center no-repeat;
		margin: 0 auto;
		padding-bottom: 2em;
		overflow: hidden;
		width: 795px;
	}
	#subpage p {
		font-size: 12px;
		text-shadow: #fff 0 1px 0;
	}
#subpage h2#title-terms {
	background: url('../images/title-terms.png') top left no-repeat;
	height: 34px;
	margin: 1.5em auto .5em;
	text-indent: -9999px;
	width: 343px;
}
#subpage h2#title-purchase {
	background: url('../images/title-purchase.png') top left no-repeat;
	height: 39px;
	margin: 1.5em auto .5em;
	text-indent: -9999px;
	width: 628px;
}

#subpage h2#title-error {
	background: url('../images/title-error.png') top left no-repeat;
	height: 34px;
	margin: 1.5em auto .5em;
	text-indent: -9999px;
	width: 257px;
}
#subpage h2#title-success {
	background: url('../images/title-success.png') top left no-repeat;
	height: 33px;
	margin: 1.5em auto .5em;
	text-indent: -9999px;
	width: 112px;
}

#purchase-about {
	background: url('../images/bg-faq.png') bottom center no-repeat;
	margin-bottom: 2em;
	padding-bottom: 2em;
}
#purchase-about p, #purchase-copy p {
	margin: 0 auto;
	text-align: center;
	width: 690px;
}
#purchase-copy p {padding: 2em 0;}

#pay {
	font-size: 12px;
	margin: 0 auto;
	width: 690px;
}
	#pay h4 {
		color: #4d6627;
		font-size: 18px;
		font-weight: bold;
		margin: 1.5em 0;
		text-shadow: #fff 0 1px 0;
	}

	.purchase-table {
		border-bottom: 1px solid #ababab;
		color: #222;
		font-size: 14px;
	}
	.purchase-table tr {
		background: #e4e4e4 url('../images/bg-tablerow.gif') top left repeat-x;
		border-top: 1px solid #ababab;
		border-left: 1px solid #ababab;
		border-right: 1px solid #ababab;
		height: 55px;
	}
	.purchase-table .label {
		background: url('../images/gun.png') 17px 14px no-repeat;
		text-align: left;
		text-indent: 60px;
		text-shadow: #fff 0 1px 0;
	}
	.who-table {
		font-size: 14px;
	}
	.who-table tr {
		height: 35px;
	}
	.label {
		padding-right: 10px;
		text-align: right;
		width: 300px;
	}
	.process {
		margin: 2em 0;
		text-align: center;
	}

/* !Footer */
/*-------------------------------------------------------------------- */
#footer {
	clear: both;
}
#footer p {
	color: #717171;
	text-align: center;
	text-shadow: #fff 0 1px 0;
}
	#footer p#support {
		font-size: 12px;
		font-weight: bold;
		margin: 0;
		padding: 30px 0 15px;
	}
		#footer p#support a {color: #717171; margin: 0 12px;}
		#footer p#support a:hover {color: #77944c;}
		#footer p#support a:active {color: #4d6627;}
	#footer p#copyright {
		margin: 0;
		padding: 15px 0;
	}

/* !Other */
/*-------------------------------------------------------------------- */
.clear {clear:both;}

/* !Delighters */
/*-------------------------------------------------------------------- */
a {
	-o-transition-duration: .33s;
	-o-transition-property: color, background-color;
	-webkit-transition-duration: .33s;
	-webkit-transition-property: color, background;
}

/* --- ERRORS --- */
.error INPUT, .error TEXTAREA, .error SELECT {
	border-width:2px;
	border-style:solid;
	border-color:#ED1C24;
	background:#FFE6E7;
	}
.iferror {
	margin:0;
	display:none;
	}
.error .iferror {
	display:block;
	color:#ED1C24;
	}

.hint { color:#888; }