@font-face {
	font-family: 'TM Sans';
	src: url("../../responsive/font/TMSans-Regular.woff") format("woff")
}

@font-face {
	font-family: 'TM Sans';
	src: url("../../responsive/font/TMSans-SemiBold.woff") format("woff");
	font-weight: bold
}

*, body, * body {
	font-family: "TM Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
}

#contentWrap, #mainContent {
	background-color: #ffffff;
}

#main, #mainCol, #mainCol-floatLeft {
	border-bottom: 4px solid #dfe4e7;
	padding-bottom: 20px;
	font-size: 14px;
	line-height: 1.6em;
}

.headline {
	border-bottom: none;
}

#colRight {
	border: none;
}

.container-neutralZone, .container-promo .container-border, .container-hotZone {
	border: 1px solid #dfe4e7 !important;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 1.4em;
	padding: 20px;
}

.container-neutralZone, .container-nav, #seeEvents .container, .containerPlain, .container-tm, .container-tm-nav, .container-tm-adOn, .container-tm-adOnAlt, .container-hotZone, .container-checkout, .container-Promo, .container-border {
	border: 1px solid #dfe4e7 !important;
}

#colRight .container-neutralZone, #colRight .container-promo .container-border, #colRight .container-hotZone {
	padding: 10px;
}

#colRight .lid, #colRight .lid-alt, #colRight .lid-tm, #rightCol-floatRight .lid, #rightCol-floatRight .lid-alt, .lid-secondary, .lid-primary, .color-cat, .lid-cat, .lid-primary, .exchTab-onsaleOn, .lid-findTickets, .scart-stepTab-on, .stepblock, .featured-lid.color-alt {
	background: #ffffff;
	background-image: none;
	border: 1px solid #dfe4e7;
	border-bottom: 4px solid #dfe4e7;
	color: #414141;
}

.featured-lid h2 {
	color: #414141;
}

.browseList, .searchList, .bg-neutral {
	background: #ffffff;
	border: 1px solid #dfe4e7;
	color: #414141;
}

.onsale-list tr.info td, .onsale-list tr.bottomPagi td {
	background-color: #ffffff;
}

#footerTop {
	border-top: 1px solid #dfe4e7;
}

#promoBanner img {
	box-shadow: -1px 0 2px 0 #dfe4e7;
}

@media only screen and (max-width: 500px) {
	body {
		width:100%;
		overflow-x: hidden;
	}

	#body .frame,
	#contentWrap .frame,
	#site-header .frame,
	#main,
	#mainCol-floatLeft {
		width:100%;
	}

	img {
		height: auto;
		max-width: 100%;
		width: auto;
	}

	#site-header {
		min-width: inherit;
		margin-bottom: 0;
		padding-bottom: 10px;
	}

	#site-header > div.frame.clearfix > div.floatLeft {
		float: none;
	}

	#site-header .site-logo {
		top: 15px;
		display: block;
		margin: 0 auto 0 10px;
		width: auto;
		text-align: left;
	}

	#location-button:before {
		display: none;
	}

	#subNav_music_menu {
		display: none;
	}

	#site-search {
		display: none;
	}

	#site-options {
		padding: 0;
		top: 55%;
	}

	#site-options #location-options, #site-options #account-options {
		right: auto;
		left: 0;
	}

	#site-options > li {
		float: left;
		position: relative;
		margin: 10px;
		vertical-align: top;
	}

	#site-options > li#location-list {
		margin-left: 10px !important;
		width: auto;
		display: block;
		float: none;
	}

	#site-options > li#cart-list {
		position: absolute;
		top: -45px;
		right: 10px;
	}

	#site-options .dd-listener {
		float: left;
	}

	#site-nav,
	div[role="navigation"] div.site-options-promo {
		display:none
	}

	.sub-col,
	.promo-col {
		min-width:18%
	}

	#mainContent {
		padding: 20px 0 30px 0;
		width: 100%;
	}

	#mainContent > div {
		width: auto;
		padding: 0 10px;
		margin-right: 0;
	}

	#colRight,
	#mainContent > #colRight {
		float: none;
		width: auto;
		display: block;
		clear: both;
	}

	#rightCol-floatRight {
		width: 100%;
	}

	#footerTop {
		display: block;
		width: 100%;
		padding: 20px 0px;
	}

	#footerTop .frame .first-col {
		display: none;
	}

	#footerTop .frame.footer_five_col {
		padding: 0;
		width: auto;
	}

	#footerTop .frame.footer_five_col > div {
		margin-left: 0;
		width: 100%;
		text-align: center;
	}

	#footerTop .frame.footer_five_col > div ul li a {
		background-position: center center;
	}

	#footerTop .frame.footer_five_col > div ul.icons-list {
		text-align: left;
		margin-top: 20px;
	}

	#footerTop .frame.footer_five_col > div ul.icons-list li {
		display: block;
		float: none;
		width: 100%;
		text-align: left;
		margin: 0;
	}

	#footerTop .frame.footer_five_col > div ul.icons-list li > a {
		float: none;
		display: block;
		width: 100%;
		padding: 10px 0;
		margin: 0;
		text-align: left;
		background-position: center center;
	}

	.icon-list-container {
		width: 100%;
	}

	.icon-list-container .icon-list-inner {
		display: block;
		width: 100%;
		float: none;
		text-align: left;
	}

	.icon-list-container .icons-list {
		position: relative;
		text-align: center;
		padding: 10px 0;
	}

	.agree-terms {
		width: 100%;
		height: auto;
		padding: 0;
	}

	.agree-terms div {
		width: auto;
		text-align: center;
		padding: 10px;
	}

	#footerBottom {
		width: 100%;
	}

	#footerBottom p {
		text-align: center;
		width: 100%;
	}

	#footerBottom .footerBottom-inner {
		width: auto;
	}

	#mainColLeft {
		width: 100%;
	}

	#recdShows table tbody {
		display: block;
	}

	#recdShows table tbody tr {
		display: block;
	}

	#recdShows > table {
		width: 100%;
	}
	#recdShows > table tbody tr td.listing {
		width: 100%;
	}

	#recdShows table tbody tr td.showInfo {
		width: 30%;
		float: left;
		height: 95px;
		margin-bottom: 1px;
	}

	#recdShows table tbody tr td.showInfo a.textLink {
		width: 100%;
	}

	#recdShows table tbody tr td.showInfo img {
		width: 100%;
		height: auto;
	}

	#recdShows table tbody tr td.listing {
		display: inline-block;
		width: 70%;
		height: 95px;
		margin-bottom: 1px;
	}

	#featuredShows img {
		max-width: 100%;
		height: auto;
	}

	#featuredShows td.img div.pad img {
		width: auto;
		height: auto;
		margin: 0 auto;
		display: block;
	}

	#contentWrap .rotatingPromoNav img {
		width: auto;
	}

	#main #featureMain {
		width: auto;
	}

	#recommendations td.img, #featuredShows td.img, #featuredShows td.listing {
		display: inline-block;
		width: auto;
	}

	#recommendations td.img, #featuredShows td.img {
		width: auto;
	}
	/* override for 70/30 above */
	#recdShows > table {
		width: 100%;
	}
	#recdShows > table tbody tr td.listing {
		width: 100%;
	}

	#featureRight {
		float: none;
		width: 100%;
	}
}

@media only screen and (min-width: 501px) and (max-width: 668px) {
	.site-options-promo {
		display: none;
	}

	#mainColLeft {
		width: 100%;
	}
}

@media only screen and (min-width: 501px) and (max-width: 527px) {
	#site-options > li#cart-list {
		float: right;
		margin-right: 10px;
		margin-top: -15px
	}
}

@media only screen and (min-width: 501px) and (max-width: 800px) {
	body {
		overflow-x: hidden;
	}

	#site-header {
		min-width: inherit;
		margin-bottom: 0;
		padding-bottom: 10px;
	}

	#site-header > div.frame.clearfix > div.floatLeft {
		float: none;
	}

	#site-header .site-logo {
		top: 15px;
		display: block;
		margin: 0 auto 0 10px;
		width: auto;
		text-align: left;
	}

	#location-button:before {
		display: none;
	}

	#subNav_music_menu {
		display: none;
	}

	#site-search {
		display: none;
	}

	#site-options {
		padding: 0;
		top: 55%;
	}

	#site-options > li {
		float: left;
		position: relative;
		margin: 10px;
		vertical-align: top;
	}

	#site-options > li#location-list {
		margin-left: 10px !important;
		width: auto;
		display: block;
		float: none;
	}

	#site-options > li#cart-list {
		position: absolute;
		top: -45px;
		right: 10px;
	}

	#site-options .dd-listener {
		float: left;
	}

	#site-nav,
	div[role="navigation"] div.site-options-promo {
		display:none
	}

	#mainCol-floatLeft,
	#rightCol-floatRight,
	#colRight {
		width: 100%;
	}

	#mainColLeft {
		width: 100%;
	}

	#rightCol-floatRight {
		float: right;
		width: 100%;
	}

	#promoBanner,
	#promoBanner img,
	img.block {
		width: 100%;
		height: auto;
	}

	#featuredShows img {
		width: 100%;
		height: auto;
	}
}

@media only screen and (min-width: 800px) and (max-width: 1004px) {
	body {
		overflow-x: hidden;
	}

	#site-header {
		min-width: inherit;
		margin-bottom: 0;
		padding-bottom: 10px;
	}

	#site-header > div.frame.clearfix > div.floatLeft {
		float: none;
	}

	#site-header .site-logo {
		top: 20px;
		display: block;
		margin: 0 auto 0 20px;
		width: auto;
		text-align: left;
	}

	#site-search {
		width: 40%;
		top: 15px;
		right: 20px;
	}

	#site-search .search-wrap {
		width: 100%;
	}

	#search_input.search-textfield {
		width: 100% !important;
	}

	#site-nav {
		background: #fff;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 0 20px;
	}

	#site-options {
		margin-left: 20px;
	}

	#site-options > li {
		float: left;
	}

	#site-options > li#cart-list {
		float: right;
		margin-right: 20px;
	}

	.site-options-promo {
		bottom: -32px;
		right: 20px;
	}

	#contentWrap {
		margin-top: 34px;
	}

	#contentWrap img {
		max-width: 100%;
	}

	#promoBanner,
	#promoBanner img {
		width: 100%;
		height: auto;
	}

	#mainCol-floatLeft,
	#mainColLeft {
		width: 60%;
		float: left;
	}

	#colRight,
	#rightCol-floatRight {
		width: 35%;
		float: right;
	}
}

@media only screen and (min-width: 501px) and (max-width: 1004px) {
	body {
		width:100%;
	}

	#body .frame,
	#contentWrap .frame,
	#site-header .frame,
	#main {
		width:100%;
		margin: 0;
		padding: 0;
	}

	#footerTop .frame.footer_five_col {
		padding: 0 10px;
	}

	#footerTop .frame.footer_five_col > div {
		width: 17%;
	}

	#footerTop .frame.footer_five_col > div ul.icons-list li {
		display: block;
		width: 100%;
	}

	#footerTop .frame.footer_five_col > div ul.icons-list li > a {
		float: none;
		display: block;
		width: 100%;
		padding: 5px 0;
		margin: 0;
		text-align: left;
		background-position: left center;
	}

	.icon-list-inner {
		width: 100%;
	}

	.icon-list-container .icons-list {
		right: 10px;
	}

	.agree-terms {
		width: 100%;
		padding: 0;
	}

	.agree-terms > div {
		width: auto;
		padding: 0 10px;
	}

	#footerBottom {
		width: 100%;
	}

	#footerBottom p {
		float: left;
		padding-left: 0;
	}

	#footerBottom .footerBottom-inner {
		width: auto;
		padding: 0 10px;
	}
}

@media only screen and (min-width: 769px) {
	#contentWrap #promoBanner img {
		width: auto;
		height: auto;
		max-width: 100%;
	}

	#contentWrap img {
		max-width: 100%;
	}
}