@media screen {
	#main > .ym-wrapper.content {
		position: relative;
		max-width: 480px;
		max-height: 285px;
		padding-bottom: 0;
		overflow: visible;
		margin:0 auto;
	}
	.ie #main > .ym-wrapper.content {
		display: block;
	}
	#main > .ym-wrapper.content.hide {
		display: none;
	}
	#main > .ym-wrapper.content .ym-wbox {
		height: 245px;
		padding: 20px 2em;
	}

	.showhide {
		bottom: auto;
		top: 145px;
		left: 20px;
		right: auto;
	}
	.showhide .ym-wbox {
		white-space: normal;
	}
	.showhide a {
		display: block;
		width: 106px;
		height: 46px;
		line-height: 23px;
		margin-left: 0;
	}

	.rates {
		position: fixed;
		bottom: 72px;
		left: 0;
		right: 0;
		z-index: 11000;
	}
	.rates .ym-wrapper {
		max-width: 530px;
	}
	.rates .ym-wbox > div {
		position: relative;
		width: 168px;
		height: 90px;
		float: left;
		padding: 0;
		margin: 0 2px;
		overflow: hidden;
		margin-bottom: -30px;
		border: 1px solid #000;
		text-align: right;
	}
	.rates .ym-wbox > div div {
		position: absolute;
		top: 0;
		left: 0;
		width: 168px;
		height: 90px;
		text-align: left;
		overflow: hidden;
		padding: 1em;
	}
	.rates span {
		display: block;
		white-space: nowrap;

		font-size: 100%;
	}

	h1 {
		margin-top: 0;
		padding-top: 0;
		font-size: 120%;
	}
}

@media screen and ( max-width: 1320px) {
	#main > .ym-wrapper.content {
		margin: 0 auto;
	}
	.quickbook {
		right: 25px;
	}
}

@media screen and ( max-width: 1090px) {
	.quickbook {
		right: 0;
	}
}

@media screen and ( max-width: 990px), screen and ( max-height: 600px ) {
	#main > .ym-wrapper.content {
		display: block;
		max-width: none;
		margin: 0;
		padding-bottom: 0;
		max-height: none;
	}
	#main > .ym-wrapper.content.hide {
		display: block;
	}
	#main > .ym-wrapper.content .ym-wbox {
		height: auto;
	}

	.showhide {
		display: none;
	}

	.rates {
		position: relative;
		bottom: auto;
		left: auto;
		right:auto;
		z-index: 11000;
		overflow: hidden;
		max-width: 414px;
	}
	.rates .ym-wbox > div {
		margin: .5em;
	}
}