/* Responsive Viewport */

@-ms-viewport {
	width: device-width;
}

/* Offer Expired Resets */

.offer-expired {
	margin: 0 auto 1em;
	max-width: 500px;
	width: auto;
}

/* Generic Rules */

body { font-size:100%; }

h2,
.h2 { text-align: center; }

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

@media screen and (max-width:33em) {
	h1 .biggest,
	.h1 .biggest { font-size: 1.3em !important; }	
}

@media screen and (max-width:25em) {
	h1 .biggest,
	.h1 .biggest { font-size: 1.1em !important; }	
}

@media screen and (max-width:21em) {
	h1 .biggest,
	.h1 .biggest { font-size: inherit !important; }	
}

/* Layout Rules */

.content {
	margin: 0;
	padding: 0;
}

.wrap {
	background-color: #eee;
	margin: 0 auto;
	max-width: 45em;
	padding: 1em;
}

.frame {
	background-color: #fff;
	border-radius: 0.5em;
	padding: 1em;
}

/* Content Rules */

.rbox.box {
	max-width: 12.5em;
	width: auto;
}

.rbox.box.wide {
	max-width: 16em;
	width: auto;
}

@media screen and (max-width: 46em) {
	.rbox.box.wide {
		float: none !important;
		margin: 1em auto !important;
		max-width: 80%;
	}
}

@media screen and (max-width: 40em) {
	.rbox.box {
		float: none !important;
		margin: 1em auto !important;
		max-width: 80%;
	}
}

@media screen and (max-width: 25em) {
	.rbox.img-box,
	img.rbox {
		float: none !important;
		margin: 1em auto !important;
	}

	.rbox.img-box {
		max-width: 9.375em;
		text-align: center;
	}

	img.rbox {
		display: block;
	}
}

/* Buttons */

a.order, 
a.order:visited {
	background: #ff811b;
	background: -webkit-linear-gradient(top,  #ff9a43 0%,#ff9640 49%,#ff811b 50%,#ff6c06 100%);
	background: linear-gradient(to bottom,  #ff9a43 0%,#ff9640 49%,#ff811b 50%,#ff6c06 100%);
	border:2px solid #76675C;
	border-radius:4px;
	box-shadow:0 0 0 5px #A6A6A6;
	color: #fff !important;
	display: block;
	width: auto;
	font: normal 1.5em arial, sans-serif;
	height: auto;
	line-height: 1.2;
	margin: 1em auto;
	max-width: 10em;
	padding:0.15em 0.33em;
}

a.order span {
	background: none;
	line-height: inherit;
	padding: inherit;
	text-align: center;
	font-weight: bold;
}

a.order:hover span, 
a.order:focus span, 
a.order:active span {
	color:#ff3;
	padding: inherit;
}

a.order:active {
	background: #d36b18;
	background: -webkit-linear-gradient(top,  #d18945 0%,#d67e34 49%,#d36b18 50%,#d25a06 100%);
	background: linear-gradient(to bottom,  #d18945 0%,#d67e34 49%,#d36b18 50%,#d25a06 100%);
}