@font-face
{
	font-family:CachetStandard;
	src:url('../fonts/CachetStd-Medium.eot');
	src:url('../fonts/CachetStd-Medium.eot?#iefix') format('embedded-opentype'),
			url('../fonts/CachetStd-Medium.otf') format('opentype');
}

@font-face
{
	font-family:ProximaNova;
	src:url('../fonts/ProximaNova-Regular.eot');
	src:url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
			url('../fonts/ProximaNova-Regular.otf') format('opentype');
	font-weight:normal;
}

@font-face
{
	font-family:ProximaNova;
	src:url('../fonts/ProximaNova-Bold.eot');
	src:url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
			url('../fonts/ProximaNova-Bold.otf') format('opentype');
	font-weight:bold;
}

.centred
{
	width:978px;
	margin:0px auto;
}

.float-clear
{
	clear:both;
	height:1px;
	overflow:hidden;
}

.hidden
{
	position:absolute;
	left:-10000px;
	text-decoration:none !important;
	font-size:1px !important;
}

html, body
{
	margin:0px;
	padding:0px;
	height:100%;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
}

html
{
	font-family:Verdana, Sans-Serif;
	font-size:55%;
	-webkit-font-smoothing:antialiased;
}

body
{
	font-size:1.5em;
	line-height:1.4em;
	color:#333;
}

.row-centered 
{
    text-align:center;
}

.col-centered 
{
    display:inline-block;
    float:none !important;
    text-align:left;
    margin-right:-4px;
}

#modal-alert-panel
{
	position:fixed;
	z-index:1000001;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.5);
}

#modal-alert-panel > div
{
	-webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	width: 100%;
	max-width:450px;
	margin: 20% auto 0px auto;
	padding:30px;
	border-radius:10px;
	background-color:#fff;
}

#modal-alert-title
{
	margin:0px 0px 20px 0px;
	font-family:ProximaNova;
	font-weight:bold;
	font-size:1.6em;
}

#modal-alert-message
{
	margin:0px 0px 20px 0px;
	font-family:ProximaNova;
	font-size:1.066em;
}

#modal-alert-buttons
{
	text-align:center;
}

#modal-alert-buttons input
{
	font-size:1.1em;
}

#video-box
{
	position:fixed;
	z-index:1000001;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.5);
}

#video-box > div
{
	position:relative;
	width:960px;
	margin:150px auto 0px auto;
	-webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

#video-box > div > *
{
	display:block;
	width:100%;
	z-index:1111111110;
}

#video-box > div > img
{
	position:absolute;
	z-index:1111111111;
	right:-31px;
	top:-31px;
	width:auto;
	cursor:pointer;
}

.validation-message
{
	color:#f00;
}

header
{
	height:121px;
	position:relative;
}

#logo
{
	position:absolute;
	top:52px;
	left:73px;
}

header #secure-badge
{
	position:absolute;
	top:39px;
	right:84px;
	width:100px;
	height:73px;
	overflow:hidden;
}

header #secure-badge a
{
	display:none;
}

header #sonos-logo {
	position: absolute;
	top: 65px;
	right: 220px;
	overflow: hidden;
}

header #sonos-logo img {
	width: 120px;
}

header nav
{
	position:absolute;
	top:57px;
	right:86px;
}

header nav ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

header nav li
{
	float:left;
	margin:0px 0px 0px 16px;
	padding:0px;
}

header nav a
{
	color:#999;
	font-family:CachetStandard;
	font-size:1.2em;
	text-decoration:none;
}

header nav a:hover,
body.affiliate #nav-affiliate,
body.contact #nav-contact,
body.media #nav-media,
body.faqs #nav-faqs,
body.account #nav-account
{
	color:#ff007f;
}

header nav a.button
{
	margin:-13px 0px 0px 4px;
	background-color:#ff007f;
	padding:12px 2px 10px 2px !important;
	color:#fff !important;
}

header nav li.get-nav-item
{
	position: relative;
}

header nav li.get-nav-item .get-nav-box
{
	position: absolute;
	left: -7px;
	top: 34px;
	background-color: #ffffff;
	border: solid 1px #bbbbbb;
	padding: 9px;
	z-index: 2000;
	display: none;
}

header nav li.get-nav-item .get-nav-box-tip
{
	position: absolute;
	left: 61px;
	top: -11px;
}

header nav li.get-nav-item .get-nav-box a.button
{
	margin: 0;
	display: block;
}

header nav li.get-nav-item .get-nav-box a.button.get-nav-trial-button
{
	background-color: #c7d500;
}

header nav li.get-nav-item .get-nav-box a.button.get-nav-subscribe-button
{
	margin-bottom: 9px;
	background-color: #00bfff;
}
header nav li.get-nav-item .get-nav-box a.button.get-nav-subscribe-button:hover, 
header nav li.get-nav-item .get-nav-box a.button.get-nav-trial-button:hover
{
	background-color: #ff007f;
}

header nav li.login-nav-item a.button
{
	margin:-13px 0px 0px 4px;
	background-color:#ffffff;
	border: solid 2px #ff007f;
	padding:10px 0px 8px 0px !important;
	color:#ff007f !important;
}

#main
{
	margin-top:-121px;
	min-height:100%;
}

#page-content
{
	padding-top:121px;
	padding-bottom:330px;
}

body.home #page-content
{
	padding-bottom:324px;
}

#notification
{
	margin:-4px 0px 23px 0px;
	background-color:#ffefbf;
	font-size:1.06em;
}

#notification div.centred
{
	display:table;
	width:703px;
}

#notification-title
{
	display:table-cell;
	vertical-align:middle;
	height:43px;
	padding:15px 15px 12px 0px;
	font-weight:bold;
}

#notification-message
{
	display:table-cell;
	vertical-align:middle;
	height:43px;
	padding:15px 0px 12px 0px;
}

footer
{
	/*
	No use for this
	margin-top:-172px;
	height:171px;
	border-top:1px solid #666;
	background-color:#333;
	position:relative;
	*/
}

body.home footer
{
	/*
	margin-top:-324px;
	height:323px;
	*/
}

#fitplay img
{
	display:block;
	margin:14px auto 0px auto;
}

body.home #fitplay img
{
	display:block;
	margin:-120px auto 0px auto;
}

#copyright-developer
{
	background-color:#000;
	position:absolute;
	width:100%;
	bottom:0px;
	border-top:1px solid #191919;
	color:#fff;
	font-size:0.65em;
	line-height:37px;
}

#copyright-developer a
{
	color:#fff !important;
	text-decoration:none;
}	

#copyright-developer span
{
	padding-left:13px;
}

#copyright-developer div
{
	float:right;
	position:relative;
	padding-right:112px;
}

#copyright-developer a img
{
	position:absolute;
	right:14px;
	top:10px;
}

h1
{
	margin:0px;
	padding:26px 0px 24px 0px;
	text-align:center;
	font-family:CachetStandard;
	font-weight:normal;
	font-size:2.66em;
	color:#ff007f;
}

h1 a
{
	color:#999;
	text-decoration:none;
}

h1 a.current
{
	color:#ff007f;
}

h2
{
	margin:0px;
	padding:23px 0px 0px 0px;
	text-align:left;
	font-family:ProximaNova;
	font-size:1.6em;
}

h3
{
	margin:0px;
	padding:20px 0px 7px 0px;
	font-family:ProximaNova;
	font-size:1.066em;
}

img
{
	border:0px;
	-ms-interpolation-mode:bicubic;
	image-rendering:optimizeQuality;
}

a
{
	color:#000;
}

a:hover
{
	color:#ff007f !important;
}

section.narrow
{
	width:474px;
	margin:0px auto;
}

section.medium
{
	width:677px;
	margin:0px auto;
}

form
{
	margin:0px;
	padding:0px 0px 18px 0px;
}

form table
{
	border:0px;
	border-spacing:0px;
	margin:0px 0px 12px 0px;
}

form table caption
{
	margin:0px;
	padding:15px 0px 7px 0px;
	text-align:left;
	font-family:ProximaNova;
	font-size:1.066em;
	font-weight:bold;
}

form table th,
form table td
{
	padding:0px 0px 8px 0px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}

form table th
{
	width:80px;
	padding-top:10px;
	font-size:0.93em;
}

form .mandatory-indicator
{
	color: #ff007f;
}

form table td.input-cell
{
	display:table;
}

form table td.value-only-cell
{
	padding-top: 10px;
}

form table td input
{
	float:left;
	margin-right:7px;
}

form table td span.validation-message
{
	display:table-cell;
	vertical-align:middle;
	max-width:120px;
	font-size:0.73em;
	line-height:1.1em;
}

form table td.validation-message-below span.validation-message
{
	display: block;
	max-width: none;
	padding-top: 4px;
	clear: both;
}

form table td span.validation-message span
{

}

form table tr.button-cell td
{
	padding-top:10px;
}

form table tr.button-cell a
{
	font-size:0.86em;
	line-height:37px;
}

.notation
{
	font-size: 90%;
	color: #999999;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=password],
textarea
{
	border:1px solid #acacac;
	border-radius:5px;
	min-width:194px;
	font-family:ProximaNova;
	font-weight:bold;
	font-size:0.93em;
	padding:11px 13px 9px 13px;
	color:#333;
	-webkit-appearance:none;
	-webkit-font-smoothing:antialiased;
}

input[type=text].wide,
input[type=email].wide,
input[type=tel].wide,
input[type=password].wide
{
	min-width: 420px;
}

textarea {
	min-width: 244px;
}

a.button,
input[type=submit],
input[type=button],
button
{
	display:inline-block;
	text-align:center;
	border:0px;
	border-radius:8px;
	min-width:100px;
	margin-right:15px;
	padding:12px 13px 11px 13px;
	background-color:#999;
	font-family:ProximaNova !important;
	font-weight:bold !important;
	font-size:0.93em !important;
	color:#fff !important;
	-webkit-appearance:none;
	-webkit-font-smoothing:antialiased;
	cursor:pointer;
}

a.button
{
	min-width:120px;
	padding:9px 13px 7px 13px;
	text-decoration:none;
}

a.button:hover,
input[type=submit]:hover,
input[type=button]:hover,
button:hover
{
	background-color:#ff007f;
	color:#fff !important;
}

span.select
{
	display:inline-block;
	position:relative;
	border:1px solid #acacac;
	border-radius:5px;
	margin-right:7px;
	background-image:url(../img/select-arrow.2.0.png);
	background-image:url(../img/select-arrow.1.0.png)\9;
	background-size:38px 33px;
	background-position:right center;
	background-repeat:no-repeat;
}

span.select span
{
	position:absolute;
	z-index:0;
	left:0px;
	top:0px;
	font-family:ProximaNova;
	font-weight:bold;
	font-size:0.93em;
	padding:12px 12px 5px 12px;
	white-space:nowrap;
	overflow:hidden;
}

span.select select
{
	position:relative;
	z-index:1;
	margin:0px;
	border:0px;
	padding:12px 49px 10px 13px;
	opacity:0.01;
	filter:alpha(opacity=1);
	font-family:ProximaNova;
	font-weight:bold;
	font-size:0.93em;
	color:#333;
	cursor:pointer;
	-webkit-appearance:none;
}

span.checkbox,
span.radio
{
	display:inline-block;
	width:15px;
	height:15px;
	overflow:hidden;
	margin-right:10px;
	position:relative;
	top:2px;
	border:1px solid #9d9d9d;
	border-radius:4px;
	background-color:#fff;
}

span.radio
{
	border-radius:9px;
	width:16px;
	height:16px;
	margin-right:8px;
}

span.checkbox.checked
{
	border-color:#ff007f;
	background-color:#ff007f;
	background-image:url(../img/checkbox-tick.2.0.png);
	background-image:url(../img/checkbox-tick.1.0.png)\9;
	background-size:85% 85%;
	background-repeat:no-repeat;
	background-position:center center;
}

span.radio.checked
{
	background-image:url(../img/radio-on.2.0.png);
	background-image:url(../img/radio-on.1.0.png)\9;
	background-size:87% 87%;
	background-repeat:no-repeat;
	background-position:1px 1px;
}

span.checkbox input,
span.radio input
{
	opacity:0.01;
	filter:alpha(opacity=1);
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	cursor:pointer;
}

.tooltip
{
	font-size:0.93em;
	color:#467996;
	cursor:help;
}

aside
{
	float:right;
	width:196px;
	margin:-12px 0px 0px 10px;
	padding:12px 13px 10px 13px;
	border-radius:11px;
	background-color:#fff5df;
	font-size:0.86em;
}

aside h3
{
	margin:0px !important;
	padding:1px 0px 8px 30px !important;
	font-size:1.25em !important;
	background-image:url(../img/aside-icon.2.0.png);
	background-image:url(../img/aside-icon.1.0.png)\9;
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-size:22px 22px;
}

aside p
{
	margin:10px 0px 0px 0px !important;
}

.content-section
{
	padding-bottom:10px;
}

.content-image
{
	margin:15px 0px 15px 0px;
}

.content-image.left
{
	float:left;
	margin-right:15px;
}

.content-image.right
{
	float:right;
	margin-left:15px;
}

.content-image img
{
	display:block;
	border-radius:11px;
}

.stored-card
{
	background-color:#fff5df;
	margin:20px 0px 0px 0px;
	padding:8px 28px 18px 28px;
}

.stored-card h4
{
	margin:0px 0px 0px 0px !important;
	font-size:1.06em !important;
}

.stored-card p
{
	margin:0px 0px 12px 0px !important;
}

.stored-card img
{
	float:left;
	background-color:#fff;
	margin:0px 16px 10px -2px;
	padding:8px;
}

.stored-card strong
{
	font-size:1.06em;
}

.stored-card a
{
	font-size:0.93em;
}

.song-playback-list
{
	position:relative;
}

.song-playback-list ul
{
	background-color:#fff;
	margin:0px;
	padding:15px 31px 42px 27px;
	list-style-type:none;
}

.song-playback-list li
{
	position:relative;
	z-index:1;
	border-top:1px solid #3ab9eb;
	border-bottom:1px solid #3ab9eb;
	margin-top:-1px;
	padding:14px 20px 8px 56px;
}

.song-playback-list li:last-child
{
	border-bottom:0px;
}

.song-playback-list li.playing
{
	border-color:#ff007f;
	z-index:2;
}

.song-playback-list li .play-pause
{
	position:absolute;
	left:11px;
	top:18px;
	width:20px;
	height:22px;
	border:0px;
	padding:0px;
	margin:0px;
	background-color:transparent;
	background-image:url(../img/controls-play.2.0.png);
	background-image:url(../img/controls-play.1.0.png)\9;
	background-size:20px 44px;
	cursor:pointer;
}

.song-playback-list li .play-pause:hover
{
	background-position:left -22px;
}

.song-playback-list li.playing .play-pause
{
	background-image:url(../img/controls-pause.2.0.png);
	background-image:url(../img/controls-pause.1.0.png)\9;
}

.song-playback-list .song-title
{
	font-weight:bold;
	font-size:1.06em;
	color:#3ab9eb;
	line-height:1.06em;
}

.song-playback-list li.playing .song-title
{
	color:#ff007f;
}

.song-playback-list .audiojs
{
	width:1px !important;
	height:1px !important;
	overflow:hidden !important;
}

.song-playback-list .progress
{
	display:none;
	width:100%;
	height:9px;
	margin:7px 0px 5px -44px;
	background-color:#ddd;
	padding-left:58px;
	border-radius:4.5px;
	position:relative;
}

.song-playback-list .progress span
{
	position:absolute;
	left:0px;
	top:0px;
	width:0%;
	height:9px;
	background-color:#ff007f;
	border-radius:4.5px;
}

.song-playback-list .message
{
	padding:7px 0px 5px 0px;
	text-align:center;
	font-size:1.06em;
	font-weight:bold;
	text-transform:uppercase;
	color:#999;
}

.table-cell
{
	display:table-cell;
	white-space:nowrap;
}

.credit-card-form th
{
	width:100px;
}

.credit-card-form #cc-name,
.credit-card-form #cc-number
{
	width:210px;
}

.credit-card-form #cc-security-code
{
	width:60px;
	min-width:60px;
}

.credit-card-form .tooltip
{
	float:left;
	position:relative;
	top:9px;
	margin-right:7px;
	font-size:0.86em;
}

.monthly-cost-breakdown
{
	font-size:0.86em;
	text-decoration:underline;
	cursor:pointer;
}

/* Homepage stuff */

body.home h1
{
	display:none;
}

body.home #hero-images
{
	width:100%;
	position:relative;
}

body.home #hero-images > img.slide-fill
{
	position:relative;
	z-index:1;
	display:block;
	width:100%;
	//min-width:978px;
}

body.home #hero-images .video-holder
{
	position:absolute;
	left: 0;
	top: 0;
	width:100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #000;
	display: none;
}

body.home #hero-images .video-holder.on
{
	z-index: 3;
	display: block;
}

body.home #hero-images ul
{
	position:absolute;
	left:0px;
	top:0px;
	z-index:2;
	width:100%;
	margin:0px;
	padding:0px;
	list-style-type:none;
	height: 100%;
	background-color: #ffffff;
}

body.home #hero-images ul.off
{
	top:-1000px;
}

body.home #hero-images li
{
	position:absolute;
	left:0px;
	top:0px;
	display:none;
	width:100%;
	min-width:978px;
	padding:0px;
	margin:0px;
}

body.home #hero-images li:first-child
{
	display:block;
}

body.home #hero-images ul img
{
	width:100%;
}

body.home #hero-images li > span
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	min-width:978px;
	opacity:0.75;
	filter:alpha(opacity=75);
	text-align:center;
}

body.home #hero-images li > span:before
{
	content:'';
	display:inline-block;
	height:100%;
	vertical-align:middle;
	margin-right:-0.25em;
}

body.home #hero-images li > span > span
{
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	line-height:100%;
	font-size:17em;
	letter-spacing:-0.05em;
	font-family:CachetStandard;
	color:#00bfff;
}

body.home #hero-images .play-hero-video
{
	position: absolute; 
	bottom: 40px; 
	right: 80px; 
	z-index: 5000;
	cursor: pointer;
	width: 150px;
	height: 184px;
}

body.home #page-nav
{
	position:relative;
	padding:51px 0px 84px 0px;
	background-color:#333;
	color:#fff;
}

body.home #page-nav ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

body.home #page-nav li
{
	float:left;
	width:304px;
	margin:0px 11px;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:58px 58px;
	padding-top:53px;
	text-align:center;
}

body.home #nav-question
{
	background-image:url(../img/home-nav-question.2.0.png);
}

body.home #nav-music
{
	background-image:url(../img/home-nav-music.2.0.png);
}

body.home #nav-trial
{
	background-image:url(../img/home-nav-trial.2.0.png);
}

body.home #page-nav h2
{
	margin:0px 0px 8px 0px;
	font-size:1.4em;
	text-align:center;
}

body.home #page-nav p
{
	margin:0px 0px 20px 0px;
	padding:0px 3px;
	line-height:1.5em;
}

body.home #page-nav div.button
{
	width:304px;
	position:absolute;
	bottom:60px;
}

body.home #page-nav a.button
{
	margin:0px;
	padding:8px 22px 8px 8px !important;
	font-size: 1.5em;
	background-color: transparent;
	background-position: right center;
	background-repeat: no-repeat;
	width: auto;
	min-width: 0;
}

body.home #nav-question a.button,
body.home #nav-question a.button:hover
{
	color:#c7d500 !important;
	background-image: url(../img/home-arrow-green.png);
}

body.home #nav-music a.button,
body.home #nav-music a.button:hover
{
	color:#00bfff !important;
	background-image: url(../img/home-arrow-blue.png);
}

body.home #nav-trial a.button,
body.home #nav-trial a.button:hover
{
	color:#ff007f !important;
	background-image: url(../img/home-arrow-pink.png);
}

body.home #new-music
{
	position:relative;
	padding:3px 0px 0px 0px;
	background-color:#111;
}

body.home #new-music div.new-music-bar
{
	position:absolute;
	height:62px;
	width:100%;
	bottom:0px;
	background-color:#111;
	z-index:1;
}

body.home #new-music div.centred
{
	position:relative;
	width:100%;
	min-width:978px;
	max-width:1200px;
	z-index:2;
}

body.home #new-music h2
{
	margin:0px 0px 7px 0px;
	color:#fff;
	font-family:CachetStandard;
	font-size:30px;
	text-align:center;
	font-weight:normal;
}

body.home #new-music ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

body.home #new-music li
{
	float:left;
	width:16.666666%;
	max-width:200px;
}

body.home #new-music li h3
{
	margin:0px 0px -4px 0px;
	text-align:center;
	font-size:1.06em;
	color:#00bfff;
}

body.home #new-music li div.new-music-artwork-holder
{
	max-width: 200px;
	height: 200px;
	position: relative;
	overflow: hidden;
}


body.home #new-music li div.new-music-artwork
{
	position: absolute;
	max-width:200px;
	max-height:200px;
}

body.home #new-music li img
{
	max-width:200px;
	max-height:200px;
	display:block;
}

body.home #new-music div.new-music-hover
{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index: 10;
	display: none;
}

body.home #new-music div.new-music-hover-button 
{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	display: none;
}

body.home #new-music div.new-music-hover-button div
{
	margin: 81px auto 0;
	width: 140px;
	padding: 10px 0;
	background-color: #ef006f;
	color: #ffffff;
	opacity: 1;
	text-align: center;
	border-radius: 8px;
	font-family: ProximaNova;
	font-weight: bold;
	font-size: 1.2em;
}

body.home #new-music li div.new-music-info
{
	padding:12px 10px 0px 10px;
	height:49px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:pre;
	text-align:center;
	color:#fff;
	line-height:1.4em;
	font-size:0.67em;
}

body.home #about
{
	/* background-color:#fff; */
	background-color:#333;
	color: #ffffff;
	padding-top:80px;
}

body.home #about .about-section
{
	//padding:0px 65px 64px 65px;
}

body.home #about .about-section h2
{
	margin:0px;
	padding:48px 0px 0px 0px;
	font-size:2.26em;
	font-family:CachetStandard;
	font-weight:normal;
	color:#c5d300;
}
/*
body.home #about .about-section img
{
	border-radius:55px;
	float:right;
	//margin:0px 100px 0px 75px;
	width:222px;
	height:222px;
}

body.home #about .about-section.video-trigger-holder
{
	position: relative;
}

body.home #about .about-section.video-trigger-holder .video-hover
{
	background-color: #000000;
	opacity: 0;
	position: absolute;
	width: 222px;
	height: 222px;
	border-radius: 55px;
	left: 165px;
	display: none;
}

body.home #about .about-section.video-trigger-holder .video-hover-button
{
	position: absolute;
	width: 222px;
	height: 222px;
	left: 165px;
	text-align: center;
	cursor: pointer;
	opacity: 0;
	z-index: 20;
}
*/
body.home #about .about-section.video-trigger-holder .video-hover-button img
{
	float: none;
	margin: 40px 0 0;
	width: 120px;
	height: auto;
	border-radius: 0;
}

body.home #about .about-section:nth-child(odd) img
{
	//float:left;
	//margin:0px 75px 0px 100px;
}

body.home #about .about-section .video-embed
{
	display:none;
}

body.home #question
{
	background-color:#c7d500;
}

body.home #question h2
{
	padding:41px 0px 140px 0px;
	text-align:center;
	font-family:CachetStandard;
	font-weight:normal;
	color:#fff;
	font-size:1.73em;
}

body.home #question-content
{
	background-color:#fff;
	padding-bottom:64px;
}

body.home #question-content ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

body.home #question-content li
{
	position:relative;;
	float:left;
	width:222px;
	margin:0px 15px;
	padding-top:100px;
}

body.home #question-content li:first-child
{
	margin-left:0px;
}
body.home #question-content li:last-child
{
	margin-right:0px;
}

body.home #question-content h3
{
	margin:0px;
	padding:6px 0px 9px 0px;
	font-size:1.4em;
}

body.home #question-content p
{
	margin:0px;
	padding:4px 0px 0px 0px;
}

body.home #question-content li h3
{
	padding:33px 2px 9px 0px;
}

body.home #question-content li img
{
	position:absolute;
	top:-114px;
	width:222px;
	height:222px;
}

body.home #question-content li p
{
	padding:0px 2px;
}

body.home #labels
{
	clear:both;
	padding:40px 0px 40px 0px;
}

body.home #labels img
{
	float:left;
	margin-right:32px;
}

body.home #labels h3
{
	font-size: 1.6em;
}

body.home #currently-playing
{
	background-color:#c7d500;
}

body.home #currently-playing h2
{
	padding:18px 0px 16px 0px;
	text-align:center;
	font-family:CachetStandard;
	font-weight:normal;
	color:#fff;
	font-size:1.73em;
}

body.home #currently-playing-content
{
	padding:19px 0px 37px 0px;
}

body.home .currently-playing-logo
{
	display: inline-block;
	min-width: 150px;
	text-align: center;
}

body.home .testimonials
{
	background-color: #333333;
	color: #ffffff;
}

body.home .testimonials h2
{
	color: #c7d500;
}

body.home .testimonials p
{
	text-align: left;
}

body.home .testimonials p.testimonial-client
{
	text-align: right;
	font-weight: bold;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-top: 0;
}

body.home #music
{
	background-color:#00bfff;
}

body.home #music h2
{
	padding:35px 0px 121px 0px;
	text-align:center;
	font-family:CachetStandard;
	font-weight:normal;
	color:#fff;
	font-size:1.73em;
}

body.home #music-content
{
	padding:0px 0px 45px 0px;
}

body.home #music-content .centred
{
	position:relative;
}

#home-download-badge
{
	position:absolute;
	z-index:10002;
	bottom:-20px;
	right:115px;
}

body.home #music-content img
{
	display:block;
	margin:-99px auto 0px auto;
}

body.home #music-content ul
{
	margin:-10px 0px 0px 45px;
	padding:0px;
	list-style-type:none;
}

body.home #music-content li
{
	float:left;
	width:225px;
	margin:0px 37px;
}

body.home #music-content h3
{
	margin:0px 0px 0px 0px;
	font-size:1.4em;
	text-align:center;
	color:#666;
}

body.home #music-content p
{
	margin:-1px 0px 0px 0px;
	text-align:center;
	font-size:0.87em;
	line-height:1.5em;
}

body.home #devices
{
	background-color:#00bfff;
}

body.home #devices h2
{
	padding:30px 0px 222px 0px;
	text-align:center;
	font-family:CachetStandard;
	font-weight:normal;
	color:#fff;
	font-size:1.73em;
}

body.home #devices-content ul
{
	position:relative;
	margin:-182px 0px 0px 0px;
	width:978px;
	height:537px;
	padding:0px;
	list-style-type:none;
}

body.home #devices-content li
{
	position:absolute;
	width:978px;
	height:537px;
	margin:0px;
	padding:0px;
	left:0px;
	top:0px;
	display:none;
}

body.home #devices-content li:first-child
{
	display:block;
}

body.home #devices-content li img
{
	display:block;
	width:978px;
	height:537px;
}

body.home #price-banner
{
	height: 154px;
	background-color: #eef9ff;
}

body.home #price-banner img
{
	display: block;
	width: 800px;
	margin: 0 auto;
}

body.home #trial
{
}

body.home #trial.no-media
{
	margin-bottom: 90px;
}

body.home #trial h2
{
	padding:50px 0px 50px 0px;
	text-align:center;
	font-family:CachetStandard;
	font-weight:normal;
	font-size:2.13em;
}

body.home #trial h2 a
{
	color:#fff !important;
	text-decoration:none !important;
	display: inline-block;
	padding: 24px 32px;
	background-color: #ef006f;
	border-radius: 18px;
}

a.big-pink-button
{
	text-align:center;
	font-family:CachetStandard;
	font-weight:normal;
	font-size:2.13em;
	color:#fff !important;
	text-decoration:none !important;
	display: block;
	padding: 24px 32px;
	background-color: #ef006f;
	border-radius: 18px;
	margin: 40px 100px 0;
}

body.home #media
{
	position: relative;
	background-color:#444444;
}

body.home #media .media-top
{
	height: 183px;
}

body.home #media .media-bottom
{
	height: 294px;
	background-color:#eeeeee;
}

body.home #media .media-images
{
	position: absolute;
	height: 381px;
	top: 96px;
	width: 100%;
  text-align: center;
}

body.home #media .media-images img {
    vertical-align: top;
    display: inline-block;
    margin:	0 32px;
}

body.home #media h2
{
	padding:35px 0px 25px 0px;
	text-align:center;
	font-family:CachetStandard;
	font-weight:normal;
	font-size:2.13em;
	color: #ffffff;
}

body.home #media h2 .media-store
{
	color: #c5d208;
	font-size: 110%;
}

body.home #media h2 .media-play
{
	color: #3ab9eb;
	font-size: 110%;
}

body.home #twitter div
{
	position:absolute;
	bottom:59px;
	width:702px;
	margin-left:138px;
}

body.home #twitter div span
{
	display:block;	
	padding:16px 21px 17px 21px;
	background-color:#fff;
	font-size:1.4em;
	font-weight:bold;
}

body.home #twitter div span a
{
	color:#666;
	text-decoration:none;
}

body.home #twitter div img
{
	display:block;
	margin-left:381px;
}

#license-management #checkboxes
{
	margin-top:-10px 0px 23px 0px !important;
	padding:0px;
	list-style-type:none;
	font-size:0.93em;
}

#license-management #checkboxes li
{
	float:left;
	margin-top:10px;
}

#license-management #checkboxes li:first-child
{
	padding-right:30px;
}

#license-management #checkboxes .validation-message
{
	display:block;
	font-size:0.8em;
}


#storeplay-managed-licenses-details
{
	display:none;
	margin:20px 0px -20px 30px;
}

#license-management table th
{
	width:100px;
}

#license-management span.select
{
	margin-right:15px;
}

#license-management span.select select
{
	width:350px;
}	

#license-management-addresses
{
	margin:15px 0px 30px 0px;
	padding:0px;
	list-style-type:none;
}

#license-management-addresses li
{
	margin:0px 0px 15px 0px;
	padding:0px;
}

#license-management-addresses li > h4
{
	display:block;
	margin:0px;
	border-radius:9px;
	background-color:#3ab9eb;
	background-image:url(../img/accordian-edit.2.0.png);
	background-image:url(../img/accordian-edit.1.0.png)\9;
	background-size:114px 26px;
	background-position:right center;
	background-repeat:no-repeat;
	padding:0px 17px 0px 17px;
	line-height:56px;
	color:#fff;
	font-family:ProximaNova;
	font-weight:bold;
	font-size:1.5em;
	cursor:pointer;
}

#license-management-addresses li > h4 span
{
	font-weight:normal;
	font-size:0.8em;
	display:inline-block;
	width:350px;
	line-height:1.2em;
	height:auto;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:pre;
}

#license-management-addresses li.open > h4
{
	background-image:url(../img/accordian-open.2.0.png);
	background-image:url(../img/accordian-open.1.0.png)\9;
	background-size:41px 26px;
}

#license-management-addresses li > div
{
	display:none;
	margin-top:-9px;
	border-top:14px solid #3ab9eb;
	background-color:#fff;
}

#license-management-addresses.open > div
{
	display:block;
}

#license-management-addresses table
{
	margin:19px 18px 21px 18px;
}

#license-management-addresses th,
#license-management-addresses td
{
	font-size:0.93em;
}

#license-management-addresses li div.actions
{
	min-height:50px;
	background-color:#ff007f;
	border-bottom-left-radius:9px;
	border-bottom-right-radius:9px;
	padding:23px 21px 15px 24px;
	color:#fff;
	font-size:1em;
	font-family:ProximaNova;
	font-weight:bold;
}

#license-management-addresses li div.actions a
{
	float:right;
	color:#fff !important;
	margin-left:70px;
	margin-right:9px;
	font-weight:normal;
	font-size:0.85em;
	line-height:41px;
}

#license-management-addresses li div.actions input[type=submit]
{
	float:right;
	margin-right:0px;
	background-color:#fff;
	color:#ff007f !important;
}


/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 0.86em;
	line-height:1.4em;
	padding:13px 15px 14px 15px;
	border: 1px solid #f3d69c;
	background-color:#fff5df;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: 0 1px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,0.25);
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color:#f3d69c;
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color:#f3d69c;
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color:#f3d69c;
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color:#f3d69c;
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color:#fff5df;
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color:#fff5df;
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color:#fff5df;
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color:#fff5df;
}
