/**
Stylesheet for NewLookVitamin.com
**/

/* Imports */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400);

/* Global Reset */
html, body { border:0; margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p, span, form, blockquote, ul, ol, li { margin:0; padding:0; }
img, a img { border:0; }

/* Global Styles */
html {overflow-y: scroll;}
body {
	background: #fff;
	color: #000;
	font-family: Tahoma, sans-serif;
	font-size: 14px;
}

a {
	text-decoration: none;
	color: #569dca;
}

p {
	text-align: justify;
	color: #333;
}

.clear {
	clear: both;
	}
	
.dummy {
	display: none;
}

/* Styles */

#headerbg {
	width: 100%;
	background: url('../images/headerbg.gif') center bottom repeat-x;
}

#header {
	width: 960px;
	margin: 0 auto;
}

#logo {
	background: url('../images/logo.png') left center no-repeat;
	float: left;
	height: 95px;
	width: 330px;
}

#topright {
	float: left;
	width: 450px;
	height: 95px;
	line-height: 95px;
	font-family: Arial;
	font-size: 28px;
	font-weight: normal;
	text-align: right;
	color: #569dca;	
}

#topright a:hover {
	text-decoration: underline;
}

#header .divider {
	float: left;
	height: 95px;
	width: 15px;
	background: url('../images/headerdivide.png')center 20px no-repeat;
}

#header .order {
	float: right;
	height: 60px;
	width: 161px;
	margin-top: 18px;
}

#header .order a {
	display: block;
	height: 60px;
	width: 161px;
	background: url('../images/order.png') no-repeat;
}

#header .order a:hover {
	display: block;
	height: 60px;
	width: 161px;
	background: url('../images/order-hover.png') no-repeat;
}

#topmenu {
	text-align: center;
	width: 900px;
	height: 52px;
	margin-left: auto;
	margin-right: auto;
	line-height: 52px;
	font-family: 'Source Sans Pro', Helvetica, sans-serif;
}

#topmenu a {
	font-size: 1.8em;
	background: url('../images/menubg.png') 0 -10px repeat-x;
}

#topmenu a:hover {
	background: #dedede;
	color: #000;
}

#topmenu .active {
	background-color: #dedede;
}

#topmenu  .home {
	float: left;
	width: 100px;
	height: 52px;
	margin-left: 65px;
	margin-right: 2px;
}

#topmenu  .about{
	float: left;
	height: 52px;
	width: 170px;
	margin-right: 2px;
}

#topmenu .faq{
	float: left;
	height: 52px;
	width: 100px;
	margin-right: 2px;
}

#topmenu  .testimonial{
	float: left;
	height: 52px;
	width: 155px;
	margin-right: 2px;
}

#topmenu  .contact{
	float: left;
	height: 52px;
	width: 110px;
	margin-right: 2px;
}

 #topmenu  .buy {
	float: left;
	height: 52px;
	width: 130px;
}

#promobg {
	width: 100%;
	height: 430px;
	background: url('../images/headerbg.gif') center bottom repeat-x;
}

#promo {
	position: relative;
	width: 960px;
	height: 417px;
	margin: 0 auto;
	background: url('../images/promo.png') center center no-repeat;
}

#promotext {
	position: absolute;
	right: 45px;
	width: 100px;
	
	margin: 10px;
	color: white;
	font-size: 14px;
	text-shadow: gray 1px 1px 1px;
}

#promobutton {
	position: absolute;
	left: 100px;
	top: 290px;
	
	width: 266px;
	height: 79px;
	background: url('../images/order-bigger.png') center center no-repeat;
}

#promobutton:hover {
	background: url('../images/order-bigger-hover.png') center center no-repeat;
}

#promobutton a {
	width: 100%;
	height: 100%;
}

#subpromobg {
	width: 100%;
	height: 238px;
	background: url('../images/headerbg.gif') center bottom repeat-x;
}

#subpromoinner {
	width: 960px;
	margin: 0 auto;
}

#subpromoleft {
	float: left;
	width: 630px;
	height: 225px;
	margin: 0 auto;
}

.research #subpromoleft {
	background: url('../images/promo-research.jpg') center center no-repeat;
}

.faq #subpromoleft {
	background: url('../images/promo-faq.png') center center no-repeat;
}

.testimonial #subpromoleft {
	background: url('../images/promo-testimonial.jpg') center center no-repeat;
}

.contact #subpromoleft {
	background: url('../images/promo-contact.jpg') center center no-repeat;
}

.order #subpromoleft {
	background: url('../images/promo-order.jpg') center center no-repeat;
}

.research #subpromoright {
	background: url('../images/right-promo-research.jpg') center center no-repeat;
}

.faq #subpromoright {
	background: url('../images/right-promo-faq.jpg') center center no-repeat;
}
#subpromoright {position: relative;}
#subpromoright p {
	position: absolute;
	bottom: 20px;
	right: 0;
	text-align: left;
	width: 145px;
	font-size: 1.25em;
	color: white;
}


#subpromoright a {font-weight: bold; color: white;}

.questions {
	margin-top: 15px;
}

.testimonial #subpromoright {
	background: url('../images/right-promo-testimonial.jpg') center center no-repeat;
}

.contact #subpromoright {
	background: url('../images/right-promo-contact.jpg') center center no-repeat;
}

.order #subpromoright {
	background: url('../images/right-promo-order.jpg') center center no-repeat;
}

#subpromoright {
	width: 330px;
	height: 225px;
	float: right;
}

#subcontentwrap {
	width: 960px;
	margin: 30px auto 0;
}

/* .cfloatl {
	width: 235px;
	height: 265px;
	float: left;
	background: url('../images/stockb.jpg') center center no-repeat;
	margin-right: 20px;
	margin-top: 40px;
} */

.cfloat2 {
	width: 320px;
	height: 313px;
	clear: both;
	float: left;
	background: url('../images/supplementfacts_cropped.jpg') center center no-repeat;
	margin-right: 20px;
	border: 2px solid #f0f0f0;
}

/* Begin left */

#subcontentjoined {
	float: left;
	width: 960px; /* 630 */
	margin-bottom: 1em;
}

#subcontentjoined .about{
	float: left;
	width: 960px; /* 595 */
}

#subcontentjoined p {
	font-size: 14px;
	margin-right: 35px;
}

/* End left */

/* Begin right */

/* #subcontentright {
	width: 330px;
	float: right;
} */

#subcontentjoined .order {
	position: relative;
	height: 225px;
	width: 325px;
	background: url('../images/rightsubbox.png');
	float: right;
	margin-left: 20px;
}

#subcontentjoined .order .text {
	position: absolute;
	left: 10px;
	top: 120px;
	
	width: 170px;
}

#subcontentjoined .order a {
	position: relative;
	top: 155px;
	left: 5px;
	display: block;
	height: 60px;
	width: 161px;
	background: url('../images/order.png') no-repeat;
}

#subcontentjoined .order a:hover {
	position: relative;
	top: 155px;
	left: 5px;
	display: block;
	height: 60px;
	width: 161px;
	background: url('../images/order-hover.png') no-repeat;
}

#subcontentjoined .facts {
	float: right;
	margin-top: 18px;
}

/* End right */

#subcontentbottom { margin-top: 20px;}
#subcontentbottom p {
	font-size: 14px;
}

#subcontentbottom.testimonial {
float: left;
width: 610px;
padding: 0 10px;
}


.sitemap {
line-height: 1.5em;
}

.faq_text {
	margin: 0 40px;
}

.title {
	margin-bottom: 30px;
	width: 542px;
	height: 44px;
}

.research .title {
	background: url('../images/research-title.jpg') ;
}

.order .title{
	background: url('../images/order-title.jpg') ;
}

.testimonial .title {
	background: url('../images/testimonial-title.jpg') ;
}

.faq .title {
	background: url('../images/faq-title.jpg') ;
}

.contact .title {
	background: url('../images/contact-title.jpg') ;
}

.sitemap .title {
	background: url('../images/sitemap-title.jpg') ;
}

#promolower {
	width: 960px;
	height: 245px;
	margin: 0 auto;
}

#promomiddle {
	width: 962px;
	margin: 0 auto;
}

.promoborder {
	float: left;
	height: 13px;
	width: 2px;
	background-color: white;
}

.promomiddlea {
	float: left;
	height: 13px;
	width: 318px;
	background-color: #bce0f6;
}

.promomiddleb {
	float: left;
	height: 13px;
	width: 318px;
	background-color: #4f97c4;	
}
.promomiddlec {
	float: left;
	height: 13px;
	width: 320px;	
	background-color: #83b2cf;	
}

.promolowera {
	float: left;
	width: 320px;
	height: 245px;
	background: url('../images/promomiddlea.png') center center no-repeat;
}

.promolowerb {
	float: left;
	width: 320px;
	height: 245px;
	background: url('../images/promomiddleb.jpg') center center no-repeat;
}

.promolowerc {
	float: left;
	width: 320px;
	height: 245px;
	background: url('../images/promomiddlec.jpg') center center no-repeat;
}

#promolower p , #promolower h1{
	margin-top: 130px;
	margin-left: 10px;
	text-align: left;
	width: 155px;
	font-size: 14px;
	font-weight: normal;	
}	

#promolower h1 {
	margin-left: 0;
}


.tswrap {margin-top: 20px;}
.tsimg {float: left; width: 120px; height: 120px; margin-right: 10px;}
.tsimg1 {background: url('../images/testimonial1.png');}
.tsimg2 {background: url('../images/testimonial2.png');}
.tsimg3 {background: url('../images/testimonial3.png');}
.tsnoimg {padding: 10px 0;}
.ts p {}
.tswrap span {margin-top: 5px; margin-left: 130px; display: block;}

#guarantee {
	width: 960px;
	height: 161px;
	margin: 45px auto 20px auto;
	background: url('../images/guarantee-banner.jpg') center center no-repeat;
}
.guarantee {	font-size: 14px;}
.guarantee span {
	display: block;
	background: url('../images/check.png') left center no-repeat;
	padding-left: 40px;
	line-height: 35px;
	margin-bottom: 5px;
}

#guarantee p {
	font-size: 1.5em;
	float: right;
	margin-top: 45px;
	color: rgb(104, 104, 104);
	margin-right: 20px;
	width: 580px;
}

#footer {
	margin-top: 50px;
	height: 240px;
	background: url('../images/footerbg.gif') left top repeat-x;
}

.footermenu {
	width: 930px;
	padding-top: 30px;
	margin: 0 auto;
}

.footermenu p {
	padding-top: 15px;
	font-size: 14px;
	color: #333;
}

.footermenu b {
	color: #000;
}

.footermenu .bottom a {
}

/* Order styles. */

#orderwrap {
	background: url('../images/headerbg.gif') center 225px repeat-x;
}

#order { 
	min-height: 500px;
	width: 962px;
	margin: 0 auto;
}

#orderrightbg {
	min-height: 700px;
	float: right;
	min-width: 330px;
	background-color: #0c3674;
	
	position: relative;
}

#orderright {
	min-height: 686px;
	float: right;
	width: 328px;
	background: white;
	color: black;
	text-align: center;
	
	position: absolute;
	top: 13px;
	left: 1px;
}

#orderright .list {
	margin: 1em;
	margin-left: 2.5em;
	line-height: 3.5em;
	font-size: 16px;
	font-family: 'Source Sans Pro', Helvetica, sans-serif;
	text-align: left;
}

#orderright .list .element {
	background: url('../images/check.png') left center no-repeat;
	padding-left: 40px;
}

#orderborderleft{
	background-color: #d9eaf2;
	width: 4px;
	height: 471px;
	float: left;
	clear: left;
}

#orderborderbottom{
	background-color: #d9eaf2;
	width: 630px;
	height: 4px;
	
	clear: left;
}

#orderarea {
	float: left;
	margin-top: 13px;
	background: url('../images/orderbg.png') no-repeat left center;
	height: 458px;
	width: 626px;
	
	position: relative;
}
	
#orderarea .qty3 .price, #orderarea .qty2 .price, #orderarea .qty1 .price {
	font-size: 24px;
	color: rgb(94, 94, 94);
	text-align: center;
	position: absolute;
	bottom: 80px;
}

#orderarea .qty3 {
	position: absolute;
	top: 0;
	left: 0;
	
	background-color : transparent;
	
	width: 628px;
	height: 222px;
}

#orderarea .qty3 .price{
	left: 6.5%;
}

#orderarea .qty2 {
	position: absolute;
	bottom: 0;
	left: 0;
	
	background-color : transparent;
	
	width: 370px;
	height: 240px;
}

#orderarea .qty2 .price{
	left: 2%;
}

#orderarea .qty1 {
	position: absolute;
	bottom: 0;
	right: 0;
	
	background-color : transparent;
	
	width: 252px;
	height: 240px;
}

#orderarea .qty1 .price{
	left: 5%;
}

/* Contact Form */

#contactform textarea:focus {
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}

input.text_input:focus {
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}

#contactform label {
	display: block;
	font-weight: bold;
	margin: 0 0 7px 0;
	}

input.text_input {
	width: 50%;
	background: #f7f7f7;
	border: #d4d8d9 1px solid;
	padding: 10px 7px 10px 7px;
	margin: 0 0 25px 0;
	}

#message_text {
	width: 70%;
	background: #f7f7f7;
	border: #d4d8d9 1px solid;
	padding: 10px 7px 10px 7px;
	margin: 0 0 25px 0;
	}

#contactform label span {
	color: #aaa;
	}
	
		/* free offer */

.free-offer-list
{
 list-style: none;
 margin: 0px;
 padding: 0px;
}
.free-offer-list li
{
 display: inline-block; vertical-align: top;
 width: 20%; 
 margin: 0px;
}

.free-offer-list li img
{
 margin: 0 auto;
}

.free-offer-centr
{
  width: 55%!important;
  padding-top: 30px;
}

.free-offer-centr input
{
  margin-top: 5px;
  margin-bottom: 5px;
  with: 300px;
}


.free-offer-message 
{
	margin: 0 auto;
    width: 300px
}

.text-input
{
	width: 300px!important;
	background: #f7f7f7;
	border: #d4d8d9 1px solid;
	padding: 10px 7px 10px 7px;
	margin: 0 0 25px 0;
}

.free-offer-girl
{
  height: 380px;
}

.free-offer-girl-list
{
	width: 35%;
	float: left;
	height: 380px;
}
.free-offer-p
{
	width: 64%;
	float: right;

}

#alert-message {
text-align: center;
font-size: 12px;
color: #FF0000;
min-height: 14px;
line-height: 14px;
font-family: Arial, Helvetica, sans-serif;
}

.btn {
  background: #bfbfbf;
  background-image: -webkit-linear-gradient(top, #bfbfbf, #858585);
  background-image: -moz-linear-gradient(top, #bfbfbf, #858585);
  background-image: -ms-linear-gradient(top, #bfbfbf, #858585);
  background-image: -o-linear-gradient(top, #bfbfbf, #858585);
  background-image: linear-gradient(to bottom, #bfbfbf, #858585);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  border: 0px;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.free-offer-content
{
	padding-bottom: 0px!important;
}

.free-offer-title
{
	background: url(../images/freeoffer-title.jpg) no-repeat!important;
}

.free-offer-footer
{
	margin-top: 0px!important;
}

.testem
{
 bottom: 10px!important;
}

#myform
{
	margin: 0 auto;
	width: 400px;
}

.text-input
{
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}