@charset "utf-8";
/*CSS Document*/
body {
    font: 12px arial;
    margin: 0;
    padding: 0;
	background: url(../img/megamultivitamins.net/Backgroundf.jpg) repeat #abb4bc;
}
.clr {
    clear: both;
}
.header {
    background: none repeat scroll 0 0 #004040;
    position: relative;
    width: 100%;
    z-index: 5;
}
.header-support {
     background: none repeat scroll 0 0 #AACD33;
    box-shadow: 0 0 16px #f1ffc0 inset;
    margin: 0 auto;
    width: 1000px;
}
.logo {
    background: none repeat scroll 0 0 #323232;
    float: left;
    height: 70px;
    padding: 0 51px 0 42px;
    width: 80px;
}
.nav {
    float: right;
    width: 720px;
}
.nav ul {
    margin: 0;
    padding: 0;
}
.nav li {
    float: left;
    list-style: none outside none;
}
.nav li a {
    color: #004040;
    font: 12px/70px arial;
    padding: 27px 9px;
    text-decoration: none;
    text-transform: uppercase;
}
.nav li a:hover {
    background: none repeat scroll 0 0 #004040;
    color: #fff !important;
}
.active {
    background: none repeat scroll 0 0 #004040;
    color: #fff !important;
}
.mid-panel {
    background: url("../img/megamultivitamins.net/Background.jpg") no-repeat center top; 
    width: 100%;
}
.mid-support {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 20px #999999;
    margin: 0 auto;
    position: relative;
    width: 1000px;
    z-index: 3;
}
.banner {
    background: url("../img/megamultivitamins.net/banner.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
    float: left;
    height: 377px;
    position: relative;
    width: 1000px;
}
.btnorder-now {
    height: 54px;
    left: 680px;
    position: absolute;
    top: 260px;
    width: 188px;
}
.punchline-bg {
    background: none repeat scroll 0 0 #aacd33;
    float: left;
    width: 1000px;
}
.recomendation-head {
    float: left;
    height: 40px;
    width: 170px;
}
.punchline-txt {
    color: #222222;
    float: left;
    font: 17px/41px arial;
    padding: 0 0 0 7px;
}
.adrest-img {
    left: 546px;
    position: absolute;
    top: 162px;
    width: 98px;
}
.content-sup {
    float: left;
    padding: 25px;
    width: 950px;
	min-height:524px;
}
.ingredients-head {
    float: left;
    height: 21px;
    margin-bottom: 12px;
    width: 118px;
}
.point-sup {
    border-right: 1px solid #E5E5E5;
    float: left;
    padding-bottom: 40px;
    padding-right: 40px;
    width: 407px;
}
ul.points {
    margin: 0;
    padding: 0;
}
.points li {
    background: url("../img/megamultivitamins.net/bulet.jpg") no-repeat scroll 0 14px rgba(0, 0, 0, 0);
    color: #474747;
    float: left;
    font: 13px/23px Calibri;
    list-style: none outside none;
    padding: 4px 15px;
    text-align: justify;
}
.point-sup1 {
    float: left;
    padding-left: 30px;
    width: 407px;
}
ul.points1 {
    margin: 0;
    padding: 0;
}
.points1 li {
    background: url("../img/megamultivitamins.net/bulet.jpg") no-repeat scroll 0 16px rgba(0, 0, 0, 0);
    color: #474747;
    float: left;
    font: 13px/26px Calibri;
    list-style: none outside none;
    padding: 4px 15px;
    text-align: justify;
    width: 394px;
}
.link-bg {
    background: none repeat scroll 0 0 #F3F3F3;
    border-top: 1px solid #E5E5E5;
    float: left;
    width: 935px;
}
.order-head {
    color: #51504A;
    float: left;
    font: 20px/50px arial;
    padding-left: 15px;
}
.link a {
    color: #D30400;
    float: left;
    font: 15px arial;
    padding: 15px 0 0 15px;
    text-align: center;
    text-decoration: underline;
}
.link a:hover {
    text-decoration: none;
}
.bg-order {
    background: url("../img/megamultivitamins.net/order-bg.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 171px;
    margin-top: 30px;
    width: 462px;
}
.order-heading {
    float: left;
    height: 20px;
    padding: 12px;
    width: 86px;
}
.order-txt {
    color: #5B5B5B;
    float: left;
    font: 14px/30px arial;
    padding-left: 5px;
    padding-top: 10px;
	width:440px;
}
.order-txt span a {
    color: #000000;
    font: 16px arial;
    text-decoration: none;
}
.order-txt span a:hover {
    text-decoration: underline;
}
.blue-txt {
    color: #007DBE;
}
.mail-txt a {
    color: #000000;
    font: italic 15px arial;
}
.bg-price {
    background: url("../img/megamultivitamins.net/order-bg.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 171px;
    margin-left: 13px;
    margin-top: 30px;
    width: 462px;
}
.price-heading {
    color: #007DBE;
    float: left;
    font: 20px arial;
    padding: 9px 5px 5px 12px;
}
.price-heading span{
	color:#474747;
    font: 20px arial;

	}
.table-div {
    float: left;
    width: 249px;
    padding: 10px;
	position:relative;
}
td {
    border-bottom: dashed 1px #c2c2c2;
}
.table-div .stng {
color: #9f9f9f;
    font-size: 15px;
    position: absolute;
    right: -83px;
    text-decoration: line-through;
    top: 19px;
	}
	.table-div .redstng {
     color: red;
    font-size: 15px;
}
.btn-buynow {
    float: left;
    height: 39px;
    padding-right: 56px;
    padding-top: 43px;
    width: 57px;
}
.tag {
    float: left;
    height: 106px;
    padding-top: 20px;
    width: 304px;
}
.txt-heading {
    float: left;
    height: 30px;
    padding-left: 10px;
    padding-top: 20px;
    width: 615px;
}
.content {
    color: #606060;
    float: left;
    font: 12px/20px arial;
    padding: 5px 0 0 10px;
    text-align: justify;
    width: 615px;
}
.read-more a {
    color: #007DBE;
    float: right;
    font: 12px arial;
    padding-right: 20px;
    text-decoration: none;
}
.read-more a:hover {
    text-decoration: underline;
}
.footer-link-bg {
    background: url("../img/megamultivitamins.net/footer-linkbg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 45px;
    margin: 0 auto;
    width: 1101px;
}
.footer-link-sup {
    margin: 0 auto;
    width: 1000px;
}
.copyright-txt {
    color: #ABABAB;
    float: left;
    font: 12px/22px arial;
    padding-left: 25px;
}
.f-link {
    float: right;
    width: 576px;
	margin-top:4px;
}
.f-link ul {
    margin: 0;
    padding: 0;
}
.f-link li {
    float: left;
    list-style: none outside none;
}
.f-link li a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ABABAB;
    font: 12px arial;
    padding: 5px 0 0 16px;
    text-decoration: none;
}
.f-link li a:hover {
    color: #FFFFFF;
}
.bottom-footer-bg {
    background: none repeat scroll 0 0 #004040;
    padding-bottom: 35px;
    width: 100%;
}
.bottom-footer-sup {
    margin: 0 auto;
    width: 1000px;
}
.secured-img-sup {
    float: left;
    height: 96px;
    position: relative;
    width: 510px;
}
.footer-logo {
    float: left;
    height: 97px;
    padding-top: 20px;
    width: 344px;
}
.addto-cart {
    height: 36px;
    position: absolute;
    right: 4px;
    top: 40px;
    width: 398px;
}
.toll-number {
    background: url("../img/megamultivitamins.net/phone-icon.png") no-repeat scroll 0 45px rgba(0, 0, 0, 0);
    color: #FFFFFF;
    float: right;
    font: bold 29px arial;
    padding-left: 28px;
    padding-top: 30px;
    width: 314px;
}
.toll-number span {
    color: #FFFFFF;
    font: 15px arial;
}
.f-iocn {
    float: right;
    height: 21px;
    padding: 9px 7px 0 0;
    width: 108px;
}
.inner-banner-bg {
    background: url("../img/megamultivitamins.net/inner-bg.jpg") no-repeat scroll center center;
    border-top: 5px solid #a3a7ab;
    height: 99px;
    width: 1000px;
}
h1 {
    color: #000000;
    float: left;
    font: 39px/85px arial;
    margin: 0;
    padding-left: 20px;
}
.inner-content {
    color: #606060;
    float: left;
    font: 12px/20px arial;
    padding: 5px 0 0 2px;
    text-align: justify;
    width: 944px;
}
.adrest-img1 {
    float: right;
    height: 215px;
    width: 124px;
}
h2 {
    border-bottom: 1px dashed #B5B5B5;
    color: #7E8286;
    float: left;
    font: 17px/30px arial;
    margin: 0;
    padding: 0;
    width: 945px;
}
.ingredients-points {
    float: left;
    width: 945px;
}
.ingredients-points ul {
    margin: 0;
    padding: 0;
}
.ingredients-points li {
    background: url("../img/megamultivitamins.net/bulet-1.png") no-repeat scroll 0 15px rgba(0, 0, 0, 0);
    border-bottom: 1px dotted #BFBFBF;
    color: #000000;
    float: left;
    font: 11px/20px arial;
    list-style: none outside none;
    padding: 8px 0 0 17px;
    width: 930px;
}
.faq-img {
    height: 297px;
    margin: 0 auto;
    width: 300px;
}
.order-place {
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(255, 255, 255, 0.5) inset, 0 2px 3px rgba(0, 0, 0, 0.1);
    float: left;
    height: 25px;
    margin-bottom: 10px;
    margin-top: 20px;
    padding: 11px 13px;
    width: 900px;
}
.info {
    background-color: #CCDDFF;
    background-image: -moz-linear-gradient(center top , #EEEEFF, #CCDDFF);
    border: 1px solid #CADCEA;
}
.order-txt1 {
    color: #225B86;
    float: left;
    font: 15px/26px arial;
    padding-left: 177px;
    text-shadow: 0 1px 1px #FFFFFF;
}
.order-txt1 span {
    color: #225B86;
    font: bold 15px/26px arial;
    text-shadow: 0 1px 1px #FFFFFF;
}
.order-txt1 span a {
    color: #000000;
    text-decoration: none;
}
.order-txt1 span a:hover {
    text-decoration: underline;
}
.order-txt1 {
    color: #225B86;
    float: left;
    font: 15px/26px arial;
    padding-left: 177px;
    text-shadow: 0 1px 1px #FFFFFF;
}
.addres-text {
    background: none repeat scroll 0 0 #FBFBFB;
    box-shadow: 0 0 5px #CCCCCC;
    color: #1F4470;
    float: left;
    font: 13px/26px arial;
    margin-top: 20px;
    padding: 20px;
    width: 370px;
}
.contact-img {
    float: right;
    height: 220px;
    width: 220px;
}
.content-head{
	float:left;
	font:bold 20px arial;
	color:#474747;
	text-transform:uppercase;
}
.description{
	float:left;
	font:13px/23px Calibri;
	color:#474747;
	text-align:justify;
	padding-bottom:5px;
}
.disclamer-txt{
	float:left;
	color: #606060;
    font: 12px/20px arial;
    padding: 5px 0 0 10px;
	width:920px;
	text-align:justify;
}
.disclamer-txt a{
	color: #000;

    font: 15px/20px arial;
	text-decoration:none;
}
.disclamer-txt a:hover{
	text-decoration:underline;
}
.off-img{
	float:right;
	width:101px;
	height:40px;
	padding:7px 20px 0 0 ;
}



/*//////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////
===================== responsive CSS===================
//////////////////////////////////////////////////////
////////////////////////////////////////////////////
////////////////////////////////////////////////*/
@media all and (min-width:999px) and (max-width:1050px){
.banner {height: 50vh !important;}
}
@media only screen and (min-width:768px) and (max-width:998px){
.adrest-img {left: 58% !important; right: auto !important; top: 43% !important; width: 85px !important;}
.btnorder-now {left: auto !important; right: 2% !important; top: 65% !important; width: 198px !important;}
.banner {height: 28vh !important;}
}
@media only screen and (min-width:480px) and (max-width:767px){
.adrest-img {left: 58% !important; right: auto !important; top: 43% !important; width: 55px !important;}
.btnorder-now {left: auto !important; right: 2% !important; top: 60% !important; width: 118px !important;}
}
@media only screen and (min-width:640px) and (max-width:767px){
.adrest-img {left: 58% !important; right: auto !important; top: 43% !important; width: 71px !important;}
.btnorder-now {left: auto !important; right: 2% !important; top: 60% !important; width: 158px !important;}
}
@media only screen and (min-width:600px) and (max-width:639px){
}
@media only screen and (min-width:320px) and (max-width:479px){
.banner {height: 22vh !important;}
.adrest-img {left: 58% !important; right: auto !important; top: 43% !important; width: 37px !important;}
.btnorder-now {left: auto !important; right: 2% !important; top: 60% !important; width: 78px !important;}
}
@media only screen and (min-width:360px) and (max-width:479px){
.banner {height: 21vh !important;}
}
@media only screen and (min-width:130px) and (max-width:319px){
}