/* IE/Edge Responsive Viewport */

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

/* Offer Expired Resets */

.offer-expired {
	background: url(/_img/toolbox/icons/icon_important-60.png) no-repeat center 5px #c00;
	border: 0 none;
	border-radius: 0;
	box-shadow: none;
	margin: 0 auto;
	max-width: 27.65em;
	min-height: 0;
	padding: 75px 1em 1em;
	text-align: center;
	width: auto;
}

/* General Rules */

body {
	background-color: #ebf2f5;
	font-size: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3 {
	color: #006;
	font-family: Georgia, Times, "Times New Roman", serif;
	line-height: 1.2;
	text-align: center;
}

h1,
.h1 { font-size: 2em; }

h2,
.h2 {
	font-size: 1.7em;
	margin: 1.8em auto 0.8em;
}

h3,
.h3 { font-size: 1.6em; }

ul li { list-style-image: none; }

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

@media screen and (min-width:32.5em) {
	h1,
	.h1 { font-size: 2.3em; }
}

/* Layout Rules */

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

#frame {
	background-color: #fff;
	border: solid #45475d;
	border-width: 0 0.15em;
	margin: 0 auto;
	max-width: 41.25em;
	padding: 0.1em 1.5em;
}

/* General Rules */

.lead {
	margin: 0 auto;
	max-width: 30em;
}

.product-title {
	font-style: italic;
	font-weight: bold;
}

.right-portrait {
	margin: 1em auto;
	max-width: 9.5em;
}

.right-box {
	background-color: #e3feda;
	border-radius: 0.5em;
	font-size: 0.9em;
	margin: 1em auto;
	padding: 0.1em 1em;
}

@media screen and (min-width:23.75em) {
	.right-portrait {
		float: right;
		margin: 0 0 0.75em 1em;
		max-width: none;
	}
}

@media screen and (min-width:37.5em) {
	.right-box {
		float: right;
		margin: 0 0 0.75em 1em;
		max-width: 14em;
	}
}

/* Buttons */

.order-button {
	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;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.2;
	margin: 1em auto;
	padding: 0.25em 0.5em;
	text-align: center;
}

.order-button span {
	color:#fff;
}

.order-button:hover span, 
.order-button:focus span, 
.order-button:active span {
	color:#ff3;
}

.order-button: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%);
}

/* Artificial Breaks */

#experience { max-width: 18.1em; }
#effective { max-width: 14em; }
#self-satisfaction { max-width: 14.5em; }