/**
 * Tag styles
 */

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline !important;	
}

a:active {
	top: 2px;
}

a.ul {
	border-bottom: 1px solid #AAA;
	text-decoration: none !important;
	padding: 0 1px 2px 1px;
	color: #fbc451;
}

a.white {
	color: #000;
	text-decoration: underline;	
}

a img {
  border: none;
}

h1 {
	font-size: 36px;
	line-height: 80px;
	font-weight: normal;
	margin: 0;
	letter-spacing: -2px;
}

h1 span {
	font-size: 26px;
	padding-left: 10px;	
}

h2, p {
	margin: 0;
	padding: 0 0 .4em 0;	
}

p {
  line-height: 1.5em;
  padding: 0 0 18px 0;
}

h2 {
	font-size: 30px;
}

h3 {
	margin: 0 0 25px 0;
}

.return a {
	color: #999;
	font-size: 16px;
	float: right;
	margin-bottom: 8px;
}

ul.helplist {
	margin: 0 0 19px 0; 
	list-style-type: none; 
	line-height: 2.5em;
	padding: 0;
}

/*
.float-container {
	overflow: hidden;
	zoom: 1;	
}
*/

#header .nav {
	position: absolute;
	right: 50px;
	top: 103px;
}

.breadcrumb {
	font-size: 14px;
	color: #777;
	padding: 17px 0 0 10px;
}

#header .search-box, #header .search-box button {
	background: url(/images/search-small.png) no-repeat;
}

#header .search-box {
	background-position: -189px 0;
	height: 45px;
	width: 297px;
}

#header .search-box input {
	font-size: 17px;
	width: 207px;
	margin: 12px 0 0 18px;
}

#header .search-box button {
	width: 63px;
}

#header .search-box button:hover {
	background-position: -63px 0;
}

#header .search-box button:active {
	background-position: -126px 0;
}

/**
 * Layout
 */
html, body {
	height: 100%;
}

body {
  margin: 0;
  padding: 0;
  background: #000 url(/images/bg-curtains-repeat.jpg) top center repeat-y;
	min-width: 1016px;
	font: 18px "Verdana";
}

#container {
	background: url(/images/bg-curtains.jpg) top center no-repeat;
	min-height: 100%;
}

#content {
	width: 1016px;
	margin: auto;
	background: #ddd;
	min-height: 100%;
	padding: 0;
}

#content-top, #content-bottom {
	background: url(/images/main-bg.png) no-repeat;
}

#content-bottom {
	background-position: -1016px bottom;
}

.front #header {
	color: #FFF;
	height: 284px;
}

#header, #header a {
	color: #FFF;
	height: 261px;
	position: relative;
}

#logo {
	position: absolute;
	left: 30px;
	width: 562px;
	height: 193px;
	background: url(/images/logo-main.png);
	text-indent: -1000px;
	overflow: hidden;
}

.page #logo {
	top: 13px !important;
}

#logo a {
	display: block;
	width: 100%;
	height: 100%;	
}

#logo p {
	display: none;
}

#logo h1 {
	position: absolute;
	width: 100%;
	height: 100%;
}

#nav {
	position: absolute;
	top: 15px;
	right: 100px;
	font-size: 14px;
	z-index: 10;
	list-style: none;	
}

#nav li {
	float: left;
	padding: 0 10px;
}

#nav a {
	color: #FFF;
}

#main {
	min-height: 650px;	
}

/**
 * Front
 */
.front #content {
	background: url(/images/front-bg.jpg) top center no-repeat;
}

.front #logo {
  display: none;
}

#front-search {
	font-size: 29px;
	padding: 0 0 0 132px;
	display: block;
	line-height: 112px;
}

#front-search a {
	color: #fff;
}

#front-search a:link {
	color: #fff;
}

#front-search a:visited {
	color: #fff;
}

#front-search a:hover {
	color: #fff;
	text-decoration: none !important;
}

#front-buttons {
	width: 780px;
	height: 300px;
	margin: 63px auto -110px 122px;
}

#front-buttons a {
	display: block;
	float: left;
	height: 150px;
	background: url(/images/front-rolls.png) no-repeat;
	text-indent: -999px;
	width: 190px;
	overflow: hidden;
}

#front-buttons .button-browse {
	background-position: 0 -150px;
}

#front-buttons .button-browse:hover {
	background-position: 0 0;
}

#front-buttons .button-custom {
	background-position: -190px -150px;
	margin: 0 95px;
}

#front-buttons .button-custom:hover {
	background-position: -187px 0;
}

#front-buttons .button-about {
	background-position: -380px -150px;
	margin: 0 0 0 5px;
}

#front-buttons .button-about:hover {
	background-position: -381px 0;
}

/**
 * Round search box
 */
.search-the {
	width: 140px;
	padding: 0 28px 0 15px;
}

.search-box {
	margin: -6px 0 0 0;
	display: inline-block;
	background: url(/images/search-round.png) -318px 0 no-repeat;
	width: 425px;
	height: 57px;
	vertical-align: middle;
}

.search-box input {
	width: 286px;
	margin: 16px 0 0 22px;
	border: 0;
	font-size: 23px;
	color: #777;
	background: transparent;
	outline: none;
	float: left;
}

.search-box input:focus {
	color: #333;
}

.search-box button {
  text-indent: -999px;
  background: transparent url(/images/search-round.png) no-repeat;
  width: 106px;
  height: 57px;
  border: none;
  overflow: hidden;
  float: right;
  cursor: pointer;
  margin: 0 2px 0 0;
}

.search-box button:hover {
	background-position: -106px 0;
}

.search-box button:active {
	background-position: -212px 0;
}

/**
 * Pages
 */

p#about {
	padding: 9px 0 0 15px;
}

.harp {
	background: url('/images/about-harp.png') no-repeat;
	position: absolute;
	height: 450px;
	width: 752px;
	top: -54px;
	left: 85px;
}

#pharp {
	position: relative;
	text-align: center;
	padding: 180px 20px 25px 20px;
	z-index: 1;
}
 
#privacy .section {
	background: #2c2c2c;
}

#privacy .rb-bottom {
	text-align: right;
}

#privacy .entries {
	font-size: 18px;
}

#privacy .entries h4 {
	margin: 1em 0 1em 0;
}

#namepayment {
	margin-right: 400px;
}

#emailtotal {
	width: 400px;
	float: right;
}

/**
 * Button icons
 */

.help {
	width: 18px;
	height: 18px;
	background: url(/images/icons/question.png);
	display: inline-block;
}

.help-form-image {
	position: absolute;
	top: 13px;
	right: 42px;	
}

.contact-form-image {
	position: absolute;
	top: 13px;
	left: 38px;	
}

.track-info {
	background: url(/images/track-info.png) no-repeat;
	width: 23px;
	height: 23px;
	display: inline-block;
}

.icon-download-preview {
	background: url(/images/download-preview.png) no-repeat;
	width: 23px;
	height: 23px;
	display: inline-block;
}

.toggle-small {
	background: url(/images/toggle-small.png) no-repeat;
	width: 23px;
	height: 23px;
	display: inline-block;
}

.toggle-small:hover {
	background-position: top right;
}

.toggle-small.pause {
	background-position: bottom left;	
}

.toggle-small.pause:hover {
	background-position: bottom right;	
}

/* Sections */

.section {
	padding: 30px 40px 11px 40px;
	font-size: 18px;
	overflow: hidden;
}

.section.dark {
	background: #2c2c2c;
	color: #FFF;
}

.section.dark#nopad {
	text-align: center;
	padding-top: 8px;
}

.section.dark#nopad h2 {
	padding-bottom: 20px;
}

.section.dark#blank {
	text-align: center;
	font-size: 20px;
}

.section.dark#dark {
	background: #000;
}

.section.dark#orderinfo {
	background: #00175a;
	border: 1px solid #000;
	padding-bottom: 15px;
}

.section.light {
	background: #cd9933 url(/images/floating-notes.png) top right no-repeat;
	border: 1px dashed #000;
	color: #000;
}

.section.light#helpwindow {
	background: #f0f0f0 url(/images/floating-notes.png) repeat;
	border-left: 1px solid #000;;
	border-right: 1px solid #000;;
}

/* Raised Box */

.rb, .rb-inner, .rb-shadow {
	background: url(/images/rb-bg.png);
}

.rb {
	background-repeat: no-repeat;
	position: relative;
	width: 988px;
	margin: -28px auto 5px auto;
}

.rb-inner {
	background-repeat: no-repeat;
	background-position: -988px bottom;
	padding: 35px 28px;
}

.rb-shadow {
	width: 28px;
	position: absolute;
	top: 50px;
	bottom: 50px;
	background-repeat: repeat-y;
}

.rb-shadow.left {
	left: 0;
	background-position: -1976px 0;
}

.rb-shadow.right {
	right: 0;
	background-position: -2004px 0;
}

.rb-content {
	position: relative;
	background: #2c2c2c;
}

.rb-top, .rb-bottom {
	padding: 0 36px;
	color: #FFF;
}

.rb-top {
	height: 83px;
	color: #FFF;
	overflow: hidden;
}

.rb-bottom {
	height: 79px;
	line-height: 84px;
}

.rb-top a, .rb-bottom a {
	color: #FFF;
}

.rb-top a.ul, .rb-bottom a.ul {
	border-color: #AAA;
}

.rb-top .right {
	float: right;
	line-height: 90px;
}

.cart h1 {
	padding-left: 54px;
	background: url(/images/cart-icon-white.png) 0 22px no-repeat;
}

.cart-item {
	background: url(/images/hor-repeat.png);
	height: 105px;
	border: 1px solid #000;
	margin-top: 16px;
	line-height: 105px;
	overflow: hidden;
}

.cart-item:first-child {
	margin-top: 0;
}

.cart-item > div {
	float: left;
}

.cart-remove {
	margin: 0;
	padding: 39px 28px 0 35px;
}

.icon-remove {
	width: 25px;
	height: 26px;
	background: url(/images/remove.png);
	position: relative;
	display: inline-block;
	margin: 0 16px 1px 0;
}

.cart-item .art {
	-webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.5)));
}

.cart-item .art img {
	display: block;
	width: 60px;
	height: 60px;
	border: 1px solid #000;
	margin: 22px 20px 0 0;
}

.cart-item .play {
	margin: 38px 5px 0 0;	
}

.cart-item .track-info {
	display: block;
	margin-bottom: 4px;
}

.cart-item .desc {
	width: 196px;
	white-space: nowrap;
	overflow: hidden;
}

.cart-item .desc a {
	text-decoration: none;	
}

.cart-item .time {
	padding: 0 0 0 20px;
	width: 84px;
	min-height: 1px;
}

.cart-item .format {
	font-size: 11px;
	line-height: 22px;
	padding: 30px 0 0 0;
	width: 160px;
}

.cart-item .format select, .cart-item .format input {
	margin-left: -2px;	
}

.cart-item .license {
	font-size: 11px;
	line-height: 22px;
	padding-top: 7px;
	width: 144px;
	font-size: 13px;
}

.cart-item h4 {
	margin: 0 0 -1px 0;	
}

.cart-item .license input[type=radio] {
	margin-left: -1px;	
}

.cart-coupon {
	float: right;	
}

.cart-coupon input {
	position: relative;
	top: -2px;	
}

.cart-coupon label {
	font-size: 16px;
	padding-right: 7px;	
}

.cart-coupon input[type=text] {
	color: #999;	
}

.cart-coupon input[type=text]:focus {
	color: #000;	
}

.cart-total {
	float: right;
	padding: 0 0 0 50px;
	font-size: 26px;
}

.cart-total label {
	padding-right: 10px;
	font-weight: bold;
}

.cart-disc {
	font-size: 16px;	
}

.triangle {
	position: absolute;
	right: 384px;
	top: -5px;
	background: url(/images/triangle.png) no-repeat;
	width: 217px;
	height: 37px;
}

.checkout h1 {
	padding-left: 46px;
	background: url(/images/padlock-icon-white.png) 0 16px no-repeat;
}

.choose-processor {
	background: url(/images/hor-repeat.png) 0 -105px repeat-x;
	height: 105px;
	line-height: 106px;
	color: #FFF;
	padding: 0 28px;
	font-size: 20px;
	border: 1px solid #000;
}

.choose-processor img {
	line-height: 105px;
	vertical-align: middle;
	margin: 0 0 8px 24px;
}

.select-method {
	background: url('/images/padlock-silver.png') 0 12px no-repeat;
	padding-left: 54px;
}

.checkout .rb-bottom .links {
	font-size: 16px;	
}

.checkout .actions {
	background: url(/images/hor-repeat.png) 0 -315px repeat-x;
	line-height: 105px;
	border: 1px solid #000;
	border-top: none;
	position: relative;
}

.checkout .continue {
	background: url(/images/hor-repeat.png) 0 -210px repeat-x;
	width: 277px;
	text-align: center;
	border-right: 1px solid #000;
	height: 105px;
	color: #333;
	font-weight: bold;
}

.checkout .continue a {
	color: #333;
}

.checkout .continue span {
	font-size: 14px;
	padding-left: 10px;
}

.checkout .payments {
	position: absolute;
	top: -19px;
	right: -19px;
	width: 690px;
	height: 142px;
	background: url(/images/payment-glow.png);
}

.checkout .payments br {
  display: none;
}

.checkout .payments > div {
  padding: 19px;
}

.p-method {
  border-right: 1px solid #000;
  float: left;
  width: 216px;
  height: 80px;
  text-align: center;
  font-size: 13px;
  line-height: normal;
  color: #333;
}

.p-method.paypal-express {
  padding: 25px 0 0 0;
}

.p-method.google-checkout {
  padding: 25px 0 0 0;
}

.p-method.checks-moneyorders {
  padding: 25px 0 0 0;
  border-right: none;
}

.checkout .payments a {
  color: #333;
}

.checkout .payments div input {
  display: block;
  margin: 0 auto 8px auto;
}

.secure-download {
	float: right;
}

.play {
	width: 29px;
	height: 29px;
	display: inline-block;
	background: url(/images/small-play-button.png) no-repeat;
}

.play:hover {
	background-position: -29px 0;
}

.play.playing {
	background-position: -58px 0;
}

.play.playing:hover {
	background-position: -87px 0;
}

/* After Content */

.after-content {
	line-height: 29px;
	margin: 8px 80px 19px 90px;
	padding: 0 0 0 50px;
	background: url(/images/light-bulb.png) top left no-repeat;
}

.after-content .lock {
	background: url(/images/small-padlock.png) 30px 6px no-repeat;
}

/* Footer */

#footer {
	color: #FFF;
	font-size: 13px;
	padding: 68px 0 38px 0;
	text-align: center;
	line-height: 27px;
}

#logos {
	text-align: center;
	padding: 0 0 11px 0;
}

#logos span, .bonlogo {
	display: inline-block;
	background: url(/images/ppgc-bonbonicon.gif);
	text-indent: -999px;
	border: none;
}

#logos .logopaypal {
	width: 88px;
	height: 35px;
	background-position: 0 0;
}

#logos .logocredit {
	width: 179px;
	height: 35px;
	background-position: -128px 0;
	margin: 0 20px;
}

#logos .logogoogle {
	width: 85px;
	height: 35px;
	background-position: -347px 0;
}

#extralinks {
	text-transform: uppercase;
}

#extralinks a {
	color: #fff;
	padding: 0 7px;
}

#copyright {
	padding: 0;
}

.bonlogo {
	width: 110px;
	height: 18px;
	background-position: -432px 0;
	vertical-align: middle;
	margin: 0 6px 0 6px;
	position: relative;
	top: -2px;
}

#subfooter {
	padding: 0 25px 0;
	text-align: center;
	color: #666;
}

#player {
	position: absolute;	
	visibility: hidden;
}