/*
This file is just one big concatenation of all previous CSS files, to reduce
the number of requests and eliminate the use of @import. This file will
eventually be optimized and cleaned up (or entirely replaced!) and is therefore
left with the contents unchanged. The file will live in /static/css/tmp for
now, and will always be included with a query string to enable easy cache
busting.
*/

/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

-------------------------------------------------------------- */

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

a img { border: none; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

html, body {
	margin:0;
	padding:0;
}

body {
	background-color:#aebcbc;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align:center;
	margin: 10px;
}

#container {
	width: 895px;
	margin: 0 auto;
	text-align: left;
}

#containerForum {
	width: 895px;
	margin: 0 auto;
	text-align: left;
}

body.popup {
	margin:0;
}

body.popup #container{
	width: auto;
	margin:0;
}

/* Header
----------------------------------------------------*/
#header {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

#header #logo {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	width: 193px;
	float: left;
	display: inline;
}

#header #logo h1 {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	cursor: pointer;
	padding: 41px 0 0 0;
	overflow: hidden;
	background: url(//a.phcdn.se/static/img/logo-search-social-rs.png) 0 0 no-repeat;
	height: 0px !important;
}

#header #middle {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	float:left;
	display: inline;
	background-image:url(//a.phcdn.se/static/img/header_middle.gif);
	background-repeat: repeat-x;
	width: 326px;
	height: 41px;
}

#header #middle .links{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	text-align: right;
	color: #fff;
	margin-top: 18px;
	margin-right: 10px;
	font-size: 11px;
}

#header #middle .links a {
	color: #fff;
	text-decoration:underline;
}

#header #search {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	float:left;
	display: inline;
	width: 203px;
	padding-right: 9px;
	height: 41px;
	background: url(//a.phcdn.se/static/img/logo-search-social-rs.png) -193px 0 no-repeat;
	text-align: right;
}
#header #search form{
	margin-left: 20px;
	margin-top: 7px;
	vertical-align:top;
}

#header #search #searchInput {
	width: 120px;
	color: #999;
	vertical-align:top;
	padding-left: 2px;
}

#header #search #searchInput.focused {
	color: #000;
}

#header #search #searchButton {
	margin-top:1px;
	margin-left:3px;
}

#phmenu {
	display: block;
	height: 29px;
	list-style: none;
	margin: 0;
	padding: 0;
}
	#phmenu li {
		background: url(//a.phcdn.se/static/img/phmenu-background.1.png) no-repeat top left;
		margin: 0;
		padding: 0;
		height: 29px;
		line-height: 24px;
		text-align: center;
		float: left;
		white-space: nowrap;
		overflow: hidden;
	}
		#phmenu li a {
			display: block;
			font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
			color: #68706e;
			text-decoration: none;
			text-transform: uppercase;
			font-weight: bold;
			font-size: 120%;
		}
			#phmenu li a:hover { color: black; }

		#phmenu li.active { line-height: 32px; }

			#phmenu li.active a { color: white; }

			#phmenu li.active a:hover { color: white; }

		#phmenu li.home {
			width: 102px;
		}
			#phmenu li.home.active { background-position: 0 -29px; }

		#phmenu li.products {
			width: 188px;
			background-position: -109px 0;
		}
			#phmenu li.products.active { background-position: -109px -29px; }

		#phmenu li.shop {
			width: 151px;
			background-position: -290px 0;
		}
			#phmenu li.shop.active { background-position: -290px -29px; }

		#phmenu li.downloads {
			width: 187px;
			background-position: -437px 0;
		}
			#phmenu li.downloads.active { background-position: -437px -29px; }

		#phmenu li.support {
			width: 150px;
			background-position: -626px 0;
		}
			#phmenu li.support.active { background-position: -626px -29px; }

		#phmenu li.blog {
			width: 117px;
			background-position: -778px 0;
		}
			#phmenu li.blog.active { background-position: -778px -29px; }


/* sectionHeader and SubMenu
----------------------------------------------------*/
#sectionHeader {
	display:block;
	width: 895px;
	height: 56px;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}

#sectionHeaderMMM {
	display:block;
	width: 895px;
	height: 56px;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}

#sectionLogo {
	display: inline;
	width: 300px;
	float:left;
	margin-left:20px;
}

#sectionLogo h2 {
	cursor: pointer;
	margin: 0;
	padding: 51px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
	height: 0px !important;
}

#subMenu {
	font-size: 13px;
	display:inline;
	float:right;
	width: 520px;
	margin-top: 34px;
	margin-right: 5px;
	padding-left:5px
}

#subMenu a {
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
	margin-right: 15px;
}

#subMenu a:link,
#subMenu a:visited {
	color: #fff;
}

#subMenu a:hover,
#subMenu a.active {
	color: #000;
}

/* Content area including areas formatting
----------------------------------------------------*/

#content {
	background-color:#FFFFFF;
	background-image:url(//a.phcdn.se/static/img/boxTop.gif);
	background-repeat: no-repeat;
	padding-top:20px;
}

#contentRecycle {
	background-color: #fff;
	background-image:url(//a.phcdn.se/static/img/boxTop.gif);
	background-repeat: no-repeat;
	padding-top:20px;
}

#contentReason {
	background-color: #fff;
	background-repeat: no-repeat;
	padding-top:20px;
}

#contentBalance {
	background-color: #fff;
	background-image:url(//a.phcdn.se/static/img/boxTop.gif);
	background-repeat: no-repeat;
	padding-top:20px;
}

#contentReBirth {
	background-color: #000;
	background-image:url(//a.phcdn.se/static/img/boxTopReBirth.gif);
	background-repeat: no-repeat;
	padding-top:20px;
}

#content #contentEnd,
#footerLinks #contentEnd,
#content .content-end,
#footerLinks .content-end {
	display:inline;
	float: left;
	width: 895px;
	height: 10px;
	background-image:url(//a.phcdn.se/static/img/boxBottom.gif);
	background-repeat: no-repeat;
}

#contentRecycle #contentEnd,
#footerLinksRecycle #contentEnd,
#contentRecycle .content-end,
#footerLinksRecycle .content-end {
	display:inline;
	float: left;
	width: 895px;
	height: 10px;
	background-image:url(//a.phcdn.se/static/img/boxBottomRecycle.gif);
	background-repeat: no-repeat;
}

#contentReason #contentEnd,
#footerLinksReason #contentEnd,
#contentReason .content-end,
#footerLinksReason .content-end {
	display:inline;
	float: left;
	width: 895px;
	height: 10px;
	background-image:url(//a.phcdn.se/static/img/boxBottom.gif);
	background-repeat: no-repeat;
}

#footerLinksRefills #contentEnd,
#footerLinksRefills .content-end {
	display:inline;
	float: left;
	width: 895px;
	height: 10px;
	background-image:url(//a.phcdn.se/static/img/boxBottomRefills.gif);
	background-repeat: no-repeat;

}

#contentReBirth #contentEnd,
#footerLinksReBirth #contentEnd,
#contentReBirth .content-end,
#footerLinksReBirth .content-end {
	display:inline;
	float: left;
	width: 895px;
	height: 10px;
	background-image:url(//a.phcdn.se/static/img/boxBottomReBirth.gif);
	background-repeat: no-repeat;
}

#contentBalance #contentEnd,
#footerLinksBalance #contentEnd,
#contentBalance .content-end,
#footerLinksBalance .content-end {
	display:inline;
	float: left;
	width: 895px;
	height: 10px;
	background-image:url(//a.phcdn.se/static/img/boxBottom.gif);
	background-repeat: no-repeat;
}

/* Containers for Content holders
----------------------------------------------------*/
.wholeContainer{
	display:inline;
	float:left;
	width:895px;
}

.oneThirdContainer{
	display:inline;
	float:left;
	width:295px;
}
.twoThirdContainer{
	display:inline;
	float:left;
	width:595px;
}
.oneHalfContainer{
	display:inline;
	float:left;
	width:445px;
}
.oneFourthContainer{
	display:inline;
	float:left;
	width:220px;
}

/* Content holders
----------------------------------------------------*/
.oneThird, .twoThird, .oneFourth, .oneHalf, .threeQuarters, .whole {
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
	margin-left: 5px;
	float: left;
	display: inline;
}

.oneThird {
	width: 255px;
}

.twoThird {
	width: 555px;
}

.oneFourth {
	width: 180px;
}

.oneHalf {
	width: 405px;
}

.threeQuarters {
	width: 630px;
}

.whole {
	width: 855px;
}
.pushBackground {
	float:left;
	display:inline;
	background-color: #aebcbc;
}
.quarters {
	background-image: url(//a.phcdn.se/static/img/quarterBG.png);
	background-repeat:repeat-y;
}
.quarterPush {
	float: left;
	display: inline;
	width: 220px;
	background-image:url(//a.phcdn.se/static/img/quarterPushBG.gif);
	background-repeat: no-repeat;
	margin-left: 5px;
}
.quarterPush p.label {
	font-size: 11px;
	text-transform: uppercase;
	margin:0;
	padding:0;
	width: 150px;
	height: 30px;
	padding-top:5px;
	margin-left: 20px;
	color:#fff;
}
.quarterPush img{
	margin-left: 10px;
	margin-bottom: 5px;
}
.quarterPush h3 {
	margin:0;
	padding:0;
	margin-left: 20px;
	margin-right: 30px;
	font-size: 12px;
	color: #000;
}

.quarterPushEnd {
	background:#aebcbc;
	display: inline;
	float:left;
	width: 180px;
	background-image:url(//a.phcdn.se/static/img/quarterPushEnd.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size:11px;
	color: #fff;
	line-height: 1.2em;

}
.quarterPushEnd p {
	margin:0;
	padding: 0;
	margin-bottom: 5px;
}
.quarterPushEnd a {
	display: block;
	text-align: right;
	text-decoration:underline;
}
.quarterPushEnd a.alignLeft {
	text-align: left;
	line-height: 1.4em;
}
.quarterPushEnd a:link,
.quarterPushEnd a:visited {
	color: #fff;
}

.quarterPushEnd a:hover,
.quarterPushEnd a:active {
	color: #730000;
}

.first {
	margin-left: 0px;
}
.noBottom {
	margin-bottom:0px;
}

.videoDownload {
	font-size: 10px;
}

/* Overall content formatting
----------------------------------------------------*/
#sectionHeader {
	background-image:url(//a.phcdn.se/static/img/sectionHeader.gif);
}
#sectionHeaderMMM {
	background-image:url(//a.phcdn.se/static/img/sectionHeaderMMM.gif);
}
#sectionLogo.shop h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoShop.gif);
}
#sectionLogo.downloads h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoDownloads.gif);
}
#sectionLogo.substance h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoSubstance.gif);
}
#sectionLogo.support h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoSupport.gif);
}
#sectionLogo.company h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoPHD.gif);
}
#sectionLogo.forum h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoForum.gif);
}
#sectionLogo.account h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoAccount.gif);
}
#sectionLogo.signup h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoSignup.gif);
}
#sectionLogo.betatest h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoBetatest.gif);
}
#sectionLogo.vipbetatest h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoVIPBetatest.gif);
}
#sectionLogo.reasonUpdates h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoUpdates.gif);
}
#sectionLogo.crossgrade h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoCrossgrade.gif);
}
#sectionLogo.reload h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoReload.gif);
}
#sectionLogo.admin h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoAdmin.gif);
}
#sectionLogo.distributor h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoDistributor.gif);
}
#sectionLogo.transfer h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoTransfer.gif);
}
#sectionLogo.developer h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoDeveloper.gif);
}
#sectionLogo.contact h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoContact.gif);
}
#sectionLogo.ads h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoAds.gif);
}
#sectionLogo.pilotslounge h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoPilotsLounge.gif);
}
#sectionLogo.education h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoEducation.gif);
}
#sectionLogo.mmm h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoMMM.gif);
}
#sectionLogo.mobile h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoMobile.gif);
}
#sectionLogo.ambassadors h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoAmbassadorDatabase.png);
}

p {
	margin-bottom: 1em;
}

p.oneThirdRightMargin {
	margin-right: 275px;
}

p.oneThirdLeftMargin {
	margin-left: 275px;
}

a:link {
	color: #c50000;
}
a:visited {
	color: #730000;
}
a:hover {
	color: #e69122;
}

a.reason:link {
	color: #e69122;
}
a.reason:visited {
	color: #f4d7a4;
}
a.reason:hover {
	color: #d0d9b3;
}

a.doc,
a.pdf,
a.iconRecord,
a.iconReason,
a.iconReasonEssentials,
a.iconReasonLimited,
a.iconReasonAdapted,
a.iconRecycle,
a.iconReload,
a.iconRefills {
	display: block;
	background-repeat: no-repeat;
	height: 32px;
	padding-top:5px;
	padding-left: 40px;
	margin-bottom: 10px;
}
a.doc {
	background-image:url(//a.phcdn.se/static/img/iconDOC32px.gif);
}

a.pdf {
	background-image:url(//a.phcdn.se/static/img/iconPDF32px.gif);
}
a.iconRecord {
	background-image:url(//a.phcdn.se/static/img/ico_record_32_on_white.gif);
}
a.iconReason {
	background-image:url(//a.phcdn.se/static/img/ico_reason_32_on_white.gif);
}
a.iconReasonEssentials {
	background-image:url(//a.phcdn.se/static/img/ico_reason_essentials_32px.jpg);
}
a.iconReasonLimited {
	background-image:url(//a.phcdn.se/static/img/ico_reason_limited_32px.jpg);
}
a.iconReasonAdapted {
	background-image:url(//a.phcdn.se/static/img/ico_reason_adapted_32px.gif);
}
a.iconRecycle {
	background-image:url(//a.phcdn.se/static/img/ico_recycle_32px.gif);
}
a.iconReload {
	background-image:url(//a.phcdn.se/static/img/ico_reload_32px.gif);
}
a.iconRefills {
	background-image:url(//a.phcdn.se/static/img/ico_refills_new_33.gif);
}

a.blockRight{
	display:block;
	text-align:right;
}

a.blockLeft{
	display:block;
	text-align:left;
}

em {
	font-style: italic;
}
h1,h2,h3 {
	clear: both;
	font-family: "HelveticaNeue","Helvetica Neue", Helvetica, Arial, sans-serif;
}
h2 {
	font-size: 20px;
	font-weight: bold;
	margin-left: 20px;
	margin-bottom: 0.5em;
}
h3 {
	display:block;
	font-size: 16px;
	font-weight: bold;
	margin-left: 20px;
	margin-bottom: 0.5em;
}
.whole h2, .twoThird h2, .oneThird h2, .oneHalf h2, .imageText h2, .whole h3, .twoThird h3, .oneFourth h3, .oneThird h3, .oneHalf h3, .imageText h3 {
	margin-left: 0px;
}
h4 {
	clear: none;
	font-size: 12px;
	font-weight:bold;
}
h4.onImage {
	margin-bottom:5px;
}
img.floatRight {
	float:right;
	margin-bottom: 1em;
	margin-left: 20px;
}
img.floatLeft {
	float:left;
	margin-bottom: 1em;
	margin-right: 20px;
}
.imageText {
	position: absolute;
}
.imageBox {
	font-size: 10px;
	float: right;
	margin-left: 2em;
}

.imagebox p{
	margin:0;
}

div.center {
	text-align: center;
}

ul {
	margin-left: 10px;
	padding-left: 10px;
	list-style-type:square;
	list-style-position:outside;
	margin-top: 0.5em;
	margin-bottom: 1.5em;
}

ul li {
	margin-bottom: 0.2em;

}

ol {
	margin-left: 10px;
	padding-left: 10px;
	list-style-position:outside;
	margin-top: 0.5em;
	margin-bottom: 1.5em;
}

ol li {
	margin-bottom: 0.2em;

}
.infoBox {
	background-color: #ddd;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 8px;
	margin-bottom: 1em;
}

.infoBoxTwoThirdLeft{
	display: inline;
	float: left;
	width: 600px;
	margin-bottom: 20px;
	background-image:url(//a.phcdn.se/static/img/infoBoxTwoThirdTop.gif);
	background-repeat:no-repeat;
}
.infoBoxTwoThirdLeftEnd {
	display: inline;
	float: left;
	width: 600px;
	height: 15px;
	background-image:url(//a.phcdn.se/static/img/infoBoxTwoThirdEnd.gif);
	background-repeat:no-repeat;
}
.infoBoxTwoThirdLeftSoundExamples{
	display: inline;
	float: left;
	width: 600px;
	margin-bottom: 20px;
	background-repeat:no-repeat;
}
.infoBoxTwoThirdLeftSoundExamplesEnd {
	display: inline;
	float: left;
	width: 600px;
	height: 15px;
	background-repeat:no-repeat;
}
.infoBoxOneThirdRight{
	display: inline;
	float: left;
	width: 300px;
	margin-bottom: 20px;
	background-image:url(//a.phcdn.se/static/img/infoBoxOneThirdRightTop.gif);
	background-repeat:no-repeat;
}

.infoBoxOneThirdRightEnd {
	display: inline;
	float: left;
	width: 300px;
	height: 15px;
	background-image:url(//a.phcdn.se/static/img/infoBoxOneThirdRightEnd.gif);
	background-repeat:no-repeat;
}

.infoBoxOneThirdRightTranslucent {
	display: inline;
	float: left;
	width: 300px;
	margin-bottom: 20px;
	background-image:url(//a.phcdn.se/static/img/infoBoxOneThirdRightTop.png);
	background-repeat:no-repeat;
}

.infoBoxOneThirdRightEndTranslucent {
	display: inline;
	float: left;
	width: 300px;
	height: 15px;
	background-image:url(//a.phcdn.se/static/img/infoBoxOneThirdRightEnd.png);
	background-repeat:no-repeat;
}

.infoBoxOneThirdLeft{
	display: inline;
	float: left;
	width: 300px;
	margin-bottom: 20px;
	background-image:url(//a.phcdn.se/static/img/infoBoxOneThirdLeftTop.gif);
	background-repeat:no-repeat;
}
.infoBoxOneThirdLeftEnd {
	display: inline;
	float: left;
	width: 300px;
	height: 15px;
	background-image:url(//a.phcdn.se/static/img/infoBoxOneThirdLeftEnd.gif);
	background-repeat:no-repeat;
}

.infoBoxOneHalfLeft{
	display: inline;
	float: left;
	width: 450px;
	margin-bottom: 20px;
	background-image:url(//a.phcdn.se/static/img/infoBoxOneHalfLeftTop.gif);
	background-repeat:no-repeat;
}
.infoBoxOneHalfLeftEnd {
	display: inline;
	float: left;
	width: 450px;
	height: 15px;
	background-image:url(//a.phcdn.se/static/img/infoBoxOneHalfLeftEnd.gif);
	background-repeat:no-repeat;
}

.infoBoxOneHalfLeftStdReason{
	display: inline;
	float: left;
	width: 450px;
	background-repeat:no-repeat;
	background-image:url(//a.phcdn.se/static/img/infoBoxOneHalfLeftTopStdReason.gif);
	color: #fff;
}

.infoBoxOneHalfLeftStdReason a {
	color: #e69122;
}
.infoBoxOneHalfLeftStdReason a:visited {
	color: #f4d7a4;
}
.infoBoxOneHalfLeftStdReason a:hover {
	color: #d0d9b3;
}

.infoBoxOneHalfLeftStdReasonEnd{
	display: inline;
	float: left;
	width: 450px;
	height: 15px;
	background-image:url(//a.phcdn.se/static/img/infoBoxOneHalfLeftEndStdReason.gif);
	background-repeat:no-repeat;
}

.infoBoxOneHalfRight{
	display: inline;
	float: left;
	width: 450px;
	margin-bottom: 20px;
	background-image:url(//a.phcdn.se/static/img/infoBoxOneHalfRightTop.gif);
	background-repeat:no-repeat;
}
.infoBoxOneHalfRightEnd {
	display: inline;
	float: left;
	width: 450px;
	height: 15px;
	background-image:url(//a.phcdn.se/static/img/infoBoxOneHalfRightEnd.gif);
	background-repeat:no-repeat;
}
.infoBoxOneFourthRight{
	display: inline;
	float: left;
	width: 225px;
	margin-bottom: 20px;
	background-image:url(//a.phcdn.se/static/img/infoBoxOneFourthRightTop.gif);
	background-repeat:no-repeat;
}
.infoBoxOneFourthRightEnd {
	display: inline;
	float: left;
	width: 225px;
	height: 15px;
	background-image:url(//a.phcdn.se/static/img/infoBoxOneFourthRightEnd.gif);
	background-repeat:no-repeat;
}

.infoBoxOneThirdLeft h3,
.infoBoxTwoThirdLeft h3,
.infoBoxOneThirdRight h3,
.infoBoxOneThirdRightTranslucent h3,
.infoBoxOneHalfLeft h3,
.infoBoxOneHalfRight h3,
.infoBoxOneFourthRight h3,
.infoBoxOneHalfLeftStdReason h3,
.infoBoxTwoThirdLeftSoundExamples h3 {
	font-weight: normal;
	text-transform:uppercase;
	font-size: 12px;
	padding:0;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
	color: #fff;
}
.infoBoxOneHalfLeftStdReason h3{
	color: #000;
}
.play_button {
	display: inline;
	float: left;
	width: 20px;
}
.demo_desc {
	padding-left: 25px;
	margin-bottom: 4px;
}
.demo_desc p {
	margin-bottom: 0em;
}

.divider {
	clear:both;
	display: block;
	width: 895px;
	height: 15px;
	background-image:url(//a.phcdn.se/static/img/divider.gif);
	background-repeat:no-repeat;
	margin-bottom: 10px;
}
.dividerHome {
	clear:both;
	display: block;
	width: 895px;
	height: 28px;
	background-image:url(//a.phcdn.se/static/img/dividerHome.gif);
	background-repeat:no-repeat;
}

/* Shop styles
----------------------------------------------------*/

.dividerShop{
	clear:both;
	display: block;
	width: 895px;
	height: 15px;
	background-repeat:no-repeat;
	margin-bottom: 10px;
	background-image:url(//a.phcdn.se/static/img/dividerShop.gif);
}

#subMenu.shop {
	position:relative;
}

div.shopCartBar {
	position:absolute;
	color:#fff;
	text-align:right;
	right: 0px;
	top: 0px;
	margin-right: 15px;
}

#subMenu.shop div.shopCartBar a{
	font-weight:normal;
	text-decoration: underline;
	margin:0;
}

.shopCart {
	display:inline;
	float:left;
	width: 855px;
	background-image:url(//a.phcdn.se/static/img/shopCartBGTop.gif);
	background-repeat:no-repeat;
}
.shopCartEnd {
	display:inline;
	float:left;
	width: 855px;
	height: 10px;
	background-image:url(//a.phcdn.se/static/img/shopCartBGEnd.gif);
	background-repeat:no-repeat;
}

.shopCart hr {
	color: #aebcbc;
	background-color: #aebcbc;
	height: 5px;
	border: 0px;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}
.shopCart table.cartTable {
	margin-bottom: 20px;
}
.shopCart th {
	color: #fff;
	text-transform:uppercase;
	height: 40px;
	padding-top:4px;
}
.shopCart th h4 {
	margin-top: 0;
	margin-bottom: 0;
}
.shopCart .whole {
	width: 815px;
}

.shopCart .oneHalf {
	width: 385px;
}

.shopCart .oneThird {
	width: 241px;
}

.shopWholeStep {
	background-image:url(//a.phcdn.se/static/img/shopWholeStepBG.gif);
	background-repeat:no-repeat;
}
.shopStep {
	background-image:url(//a.phcdn.se/static/img/shopStepBG.gif);
	background-repeat: repeat-x;
}
.shopStepNotCurrent{
	color: #aebcbc;
}

.shopStepCurrent{
	color: #000;
	font-weight:bold;
}

.shopMyOrder {
	display:inline;
	float:left;
	width: 855px;
	background-image:url(//a.phcdn.se/static/img/shopMyOrderBGTop.gif);
	background-repeat:no-repeat;
}
.shopMyOrder hr {
	color: #aebcbc;
	background-color: #aebcbc;
	height: 5px;
	border: 0px;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}
.shopMyOrder table.cartTable {
	margin-bottom: 20px;
}

.shopMyOrder th {
	color: #fff;
	text-transform:uppercase;
	height: 40px;
	padding-top:4px;
}
.shopMyOrder th h4 {
	margin-top: 0;
	margin-bottom: 0;
}
.shopMyOrder .whole {
	width: 815px;
}

.shopMyOrder .oneHalf {
	width: 385px;
}

.shopMyOrder .oneThird {
	width: 241px;
}

/* Form styles
----------------------------------------------------*/
.formElement {
	display:block;
	width:80%;
	margin-bottom: 10px;
}
.formSubmit {
	display:block;
	border-top: 1px solid #aebcbc;
	padding-top: 10px;
}

.formElement label {
	display: block;
	float: left;
	width: 120px;
	margin-right: 10px;
	padding-top: 3px;
	font-weight: bold;
}

.formElement label.labelCheckbox,
.formElement label.labelRadioButton {
	display: block;
	width: 100%;
	font-weight: normal;
	padding: 0;
}

.formElement label.regLabel {
	display: block;
	float: left;
	width: 158px;
	margin-right: 10px;
	padding-top: 3px;
	font-weight: bold;
}

.formElement input.inputText,
.formElement input.inputPassword {
	background-color: #f0f0f0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	width: 150px;
	padding-top: 3px;
	padding-left: 4px;
}

.formElement input.inputEmail {
	background-color: #f0f0f0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	width: 180px;
	padding-top: 3px;
	padding-left: 4px;
}

.formElement input.big {
	font-size: 16px;
}

.formElement label.error {
	color: #aa0028;
}

.formElement input.error {
	background-color: #ff9999;
}

.formElement small {
	display: block;
	margin: 2px 0 0 120px;
	width: 150px;
	font-size: 10px;
	line-height: 1em;
}

.formSubmit input {
	float: left;
	padding:5px 10px;
	font-weight:bold;
}

.formSubmit a {
	font-size: 11px;
	float: left;
}
p.error,
h4.error {
	color: #d7000a;
}

#accForm input {
	padding: 4px;
}

#accForm input[type=checkbox] {
	padding: 0;
	margin-top: 15px;
}

#accForm input[type=submit] {
	margin-top: 20px;
}

#downloadSurveyForm input[type=checkbox],
#downloadSurveyForm input[type=radio] {
	padding: 0;
	margin-top: 6px;
	margin-right: 6px;
}

#downloadSurveyForm label.large {
	width: 100%;
}

#fieldsMissing.error {
	font-weight: bold;
	color: #aa0028;
}

#downloadSurveyForm .formErrors li {
	color: #aa0028;
}

#downloadSurveyFormStatusDiv {
	display: none;
}

	#downloadSurveyFormStatusDiv img {
		float: left;
		margin-right: 6px;
	}


/* Inline Login Form
----------------------------------------------------*/

.modal-underlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.25);
}

.inline-login-form {
	margin: 200px auto 0;
	width: 895px;
	background-color: #fff;
}

/* Figure formatting
----------------------------------------------------*/

#sectionHeaderFigure {
	display:block;
	width: 895px;
	height: 56px;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	background-image:url(//a.phcdn.se/static/img/sectionHeaderFigure.png);
	}
#sectionLogo.figure h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoFigure.png);
}

#sectionHeaderFigure #subMenu a:link,
#sectionHeaderFigure #subMenu a:visited {
	color: #8f8d63;
}
#sectionHeaderFigure #subMenu a:hover,
#sectionHeaderFigure #subMenu a.active {
	color: #312f2d;
}

/* Thor formatting
----------------------------------------------------*/
#sectionLogo.thor h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoThor.png);
}

#content.contentThor {
	background-color: transparent;
	padding-top: 0;
	font-family: HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.buy-thor-bar {
	background-color: #d7000a;
	color: #030303;
	height: 50px;
	line-height: 48px; /* Slightly smaller than height, for optical balance vertically. */
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	margin: 0 5px;
}
	.buy-thor-bar a {
		color: #FFF;
	}

#content.contentThor .box {
	background-color: white;
	overflow: hidden; /* "Clearfix" */
}

#content.contentThor .border-radius {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#content.contentThor h1 {
	font-size: 48px;
	line-height: 1;
	margin: 24px 0;
	text-align: center;
	font-weight: bold;
}

	#content.contentThor h1.smaller {
		font-size: 30px;
	}

#content.contentThor h2 {
	font-size: 18px;
	line-height: 1.35;
	margin: 0 0 36px 0;
	text-align: center;
	font-weight: normal;
}

#content.contentThor h3 {
	font-size: 29px;
	line-height: 36px;
	font-weight: normal;
	color: #ff851d;
	padding: 75px 45px 0 45px;
}

#content.contentThor h4 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 6px;
}

#content.contentThor h5 {
	font-weight: bold;
}

#content.contentThor .oneHalf p {
	font-size: 14px;
	line-height: 22px;
}

#content.contentThor .oneHalf img {
	margin: 6px 0 12px 0;
}

#content.contentThor .oneFourth img {
	margin: 12px 0;
}

#content.contentThor #footerLinks {
	padding-top: 12px;
}

	#content.contentThor #footerLinks h4 {
		font-size: 11px;
		line-height: 11px;
		margin-bottom: 7px;
	}

#content.contentThor .extra-margin-top {
	margin-top: 24px;
}

#content.contentThor .iframe img {
	display: block;
}

/* Reason formatting
----------------------------------------------------*/
#sectionHeaderReason {
	display:block;
	width: 895px;
	height: 56px;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	background-image:url(//a.phcdn.se/static/img/sectionHeaderReason.png);
}
#sectionLogo.reason h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoReason.png);
}
#sectionLogo.reasonlimited h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoReasonLimited.gif);
}

#sectionLogo.reasonadapted h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoReasonAdapted.gif);
}
#sectionHeaderReason #subMenu.reason a:link,
#sectionHeaderReason #subMenu.reason a:visited {
	color: #fff;
}
#sectionHeaderReason #subMenu a:hover,
#sectionHeaderReason #subMenu a.active {
	color: #000;
}

#contentReason {
	color: #000;
}
#contentReason div.infoBox {
	background-color: #cfdab4;
	color: #000;
}

#contentReason div.infoBoxTwoThirdLeft{
	background-image:url(//a.phcdn.se/static/img/infoBoxTwoThirdTopReason.gif);
}
#contentReason div.infoBoxTwoThirdLeftEnd{
	background-image:url(//a.phcdn.se/static/img/infoBoxTwoThirdEndReason.gif);
}
#contentReason div.infoBoxOneThirdLeft{
	background-image:url(//a.phcdn.se/static/img/infoBoxOneThirdLeftTopReason.gif);
}
#contentReason div.infoBoxOneThirdLeftEnd{
	background-image:url(//a.phcdn.se/static/img/infoBoxOneThirdLeftEndReason.gif);
}

#contentReason div.infoBoxTwoThirdLeftSoundExamples{
	background-image:url(//a.phcdn.se/static/img/infoBoxTwoThirdTopReasonSE.gif);
}
#contentReason div.infoBoxTwoThirdLeftSoundExamplesEnd{
	background-image:url(//a.phcdn.se/static/img/infoBoxTwoThirdEndReasonSE.gif);
}

#contentReason div.infoBoxOneThirdRight{
	background-image:url(//a.phcdn.se/static/img/infoBoxOneThirdRightTopReason.gif);
}
#contentReason div.infoBoxOneThirdRightEnd{
	background-image:url(//a.phcdn.se/static/img/infoBoxOneThirdRightEndReason.gif);
}
#contentReason .infoBoxOneThirdLeft h3,
#contentReason .infoBoxOneThirdRight h3,
#contentReason .infoBoxTwoThirdLeft h3,
#contentReason .infoBoxTwoThirdLeftSoundExamples h3 {
	color: #000;
}

#contentReason .oneThird p, #contentReason .twoThird p, #contentReason .oneHalf p, #contentReason .whole p, #contentReason .oneFourth p {
	font-size: 13px;
	line-height: 20px;
}
#contentReason div.divider {
	background-image:url(//a.phcdn.se/static/img/divider.gif);
}
#contentReason .reasonDeviceVideoBar {
  padding: 0;
}
#Reason6DevicesCarousel {
  position: relative;
  width: 895px;
  height: 134px;
  outline: none;
  background: #fff url(//a.phcdn.se/static/img/boxTop.gif) top left no-repeat;
  text-align: center;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#Reason6DevicesCarouselEnd {
  height: 5px;
  width: 895px;
  background: white url(//a.phcdn.se/static/img/ReasonRoundedCornersBottom.gif) top left no-repeat;
}
#Reason6DevicesCarousel ul {
  width: 895px;
  height: 129px;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
#Reason6DevicesCarousel .wrapper {
  position: absolute;
  left: 0;
}
#Reason6DevicesCarousel ul li {
  width: 90000px;
  list-style: none;
}
#Reason6DevicesCarousel ul li ul {
  width: 895px;
  height: 0;
  float: left;
  display: block;
  height: 129px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#Reason6DevicesCarousel ul li ul li {
  display: block;
  float: left;
  width: 168px;
  margin: 1px 0 0 0;
  padding: 0 0 25px 0;
  color: #777;
  list-style: none;
}
#Reason6DevicesCarousel ul li ul li div {
  position: absolute;
  width: 175px;
  text-align: center;
  bottom: 0;
}
#Reason6DevicesCarousel ul li ul li a {
  color: #777;
  text-decoration: none;
}
#Reason6DevicesCarousel ul li ul li img {
  width: 130px;
  margin: 0 auto 5px auto;
}
#Reason6DevicesCarouselFilter {
  width: 883px;
  height: 24px;
  text-align: center;
  background-color: #CEDBB3;
  margin: 0 6px;
  font-size: 13px;
  padding: 0;

}
#Reason6DevicesCarouselFilter a {
  font-weight: bold;
  border-top: 1px solid transparent;
  height: 16px;
  padding: 4px 8px;
  margin: 0 10px;
  text-decoration: none;
  color: #6b6b6b;
  display: inline-block;
  position: relative;
  top: -1px;
  vertical-align: middle;
}
#Reason6DevicesCarouselFilter a.active {
  color: #F87017;
  background-color: #e7edd9;
  border-top: 1px solid #dddddd;
}
.vidthumb {
	padding:9px;
	border: 1px solid;
	border-color: #b2b2b2;
	width: 242px;
	margin-bottom: 50px;
	float: left;
	display: block;
	position: relative;
}

.vidthumb img {
	border: none;
}

.vidthumbleft {
	border: 1px solid;
	border-color: #b2b2b2;
	width: 257px;
	margin-bottom: 50px;
	float: left;
	display: block;
}
.vidthumbright {
	border: 1px solid;
	border-color: #b2b2b2;
	width: 257px;
	margin-bottom: 50px;
	float: right;
}
.vidthumb h3 {
	font-size: 11px;
	color: #595959;
	font-weight: normal;
	display: block;
	padding: 10px 0 0 0;
	margin: 0;
}
.vidthumb h3 span {
  position: absolute;
  right: 9px;
}
.vidthumb img {
  padding: 0;
  margin: 0;
  width: 240px;
}
.contentDevice {
  background: #fff url(//a.phcdn.se/static/img/ReasonRoundedCornersTop.gif) top left no-repeat;
}
.contentDevice .reasonDeviceHeader, .contentDevice .contentDeviceBody {
  margin-left: 5px;
}
.contentDevice h2 {
  font-size: 18px;
}
.contentDevice div.vidthumb {
  margin-bottom: 24px;
}
.contentDevice .reasonDeviceHeader {
  margin-top: 16px;
  margin-bottom: 24px;
}
.contentDevice .description {
  width: 310px;
  margin-right: 38px;
  float: left;
}
.contentDevice .description p {
  font-size: 16px!important;
}
.contentDevice .descriptionImage {
  float: left;
}
.contentDevice .contentDeviceBody {
  width: 490px;
  margin-right: 41px;
}
.contentDevice .contentDeviceBody h3 {
  font-size: 16px;
}
.contentDevice .contentDeviceBody p {
  font-size: 13px;
}

/* Balance formatting
----------------------------------------------------*/
#sectionHeaderBalance {
	display:block;
	width: 895px;
	height: 56px;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	background-image:url(//a.phcdn.se/static/img/sectionHeaderBalance.gif);
}
#sectionLogo.balance h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoBalance.jpg);
}
#sectionHeaderBalance #subMenu.Balance a:link,
#sectionHeaderBalance #subMenu.Balance a:visited {
	color: #fff;
}
#sectionHeaderBalance #subMenu a:hover,
#sectionHeaderBalance #subMenu a.active {
	color: #000;
}

#contentBalance {
	color: #000;
}
#contentBalance div.infoBox {
	background-color: #cfdab4;
	color: #000;
}
#contentBalance .infoBoxOneThirdLeft h3,
#contentBalance .infoBoxOneThirdRight h3,
#contentBalance .infoBoxTwoThirdLeft h3,
#contentBalance .infoBoxTwoThirdLeftSoundExamples h3 {
	color: #000;
}
#contentBalance div.divider {
	background-image:url(//a.phcdn.se/static/img/dividerBalance.gif);
}

/* ReBirth formatting
----------------------------------------------------*/
#sectionHeaderReBirth {
	display:block;
	width: 895px;
	height: 56px;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	background-image:url(//a.phcdn.se/static/img/sectionHeaderReBirth.gif);
}

#sectionHeaderReBirth #subMenu.rebirth a:link,
#sectionHeaderReBirth #subMenu.rebirth a:visited {
	color: #fff;
}
#sectionHeaderReBirth #subMenu a:hover,
#sectionHeaderReBirth #subMenu a.active {
	color: #000;
}

#contentReBirth {
	color: #fff;
}

#contentReBirth div.infoBox {
	background-color: #cfdab4;
	color: #000;
}

#contentReBirth div.infoBoxOneThirdRight{
	background-image:url(//a.phcdn.se/static/img/infoBoxOneThirdRightTopReBirth.gif);
}
#contentReBirth div.infoBoxOneThirdRightEnd{
	background-image:url(//a.phcdn.se/static/img/infoBoxOneThirdRightEndReBirth.gif);
}
#contentReBirth .infoBoxOneThirdLeft h3,
#contentReBirth .infoBoxOneThirdRight h3 {
	color: #000;
}

#contentReBirth div.divider {
	background-image:url(//a.phcdn.se/static/img/dividerReBirth.gif);
}

/* Reason, ReCycle and Refill quarterboxes
----------------------------------------------------*/

#contentReason .quarters {
	background-image: url(//a.phcdn.se/static/img/quarterBGReason.gif);
}
#contentBalance .quarters {
	background-image: url(//a.phcdn.se/static/img/quarterBGBalance.gif);
}
#contentRecycle .quarters {
	background-image: url(//a.phcdn.se/static/img/quarterBGRecycle.gif);
}
#contentReason .quarterPush {
	background-image:url(//a.phcdn.se/static/img/quarterPushBGReason.gif);
}
#contentBalance .quarterPush {
	background-image:url(//a.phcdn.se/static/img/quarterPushBGBalance.gif);
}
#contentRecycle .quarterPush {
	background-image:url(//a.phcdn.se/static/img/quarterPushBGRecycle.gif);
}

#contentReason .quarterPush p.label,
#contentBalance .quarterPush p.label,
#contentRecycle .quarterPush p.label {
	color:#fff;
}
#contentReason .quarterPush h3,
#contentBalance .quarterPush h3,
#contentRecycle .quarterPush h3 {
	color: #000;
}

#contentReason .quarterPush h3,
#contentRecycle .quarterPush h3 {
	color: #FFF;
}

#contentReason .quarterPushEnd {
	background-image:url(//a.phcdn.se/static/img/quarterPushEndReason.gif);
}
#contentBalance .quarterPushEnd {
	background-image:url(//a.phcdn.se/static/img/quarterPushEndBalance.gif);
}
#contentRecycle .quarterPushEnd {
	background-image:url(//a.phcdn.se/static/img/quarterPushEndRecycle.gif);
}

#contentReason .quarterPushEnd,
#contentBalance .quarterPushEnd,
#contentRecycle .quarterPushEnd {
	color: #000;
}
#contentReason .quarterPushEnd a:link,
#contentReason .quarterPushEnd a:visited,
#contentBalance .quarterPushEnd a:link,
#contentBalance .quarterPushEnd a:visited,
#contentRecycle .quarterPushEnd a:link,
#contentRecycle .quarterPushEnd a:visited {
	color:#000;
	text-decoration: underline;
}

#contentReason .quarterPushEnd a:hover,
#contentReason .quarterPushEnd a:active,
#contentBalance .quarterPushEnd a:hover,
#contentBalance .quarterPushEnd a:active,
#contentRecycle .quarterPushEnd a:hover,
#contentRecycle .quarterPushEnd a:active {
	color: #444;
}

/* Reason, ReCycle and Refill link formatting
----------------------------------------------------*/

#contentReason a,
#contentRecycle a {
	color: #e69122;
}
#contentReason a:visited,
#contentRecycle a:visited {
	color: #DCB77C;
}
#contentReason a:hover,
#contentRecycle a:hover {
	color: #d0d9b3;
}

/* BALANCE LINK COLORS */
#contentBalance a { color: #69b9c1; }
#contentBalance a:hover { color: #4d898f; }
#contentBalance a:active { color: #f5f5f5; }

/* REBIRTH LINK COLORS */
#contentReBirth a { color: #8d9999; }
#contentReBirth a:hover { color: #f5f5f5; }
#contentReBirth a:active { color: #f5f5f5; }

/* Refills formatting
----------------------------------------------------*/
#sectionHeaderRefills {
	display:block;
	width: 895px;
	height: 56px;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	background-image:url(//a.phcdn.se/static/img/sectionHeaderRefills.gif);
}
#sectionHeaderRefills #subMenu{
	margin-top:7px;
}
#sectionLogo.refills {
	width: 320px;
	margin-left:0px;
}
#sectionLogo.refills h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoRefills.gif);
}
#sectionLogo.refills.ark h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoARK.gif);
}
#sectionLogo.refills.rdk h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoRDK.gif);
}
#sectionLogo.refills.rpi h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoRPI.gif);
}
#sectionLogo.refills.strings h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoStrings.gif);
}
#sectionLogo.refills.jason h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoJason.gif);
}
#sectionLogo.refills.melophobia h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoMelophobia.png);
}
#sectionLogo.refills.reggaeton h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoReggaeton.png);
}
#sectionLogo.refills.electromechanical h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoElectromechanical.gif);
}
#sectionLogo.refills.reb h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoREB.gif);
}
#sectionLogo.refills.altdrums h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoAltdrums.gif);
}
#sectionHeaderRefills #subMenu a {
	color: #fff;
}
#sectionHeaderRefills #subMenu a:hover,
#sectionHeaderRefills #subMenu a.active {
	color: #000;
}

/* Recycle formatting
----------------------------------------------------*/
#sectionHeaderRecycle {
	display:block;
	width: 895px;
	height: 56px;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	background-image:url(//a.phcdn.se/static/img/sectionHeaderRecycle.png);
}

#sectionLogo.recycle h2 {
	background-image: url(//a.phcdn.se/static/img/sectionLogoRecycle.png);
}
#sectionHeaderRecycle #subMenu a:link,
#sectionHeaderRecycle #subMenu a:visited {
	color: #fff;
}
#sectionHeaderRecycle #subMenu a:hover,
#sectionHeaderRecycle #subMenu a.active {
	color: #000;
}

#contentRecycle div.infoBoxTwoThirdLeft {
	background-image:url(//a.phcdn.se/static/img/infoBoxTwoThirdTopRecycle.gif);
}
#contentRecycle div.infoBoxTwoThirdLeftEnd {
	background-image:url(//a.phcdn.se/static/img/infoBoxTwoThirdEndRecycle.gif);
}

#contentRecycle div.infoBoxTwoThirdLeftSoundExamples {
	background-image:url(//a.phcdn.se/static/img/infoBoxTwoThirdTopRecycleSE.gif);
}
#contentRecycle div.infoBoxTwoThirdLeftSoundExamplesEnd{
	background-image:url(//a.phcdn.se/static/img/infoBoxTwoThirdEndRecycleSE.gif);
}

#contentRecycle div.infoBoxOneThirdRight{
	background-image:url(//a.phcdn.se/static/img/infoBoxOneThirdRightTopRecycle.png);
}
#contentRecycle div.infoBoxOneThirdRightEnd{
	background-image:url(//a.phcdn.se/static/img/infoBoxOneThirdRightEndRecycle.png);
}
#contentRecycle .infoBoxOneThirdRight h3,
#contentRecycle .infoBoxTwoThirdLeft h3 {
	color: #000;
}

#contentRecycle div.divider {
	background-image:url(//a.phcdn.se/static/img/dividerReCycle.png);
}

#contentRecycle {
	color: #000;
}
#contentRecycle div.infoBox {
	background-color: #28a5e9;
	color: #000;
}
#contentRecycle a {
	color: #27AAE1;
}
#contentRecycle a:hover {
	color: #4884C4;
}
#contentRecycle a:active {
	color: #27AAE1;
}
#contentRecycle a:visited {
	color: #27AAE1;
}

/* Fat footer
----------------------------------------------------*/

#footerLinks {
	background-color: #fff;
	display:inline;
	float: left;
	width: 895px;
	background-image:url(//a.phcdn.se/static/img/boxTop.gif);
	background-repeat: no-repeat;
	padding-top: 20px;
}

#footerLinks,
#footerLinks * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
}

#footerLinks .oneFourth,
#footerLinksReason .oneFourth,
#footerLinksRecycle .oneFourth,
#footerLinksRefills .oneFourth {
	padding-left: 10px;
	padding-right: 10px;
	width: 200px;
}
#footerLinks .oneThird,
#footerLinksReason .oneThird,
#footerLinksRecycle .oneThird,
#footerLinksRefills .oneThird {
	padding-left: 10px;
	padding-right: 10px;
	width: 275px;
}
#footerLinks .oneHalf,
#footerLinksReason .oneHalf,
#footerLinksRecycle .oneHalf,
#footerLinksRefills .oneHalf {
	padding-left: 10px;
	padding-right: 10px;
	width: 425px;
}

#footerLinks h4,
#footerLinksReason h4,
#footerLinksRecycle h4,
#footerLinksRefills h4 {
	font-size: 11px;
	line-height: 11px;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 7px;
	text-transform: uppercase;
	font-weight: normal;
	background-color: #8d9997;
	color: #FFF;
}

#footerLinks.frontpage h4 { background-color: #d7000a; }

#footerLinks p,
#footerLinksReason p,
#footerLinksRecycle p,
#footerLinksRefills {
	margin-bottom: 0px;
	padding-left: 10px;
	font-size: 11px;
	color: #888;
}

#footerLinks p.date,
#footerLinksReason p.date,
#footerLinksRecycle p.date,
#footerLinksRefills p.date {
	margin-bottom: 0.5em;
}

#footerLinks .newsItem.firstItem p.date {
	margin-bottom: 0;
}

#footerLinks p.fullText {
	margin-bottom: 0.5em;
}

#footerLinks a,
#footerLinksReason a,
#footerLinksRecycle a,
#footerLinksRefills a {
	font-size: 11px;
	padding-left:10px;
	padding-right: 10px;
	display:block;
	color: #888;
	text-decoration:underline;
}

#footerLinks a:hover {
	color: #000;

}

/* Fat footer Reason styles
----------------------------------------------------*/

#footerLinksReason {
	display:inline;
	float: left;
	width: 895px;
	background-color: #000;
	background-image:url(//a.phcdn.se/static/img/boxTopReason.gif);
	background-repeat: no-repeat;
	padding-top: 20px;
}

#footerLinksReason a:hover {
	color: #ccc;
}

/* Fat footer Recycle styles
----------------------------------------------------*/

#footerLinksRecycle {
	display:inline;
	float: left;
	width: 895px;
	background-color: #000;
	background-image:url(//a.phcdn.se/static/img/boxFullTopRecycle.gif);
	background-repeat: no-repeat;
	padding-top: 20px;
}

#footerLinksRecycle a:hover {
	color: #ccc;
}

/* Actual footer
----------------------------------------------------*/
#footer {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	display:inline;
	float: left;
	height:62px;
	width: 895px;
	background-image:url(//a.phcdn.se/static/img/footerBG.png);
	background-repeat: no-repeat;
	font-size: 9px;
	padding-top: 41px;
}

#footer #copyright {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	display: inline;
	float: left;
	margin-left: 80px;
}

#footer #copyright p {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	color: #000;
	font-size: 9px;
	line-height: 18px;
}

#footer #copyright a {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	color: #000;
	margin-left: 10px;
	text-decoration:none;
}

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

#footer #metanav {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	margin-right: 100px;
	display: inline;
	float: right;
	text-transform:uppercase;
}

#footer #metanav a {
	color: #fff;
	margin-left: 35px;
	text-decoration:none;
}

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

/* Actual footer Reason styles NOT USED
----------------------------------------------------*/
#footer.reason {
	background-image:url(//a.phcdn.se/static/img/footerBG.png);
}
/* Actual footer Reason styles
----------------------------------------------------*/
#footer.recycle {
	background-image:url(//a.phcdn.se/static/img/footerBGReCycle.gif);
}

/* This class can be applied to comparison chart tables for nice looks. */

table.comparison-chart {
	font-size: 13px;
	border: none;
	width: 635px;
	margin: 20px 130px;
	border-collapse: collapse;
	margin-bottom: 30px;
}

table.comparison-chart th {
	font-weight: bold;
	text-align: center;
}

table.comparison-chart td {
	height: 24px;
	vertical-align: middle;
	border-bottom: 1px solid #bdbdbd;
}

table.comparison-chart td.sectional {
	height: 40px;
	font-weight: bold;
	vertical-align: bottom;
	padding-bottom: 5px;
	border-bottom: none;
}

table.comparison-chart td.f1rst {
	height: 40px;
	font-weight: bold;
	vertical-align: bottom;
	padding-bottom: 5px;
	border-bottom: none;
}

table.comparison-chart .names {
	width: 245px;
}

table.comparison-chart .reasonlimited {
	width: 160px;
	border-right: 1px solid #bdbdbd;
}

table.comparison-chart .reasonessentials {
	width: 160px;
	border-right: 1px solid #bdbdbd;
}

table.comparison-chart .reason {
	width: 160px;
}

table.comparison-chart .textBold {
	font-weight: bold;
	text-align: center;
}

table.comparison-chart .yes1 {
	background: url(//a.phcdn.se/static/img/comparion-chart-reason-limited-yes.gif) no-repeat center center;
}

table.comparison-chart .yes2 {
	background: url(//a.phcdn.se/static/img/comparion-chart-reason-essentials-yes.gif) no-repeat center center;
}

table.comparison-chart .yes3 {
	background: url(//a.phcdn.se/static/img/comparion-chart-reason-yes.gif) no-repeat center center;
}

#distributor-info p {
	margin: 1em 0 0 0;
}

/* added for the new developer pages */

/* tables */

table.productTable th.companyName {
	width: 180px;
}

table.productTable th.name {
	width: 180px;
}

table.productTable th.productId {
	width: 180px;
}

table.small {
	width: 380px;
}

table.medium {
	width: 580px;
}

td.submitProduct {
	text-align: right;
}

tr.header {
	margin-bottom: 5px;
}

tr.header td {
	padding: 20px 10px 10px 0px;
	font-size: 20px;
	font-weight: bold;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

td.productLeft {
	width: 180px;
}

td.productStatus {
	width: 300px;
}

tr.title td {
	font-weight: bold;
	font-size: 15px;
	padding: 10px 0px 10px 0px;
}

td.label {
	font-weight: bold;
	padding-right: 20px;
}

table.wide {
	width: 96%;
}

table.fluffy {
	margin: 5px;
}

table.fluffy th {
	padding: 5px;
	font-weight: bold;
}

table.fluffy td {
	padding: 5px;
}

table.bordered {
	border: 1px solid #999;
	border-radius: 5px;
}

table.striped td {
	border-bottom: 1px solid #aaa;
}

table.striped tr.odd {
	background: #D5D5D5;
}

table.striped tr:hover {
	background: #bbb;
}

table.striped tr:hover span.inactive {
	color: black;
}

table.striped th {
	font-weight: bold;
	border-bottom: 1px solid #aaa;
	background: #f1f1f1;
}

td.right, th.right {
	text-align: right;
}

tr.superFluffy td {
	padding: 20px;
}

textarea.niceish {
	color: #333;
	padding: 8px;
	margin: 10px;
	border: 1px solid #cccccc;
	line-height: 130%;
	font-size: 12px;
	font-family: Arial, sans-serif;
}

label.large {
	width: 300px;
}

span.highlight {
	color: #B51621;
}

span.lighter {
	color: #555;
}

span.paginationLink {
	font-size: 14px;
	margin-right: 5px;
}

h2.formHeadline {
	margin-top: 30px;
	margin-bottom: 10px;
}

div.actionResponse {
	padding: 20px;
	border: 2px solid #aaa;
	border-radius: 5px;
	width: 80%;
	margin: 10px 10px 10px 0px;
}

div.actionResponse.ok
{
	border-color: #1a1;
	background-color:#efe;
}

div.actionResponse.error
{
	border-color: #a11;
}

div.search {
	margin: 20px 0 20px 0;
}

/* errors */
div.error {
	padding: 20px;
	color: #d7000a;
}

p.error {
	color: #d7000a;
}

/* warnings */
div.warning {
	padding: 20px;
	color: #CC5F06;
}

p.warning {
	color: #CC5F06;
}

/* misc */
hr.light {
	border: 1px solid #ccc;
}

hr.fluffy {
	margin-top: 20px;
	margin-bottom: 20px;
}

p.fluffy {
	margin-top: 10px;
	margin-bottom: 10px;
}

h4.fluffy {
	margin-top: 20px;
}

h3.fluffy {
	margin-top: 20px;
}

h2.fluffy {
	margin-top: 20px;
}

div.highlight {
	background: #fff9d7;
	border: 1px solid #E2C822;
}

div.fluffy {
	padding: 20px;
	margin: 20px 0 20px 0;
}

.center {
	text-align: center;
}

span.smallLight {
	font-size: 11px;
	color: #aaa;
}

span.small {
	font-size: 11px;
}

div.existingValue {
	clear: both;
}

div #uploadButton {
	margin-top: 10px;
}

.hidden {
	display: none;
}

#messages {
	margin-top: 20px;
	border: 1px solid #ccc;
	padding: 20px;
	border-radius: 5px;
}

/* show loading css */
.loading-indicator {
	height: 80px;
	width: 80px;
	background: url(//a.phcdn.se/static/img/lightbox-loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

label.checkbox,
label.radiobutton {
	display: inline;
	float: none;
	font-weight: normal;
}

.loading-indicator-overlay {
	background-color: #FFFFFF;
	opacity: 0.6;
	filter: alpha(opacity = 60);
}

/* uploadify */
.actionButton:hover {
	cursor: pointer;
}

.actionButton {
	/* imitating the uploadify select-file-button */
	text-align: center;
	border-radius: 3px;
	height: 20px;
	color: #fff;
	padding: 5px;
	margin-top: 5px;
	width: 180px;
	font-size: 13px;
	background: #535353;
	background-image: linear-gradient(bottom, rgb(68,68,68) 9%, rgb(94,94,94) 55%);
	background-image: -o-linear-gradient(bottom, rgb(68,68,68) 9%, rgb(94,94,94) 55%);
	background-image: -moz-linear-gradient(bottom, rgb(68,68,68) 9%, rgb(94,94,94) 55%);
	background-image: -webkit-linear-gradient(bottom, rgb(68,68,68) 9%, rgb(94,94,94) 55%);
	background-image: -ms-linear-gradient(bottom, rgb(68,68,68) 9%, rgb(94,94,94) 55%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.09, rgb(68,68,68)),
		color-stop(0.55, rgb(94,94,94))
	);
}

.actionButton a {
	color: #ffF;
	text-decoration: none;
}

.actionButton a:hover {
	color: #fff;
}

a.button {
	text-decoration: none;
}

span.status {
	font-weight: bold;
}

span.positive {
	color: #4F7859;
}

span.negative {
	color: #aa0028;
}

span.inactive {
	color: #bbb
}

.licenseTextWrapper {
	margin-top: 20px;
}

.licenseText {
	border-top: 1px solid #ccc;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px;
	height: 280px;
	width: 800px;
	overflow: scroll
}

#agreeWrapper {
	width: 760px;
}

.formReferenceInfo {
	color: #ccc;
	margin-top: 5px;
	margin-bottom: 10px;
}

.thirdPartyMarketing strong.ok {
	color: #0a0;
}

.thirdPartyMarketing strong.not-ok {
	color: #c00;
}

.thirdPartyMarketing .example-logo-box {
	clear: both;
	margin-top: 2em;
}

.thirdPartyMarketing .example-logo-box img {
	float: left;
	margin-right: 1em;
}

.thirdPartyMarketing .example-logo-box h4 {
	line-height: 1;
}

.thirdPartyMarketing .example-logo-box p {
	margin: 5px 0 0 0;
}

.thirdPartyMarketing li img {
	margin-top: 1em;
}

.user-agreements #table-of-contents {
	list-style: disc inside;
	margin: 1.5em 0 0 0;
	padding: 0;
}

.user-agreements h4 {
	margin: 1.5em 0 0 0;
}

.user-agreements p {
	margin: 1em 0 0 0;
}

.user-agreements .chapter {
	display: inline-block;
	font-weight: bold;
	width: 2.5em;
}

.rack-extension-operation-manuals,
.installation-manuals {
	line-height: 1.75;
	margin-top: 0.5em;
}

.rack-extension-operation-manuals a img,
.pdf-link img {
	vertical-align: top;
	margin-right: 0.5em;
}

.upgrade-download-box {
	clear: both;
	line-height: 15px;
	margin-top: 1em;
}

.upgrade-download-box img {
	float: left;
	margin-right: 1em;
}

.REEbackground {
	background: url(//a.phcdn.se/static/img/reason-essentials-background.jpg) no-repeat top right;
}

/* CSS for the new Classic vs. Shop */

#shopTopDivider {
	display: inline;
	float: left;
	width: 895px;
	height: 25px;
	background-image:url(//a.phcdn.se/static/img/topBoxesBackgroundShop.png);
	background-repeat: repeat-y;
}

#shopTopBoxes {
	background-color: #d7000a;
	clear: both;
}

#shopTopBoxes .oneHalf {
	display: block;
	width: 385px;
	height: 259px;
	background-repeat: no-repeat;
	padding-left: 0;
}

#shopTopBoxes #boxOne {
	margin-right: 40px;
	background-image: url(//a.phcdn.se/static/img/shopLeftBoxBackground.png);
}

#shopTopBoxes #boxTwo {
	background-image: url(//a.phcdn.se/static/img/shopRightBoxBackground.png);
	background-position: top right;
	margin-left: 25px;
}

#shopTwoBoxesTop {
	display: inline;
	float: left;
	width: 895px;
	height: 35px;
	background-image:url(//a.phcdn.se/static/img/twoBoxesTopShop.png);
	background-repeat: no-repeat;
}

#shopTwoBoxes {
	background: white url(//a.phcdn.se/static/img/twoBoxesBackground.png) repeat-y;
	clear: both;
	font-size: 200%;
}

#shopTwoBoxes .oneHalf img {
	float: left;
}

#shopTwoBoxes .oneHalf {
	line-height: 187px;
}

#shopTwoBoxes .oneHalf img {
	margin-left: 52px;
}

#shopTwoBoxes .first img {
	margin-left: 46px;
}

#shopFourBoxesTop {
	display: inline;
	float: left;
	width: 895px;
	height: 15px;
	background-image:url(//a.phcdn.se/static/img/fourBoxesTopShop.png);
	background-repeat: no-repeat;
}

#shopFourBoxes {
	background: white url(//a.phcdn.se/static/img/fourBoxesBackgroundShop.png) repeat-y;
	clear: both;
	font-size: 150%;
}

#shopTwoBoxes .oneHalf img,
#shopFourBoxes .oneFourth {
	margin-top: 13px;
	margin-bottom: 13px;
}

#shopContentEnd {
	display: inline;
	float: left;
	width: 895px;
	height: 10px;
	background-image:url(//a.phcdn.se/static/img/boxBottomShop.png);
	background-repeat: no-repeat;
}

#shopTopBoxes,
#shopTwoBoxes,
#shopFourBoxes {
	text-align: center;
}

#shopTopBoxes .oneHalf,
#shopTwoBoxes .oneHalf {
	margin-bottom: 0;
	padding-bottom: 0;
}

#shopFourBoxes .oneFourth {
	margin-bottom: 0;
	padding-bottom: 0.5em;
}

#shopFourBoxes .oneFourth img {
	padding-bottom: 0.5em;
}

#shopTwoBoxes,
#shopTwoBoxes a,
#shopFourBoxes,
#shopFourBoxes a {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #8e9897;
	text-transform: uppercase;
	text-decoration: none;
}

/* Styles for the tag selector search on the ReFill page. */

.tag-selector {
	margin-bottom: 1em;
	line-height: 1;
}

.tag-button {
	float: left;
	background-color: #afbcbc;
	color: white !important;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 6px;
	margin: 0 4px 4px 0;
	text-decoration: none;
	border-radius: 4px;
}

.tag-button:hover {
	background-color: #8c9896;
	cursor: pointer;
}

.tag-button.disabled {
	background-color: #dae6e6;
	color: #afbfcc;
	cursor: default;
}

.tag-button.active,
.tag-button.active:hover {
	background-color: black;
}

.reset-button {
	float: left;
	background-color: #afbcbc;
	color: white !important;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 6px;
	margin: 0 4px 4px 0;
	text-decoration: none;
	border-radius: 4px;
}

.reset-button:hover {
	background-color: #8c9896;
	cursor: pointer;
}

.reset-button.disabled {
	background-color: #dae6e6;
	color: #afbfcc;
	cursor: default;
}

.reset-button.active,
.reset-button.active:hover {
	background-color: black;
}

#tag-result-button, #view-all-tags-link {
	line-height: 1;
	background-color: #ce0019;
}

#tag-reset-button {
	line-height: 1;
	padding: 2px 4px;
	border: 2px solid #778080;
	background-color: white !important;
	color: #778080 !important;
}

#tag-results {
	line-height: 1;
}

#tag-results strong {
	display: block;
	float: left;
	padding: 4px 6px;
	margin: 0 4px 4px 0;
}

/* Styles for the social buttons on every page head. */
#social-buttons {
	float: left;
}

#social-buttons a {
	width: 41px;
	height: 41px;
	display: block;
	float: left;
	background-image: url(//a.phcdn.se/static/img/logo-search-social-rs.png);
	background-repeat: no-repeat;
}

#facebook-button { background-position: -405px -41px; }

	#facebook-button:hover { background-position: -405px 0; }

#twitter-button { background-position: -446px -41px; }

	#twitter-button:hover { background-position: -446px 0; }

#youtube-button { background-position: -487px -41px; }

	#youtube-button:hover { background-position: -487px 0; }

#google-button { background-position: -528px -41px; }

	#google-button:hover { background-position: -528px 0; }

/* Styles for the "Related Reading" section. */
#related-reading h4 {
	width: 274px;
	height: 61px;
	margin-left: -10px;
	margin-bottom: 11px;
}

#related-reading .artist-stories h4 { background-image: url(//a.phcdn.se/static/img/related-reading-artist-stories.jpg); }
#related-reading .products h4 { background-image: url(//a.phcdn.se/static/img/related-reading-products.jpg); }
#related-reading .tutorials h4 { background-image: url(//a.phcdn.se/static/img/related-reading-tutorials.jpg); }
#related-reading .faq-tricks h4 { background-image: url(//a.phcdn.se/static/img/related-reading-faq-tricks.jpg); }
#related-reading .education h4 { background-image: url(//a.phcdn.se/static/img/related-reading-education.jpg); }

.soundcloud-link {
	display: inline-block;
	background-color: #aebcbc;
	font-size: 11px;
	height: 40px;
	line-height: 40px;
	padding: 0 8px;
	margin-top: 1em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.soundcloud-link:hover {
	color: black;
}

.soundcloud-play-icon {
	float: left;
	background: url(//a.phcdn.se/static/img/forum-sound-cloud.png) no-repeat top left;
	width: 24px;
	height: 24px;
	margin: 8px 0;
}

.soundcloud-link:hover .soundcloud-play-icon {
	background-position: bottom left;
	cursor: pointer;
}

.soundcloud-title {
	margin-left: 32px;
}

/* Developer pages menu, with some extra space. */

#sectionHeader.developer {
	background-image: url(//a.phcdn.se/static/img/sectionHeaderDeveloper.gif);
}

#sectionLogo.developer {
	width: 150px;
}

#subMenu.developer {
	width: auto;
}