#content {
	margin-top: 7px;
	margin-bottom: 7px;
}
#storefront {
	margin:0 auto;
	width: 100%;
	overflow-x: hidden;
	max-width: 630px;
	min-height: 600px;
}
#content > ul {
	width: 100%;
	max-width: 630px;
	margin: 0px auto;
	min-width: 250px;
}
#content > ul > li {
}
#content > ul > li:hover {
	background-color: #dfeffb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -o-border-radius: 10px;
}
#content .inner-content {
	height: 58px;
	background-image: url('/assets/images/track_underline.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0px 10px;
	position: relative;
}
#content ul li .col {
	height: 58px;
}
#content ul li .order-button {
	position: absolute;
	right: 0px;
}
#content ul li .preview-image {
	width: 50px;
	padding-top: 8px;
	position: absolute;
	left: 0px;
}
#content ul li .preview-image img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
#content ul li .track-title {
	/*width: 475px;*/
	padding-top: 8px;
	position: absolute;
	left: 50px;
	white-space: nowrap;
}
#content ul span.artist-name {
	font-size: 14px;
	color: #8b8b8b;
	display: block;
	padding: 1px;
}
#content ul span.track-name a {
	font-size: 14px;
	font-weight: bold;
	color: #00559a;
	display: block;
	padding: 1px;
	line-height: 16px;
}
#content ul .order-button {
	padding-top: 8px;
}
#storefront #brands-container {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
#storefront #brands {
}
.order-form,
.order-loading,
.order-modal {
	background-color: #e1ecfd;
}
.order-form {
	padding: 40px;
	min-width: 220px;
}
.order-form .track-title {
	font-weight: bold;
	font-size: 16px;
	padding-top: 12px;
	padding-bottom: 12px;
}
.order-form .offer {
	font-size: 12px;
	padding-bottom: 20px;
}
.order-form form label.phone-number-label, .order-form form label.check-code-label, form .feedback-message-label {
	padding-left: 10px;
	/*font-weight: normal;*/
	position: relative;
	top: 4px;

}
.phone-number-input-container {
	white-space: nowrap;
}
.order-form .phone-number-input, .order-form .check-code-input {
	width: 160px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    height: 39px;
    font-size: 15px;

}
.order-form label {
	display: block;
}
.order-form input {
	display: inline;
}
.order-form .submit-button {
	width: 100px;
	height: 35px;
	margin: 10px;
	background-image: url('/assets/images/order_form_button.gif');
	border: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    color: white;
    font-size: 12px;
    font-weight: bold;
}
.order-form .submit-button.process {
	background-color: #007ce0;
	background-image: none;
}
.order-form .submit-button.center {
	margin: 0px auto;
	display: block;
	margin-bottom: 10px;
}
.order-form .agree {
	padding-top: 11px;
	padding-left: 10px;

}
.order-form .agree.has-error a {
	color: red;

}
.order-form .agree label.agree-label {
	display: inline;
	position: relative;
	top: -2px;
	left: 5px;
	font-weight: normal;
	font-size: 12px;
}
.order-form .agree a  {
	cursor: pointer;
}

.order-form .agreement-balloon {
	background-image: url('/assets/images/balloon_leg.png');
	background-repeat: no-repeat;
    background-position: 25px bottom;
    position: absolute;
}
.order-form .agreement-wrapper {
	padding-bottom: 25px;
}
.order-form .agreement {
	background-color: #fdfde1;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    width: 460px;
    margin-top: -20px;
    font-size: 11px;
    padding: 20px;
    text-align: justify;
}
.order-form .error {
	color: red;
    font-size: 12px;
    padding-top: 10px;
    padding-left: 10px;


}
button.close {
	padding-right: 10px;
	padding-top: 5px;

}
.bottom-nav.permalink {
	float: right;
}
.bottom-nav.feedback {
	float: left;
}

.bottom-nav.feedback i {
	margin-right: 7px;
}
.feedback-message textarea {
	width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

}
form .form-group.block {
	display: block;
	margin-bottom: 5px;
}

body.order {
	background: #e1ecfd;
}
body.order .order-form {
	margin:0 auto;
	max-width: 630px;
	width: 100%;
	position: relative;
	min-width: 250px;
}
form .phone-number .prefix {
	margin-right: 5px;
	font-size: 15px;

}
.modal .modal-body {
    max-height: 420px;
    overflow-y: auto;
}
.more-area {
	cursor: pointer;
	padding: 20px;
	font-size: 20px;
}
.more.hover {
	color:#2a6496;
	text-decoration:underline;
}
.loading {
	color: grey;
	text-align: center;
	padding: 8px;
	font-size: 20px;
}
#search input, #search button {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	height: 40px;
	font-size: 20px;
	padding-top: 5px;
	line-height: normal;
}
#search input {
	padding-left: 32px;
}
#search input {
	border-bottom-left-radius: 5px;
}
#search input {
	border-bottom-left-radius: 5px;
}
#search .clear {
	position: absolute;
	padding: 10px;
	z-index: 999;
	color: #bbb;
	cursor: pointer;
	font-size: 20px;
}
#search button {
	color: #1f85e3;

}
.tt-suggestions {
	font-size: 20px;
}
.tt-suggestions .name {
	font-weight: bolder;
}
.tt-suggestions strong {
	background: yellow;
}
.tt-suggestions .empty-message {
	font-style: italic;
}

@media (max-width: 650px) {
	.order-form .agreement-balloon {
		top: 0px;
		left: 0px;
		background-image: none;
		background-repeat: no-repeat;
		width: 100%;
	}
	.order-form .agreement {
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		-o-border-radius: 0px;
		border-radius: 0px;
		width: 100%;
		position: relative;
		font-size: 11px;
		padding: 10px;
		text-align: justify;
		/*height: 180px;*/
		margin-top: 0px;
	}
}
@media (max-width: 390px) {
	.modal-dialog {
		margin: 0px;
	}
	.modal-content {
		border: 0px;
	}
	.order-form .submit-button {
		width: 100%;
		margin: auto;
		margin-top: 10px;
	}

}
#modal {
	overflow-y: auto;
}

.nav-pills-flat li a {
	background: #EEE;
}
.nav-pills-flat li a:hover {
	background-color: #fdfde1;
}
.nav-pills-flat li a {
	border-radius: 0px;
	font-size: 22px;
	padding: 10px 15px;
	font-weight: bold;
	margin-bottom: 0px;


}
@media (min-width: 768px) {
	.nav-pills-flat > li {
		display: block;
		width: inherit;

	}
}

@media (min-width: 365px) {
	#sections {
		margin-top: 5px;
	}
	.nav-pills-flat > li {
		display: table-cell;
		width: 1%;

	}
	.nav-pills-flat li:first-child a {
		border-top-left-radius: 5px;
	}
	.nav-pills-flat li:last-child a {
		border-top-right-radius: 5px;
	}
}
.order-button button {
	height: 40px;
	font-size: 20px;
	padding-top: 5px;
	line-height: normal;
	color: #1f85e3;
}
.order-button button:hover {
	color: red;
}
.order-button button[disabled] {
	color: #CCC;

}
.order-button a:hover {
	font-style: none;
	text-decoration: none;
}
.alert {
	margin-bottom: 5px;
}
#share-list {
	width: 50px;
	position: absolute;
	z-index: 5000;
	right: 0;
	top: 50%;
}
#share .ya-share2__badge {
	border-radius: 0px !important;
}
#share .ya-share2__container_size_m .ya-share2__icon {
	height: 46px !important;
	width: 46px !important;
}
@media screen and (max-width: 760px) {
	#share-list {
		width: 100%;
		position: relative;
		z-index: 0;
		top: 0;
		text-align: center;
	}
}
.bottom-nav.share {
	margin: 0 auto;
	width: 140px;
}
@media screen and (max-width: 485px) {
	.bottom-nav.share {
	    padding-top: 40px;
	}
}
.offer.pocket {
	padding: 0px;
	padding-top: 5px;
}
ul.offer.tracklist {
  list-style-type: none;
  padding: 0px;
  padding-top: 10px;
}
li.offer.tracklist.track {
	padding: 0px;
}
#offer {
	text-align: center;
}