/* main.css
 * A. Override Bootstrap
 * B. Header and Footer
 * C. /lift-firm-sculpting-test/secure_order.php
 * D. /lift-firm-sculpting-test/video.php
 * E. Helpers
 ******************************************************/
h1, h2, h3, p {
	margin:0;
	padding:0;
}



/* =============== A. Override Bootstrap =============== */

body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
}

.container-fluid {
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
}

.row {
	margin-bottom:10px;
}

/* =============== B. Header and Footer =============== */


header {
	border-bottom:3px solid #3A5EAC;
	padding:10px 0;
}

header img {
	display:block;
	width:100%;
	max-height:81px;
}

header div.col-xs-12:first-child {
	padding-left:0;
}

header div.col-xs-12:first-child img {
	margin-left:0;
	max-width:350px;
}

header div.col-xs-12:first-child + div img {
	max-width:273px;
}

header div.col-xs-12:first-child + div + div img {
	float:right;
	max-width:182px;
}

header div.col-xs-12:last-child {
	padding-right:0;
}

header div.col-xs-12:last-child img {
	float:right;
	max-width:182px;
}

@media(max-width:768px) {
	header div.col-xs-12:first-child img,
	header div.col-xs-12:first-child + div img,
	header div.col-xs-12:last-child img {
		float:none;
		margin:0 auto;
	}
}

footer {
	background-color:#3A5EAC;
	color:#FFFFFF;
	line-height:16px;
	padding-top:15px;
}

footer p {
	font-size:14px;
}

footer div.row:first-child {
	text-align:center;
}

footer a {
	color:#FFFFFF;
}

footer a:visited {
	color:#FFFFFF;
}

footer a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

footer .row {
	margin-left:0;
	margin-right:0;
}

footer .row p {
	margin-bottom:14px;
	text-align:center;
}

footer > .container-fluid {
	padding-left:5px;
	padding-right:5px;
}

footer div.col-sm-6:first-child img {
	max-width:13px;
	left:-2%;
	position:relative;
	top:-3px;
}

.disclaimer {
	margin-bottom:0;
}

.disclaimer ul,
.disclaimer li {
	display:block;
}

.disclaimer ul {
	padding:0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	max-width:404px;
	width:100%;
}

.disclaimer li {
	float:left;
	font-size:9px;
	padding-left:3px;
	padding-right:3px;
}

.disclaimer li:nth-last-child(1n+2) {
	border-right:1px solid #FFFFFF;
}

/* ================= C. secure_order.php ================= */

#productInfo h2 {
	margin-top:20px;
}

#stories h2,
#askDrLayke h2 {
	text-align:center;
	margin-bottom:20px;
	margin-top:20px;
}

#info p,
#moneyBack p,
#stories p,
#askDrLayke p,
#tryNow p {
	margin-bottom:15px;
}

#bodyContent {
	background-color:#EEEEEE;
}

#bodyContainer {
	background-color:#FFFFFF;
}

#product,
#stories {
	margin-left:0;
	margin-right:0;
}

#product h1 {
	border-bottom:1px solid #8F8F8F;
	font-size:29px;
	line-height:40px;
	margin-bottom:12px;
	margin-top:20px;
}

#product h2 {
	font-size:18px;
	font-weight:700;
	text-align:left;
}

#doctors figure img {
	border:1px solid #CCCCCC;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:250px;
}

#doctors figcaption {
	font-size:10px;
	font-style:italic;
	text-align:center;
}

#info {
	min-height:80px;
}

#productInfo  {
	background:url('../img/order-page-bg2.png') bottom left no-repeat;
	/* Pixel value for ie-8 */
	background-size:617px;
	background-size:100%; 
	height:360px;
	overflow:hidden;
	min-height:360px;
}

#productInfo h2 {
	margin-bottom:3px;
}

#productInfo h3 {
	color:#555555;
	font-size:18px;
	margin-top:0;
	margin-bottom:15px;
}

#productInfo ul {
	line-height:16px;
}

#productInfo h2:first-child + h2 {
	font-size:19px;
}

#productInfo .cta{
	text-align: center;
	margin-top: 40px;
	padding-left: 80px;
}

#orderNow {
	display:none;
}

#orderWrapper{padding-right: 0;}

#order {
	box-shadow:3px 3px 5px #ccc;
}

#order h3,
#order p {
	margin-bottom:0;
	margin-top:0;
}

#order .productOption {
	position: relative;
}

#order .productOption.lastChild .optionInput {
	border-bottom:1px solid #8F8F8F;
}

#bestValueImage {
	background-image:url(../img/banner-bestvalue.png);
	background-repeat:no-repeat;
	height:121px;
	right:-44px;
	position:absolute;
	top:-37px;
	width:117px;
}

.optionName h3 {
	background-color:#3A5EAC;
	color:#FFFFFF;
	font-size:14px;
	font-weight:700;
	padding:10px;
}

.optionInput {
	background-color:#FFFFFF;
	padding-bottom:25px;
	padding-left:10px;
	padding-top:10px;
}

.optionInput .save {
	color:#F00F00;
	font-weight:700;
	margin-left:44px;
}

label {
	display:inline;
}

#order label {
	cursor:pointer;
	font-weight:500;
}

.yellowBg {
	background-color:#FFFFCC;
}

#tryItNow {
	padding-top:20px;
}

#buyButton {
	background-color:#F5873F;
	background-image:url("../img/arrow1.png");
	background-position:148px 17px;
	border-bottom:1px solid #666666;
	border-radius:5px;
	background-repeat:no-repeat;
	color:#FFFFFF;
	display:block;
	font-weight:700;
	font-size:21px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
	padding-left:14px;
	padding-top:10px;
	text-align:left;
	width:180px;
}

#buyButton:hover {
	text-decoration:none;
}

#moneyBack {
	margin:auto auto 15px;
	border:1px solid #3A5EAC;
	padding:15px;
	box-shadow:0px 0px 5px #3A5EAC inset;
}

#moneyBack h2 {
	margin-top:0;
	margin-bottom: 10px;
}

#moneyBack p{
	margin-bottom: 10px;
}

#moneyBack div:first-child + div {
	padding-left:0;
	padding-right:0;
}

#moneyBack > div:first-child img {
	margin-top:20px;
	max-width:158px;
	width:130px;
	width:100%;
}

#badges > div {
	margin-left:auto;
	margin-right:auto;
	width:362px;
}

#stories{
	text-align: center;
}

#stories figcaption {
	padding-left:20px;
	padding-right:20px;
}

#asSeenOn div img,
#stories img {
	width:100%;
}

#asSeenOn > div.col-xs-12 {
	padding-left:0;
	padding-right:0;
}

#stories img[src="https://cdn.bevhillsmd.com/img/BA_Hand_v2.png"] {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:69%;
}

#askDrLayke {
	padding-bottom:20px;
}
#askDrLayke aside #laykeWrap {
	padding:10px;
	webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.40);
	-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.40);
	box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.40);
}

#askDrLayke aside img {
	display:block;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	max-width:307px;
	width:100%;
}

#askDrLayke aside p {
	line-height:16px;
}

#askDrLayke h2 {
	font-size:30px;
}

#askDrLayke h3 {
	color: #444;
	font-weight:700;
	font-size:20px;
	margin-bottom:15px;
}

#askDrLayke h3:first-child{
	margin-top: 0;
}

#ingredientsList {
	border:1px solid #000000;
	background-color:#999999;
	margin-left:auto;
	margin-right:auto;
	padding:3px;
	width:75%;
	margin-bottom: 15px;
}

#ingredientsList button {
	background-color:#999999;
	border-radius:0;
	color:#FFFFFF;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:3px;
	text-align:center;
	width:100%;
}

#ingredientsList div {
	background-color:#FFFFFF;
	text-align:center;
}

#ingredientsList p {
	margin-bottom:0;
}


#tryNow {
	border-top:1px solid #8F8F8F;
	margin-bottom: 25px;
}

#tryNow h3 {
	font-size:22px;
	font-weight:700;
	margin-top:15px;
	margin-bottom:15px;
}

#tryNow > div:first-child img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
}

#tryNow a {
	background-color:#F5873F;
	background-image:url(../img/arrow1.png);
	background-position:160px 18px;
	background-repeat:no-repeat;
	border-bottom:1px solid #666666;
	border-radius:5px;
	display:block;
	font-size:22px;
	font-weight:700;
	padding:10px;
	text-align:left;
	width:200px;
}

#tryNow a,
#tryNow a:hover,
#tryNow a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#tryNow button img {
	left:30px;
	position:relative;
	top:-2px;
}

@media (max-width:767px) {
	#product .col-xs-12 {
		margin-bottom:15px;
	}

	#productInfo {
		background-size:650px;
		padding-left:110px;
		width:585px;
	}

	#buyButton {
		background-image:none;
		background-position:;
		text-align:center;
		width:90%;
	}
	
	#order {
		max-width:96%;
	}

	#moneyBack{
		margin-left:1%;
		margin-right:1%;
		max-width:98%;
	}
	
	#productInfo,
	#stories {
		margin-left:0;
		margin-right:0;
	}

	#tryItNow {
		margin-bottom:15px;
	}

	#tryNow > div:first-child img {
		float:none;
		margin-left:auto;
		margin-right:auto;
	}

	#tryNow a {
		background-image:none;
		display:block;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		width:90%;
	}
}

@media (max-width:442px) {
	#productInfo {
		min-height:450px;
		padding-left:130px;
	}
}

@media (max-width:630px) {
	#productInfo {
		background-image:url(../img/product_small.png);
		background-size:contain;
		width:100%;
	}

	#orderNow {
		background-color:#3A5EAC;
		color:#FFFFFF;
		display:block;
		padding:10px;
		position:relative;
		top:10px;
	}

	#orderNow h2 {
		margin-top:0;
		margin-bottom:0;
		text-align:center;
	}
}

@media (min-width:768px) {
	#doctors {
		min-height:315px;
	}

	#info {
		min-height:80px;
	}

	#order {
		margin-top:-155px;
		min-height:425px;
	}

	#moneyBack {
		min-height:220px;
	}

	#badges {
		min-height:80px;
	}

	#tryNow > div:first-child img {
		float:right;
	}
}

@media (min-width:768px) and (max-width:855px) {
	#stories figure {
		width:100%;
	}

	#stories figcaption {
		width:95%;
	}
}

@media (max-width:855px) {
	#stories figure object,
	#stories figure iframe {
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:20px;
	}
}

@media (min-width:768px) and (max-width:890px) {
	#productInfo h2 {
		font-size:17px;
	}
}
@media (min-width:890px) and (max-width:977px) {
	#productInfo {
		background-size:617px;
		width:557px;
	}
}

@media (min-width:768px) and (max-width:974px) {
	#productInfo {
		background-size:620px;
	}
}

@media (min-width:768px) and (max-width:810px) {
	#productInfo {
		background-size:600px;
		background-position:0 7px;
	}
}



/* ===================== E. Helpers ===================== */
.blue {
	color:#3A5EAC;
}

.bold {
	font-weight:700;
}

.center {
	margin-left:auto;
	margin-right:auto;
}