@charset "utf-8";
/*CSS Document*/
body {
    font: 12px arial;
    margin: 0;
    padding: 0;
	background:#e1f1f1;
}
.clr {
    clear: both;
}
.header {
    background:none repeat scroll 0 0 #517281;
    position: relative;
    width: 100%;
    z-index: 5;
}
.header-support {
  background: none repeat scroll 0 0 #AFC1CC;
box-shadow: 0 0 16px #3D4D57 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: #000;
    font: 12px/70px arial;
    padding: 27px 9px;
    text-decoration: none;
    text-transform: uppercase;
}
.nav li a:hover {
    background: none repeat scroll 0 0 #537788;
color: #fff !important;
}
.active {
    background: none repeat scroll 0 0 #537788;
color: #fff !important;
}
.mid-panel {
       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/fueloflife.net/banner.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
    float: left;
    height: 377px;
    position: relative;
    width: 1000px;
}
a{
	outline:none;
}
.btnorder-now {
 height: 54px;
position: absolute;
left: 180px;
top: 292px;
width: 238px;
}
.punchline-bg {
    background:none repeat scroll 0 0 #AFC1CC;
    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 {
position: absolute;
left: 10px;
top: 108px;
width: 162px;
}
.adrest-img img{
	/*width: 151px;*/
}
.content-sup {
    float: left;
    padding: 25px;
    width: 950px;
}
.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;
}
.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/fueloflife.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/fueloflife.net/bulet.jpg") no-repeat scroll 0 16px rgba(0, 0, 0, 0);
    color: #474747;
    float: left;
    font: 13px/31px 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: 26px/50px arial;
padding-left: 15px;
}
.link a {
    color: #D30400;
    float: left;
    font: 17px arial;
    padding: 15px 0 0 30px;
    text-align: center;
    text-decoration: underline;
}
.link a:hover {
    text-decoration: none;
}
.bg-order {
    background: url("../img/fueloflife.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: 20px;
    padding-top: 10px;
}
.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/fueloflife.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/fueloflife.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: 600px;
}
.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 #517281;
    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/fueloflife.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/fueloflife.net/inner-bg.jpg") no-repeat scroll center center;
    /*border-top: 5px solid #035AB4;*/
    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: 411px;
    width: 291px;
}
h2 {
    border-bottom: 1px dashed #B5B5B5;
    color: #2d728b;
    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/fueloflife.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;
}
.off-img {
float: right;
width: 101px;
height: 40px;
padding: 7px 20px 0 0;
}
.disclamer-txt {
float: left;
color: #606060;
float: left;
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;
}




/*//////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////
===================== responsive CSS===================
//////////////////////////////////////////////////////
////////////////////////////////////////////////////
////////////////////////////////////////////////*/
@media all and (min-width:999px) and (max-width:1050px){
.adrest-img img, .btnorder-now img {height: auto; width: 100%;}
.adrest-img { left: 2% !important; right: auto !important; top:19% !important; width: 138px !important;}
.btnorder-now {left: 21% !important; top: 76% !important; width: 200px !important;height: auto !important;}
}
@media only screen and (min-width:768px) and (max-width:998px){
.adrest-img { left: 2% !important; right: auto !important; top: 24% !important; width: 88px !important;}
.btnorder-now {left: 21% !important; top: 69% !important; width: 108px !important;}
.adrest-img img, .btnorder-now img {height: auto; width: 100%;}
}
@media only screen and (min-width:480px) and (max-width:767px){
.adrest-img {left: 2% !important; right: auto !important; top: 34% !important; width: 57px !important;}
.btnorder-now {left: 21% !important; top: 69% !important; width: 108px !important;}
.adrest-img img, .btnorder-now img {height: auto; width: 100%;}
}
@media only screen and (min-width:320px) and (max-width:479px){
.banner {height: 26vh !important;}
.adrest-img {left: 2% !important; right: auto !important; top: 34% !important; width: 42px !important;}
.btnorder-now {left: 21% !important; top: 69% !important; width: 108px !important;}
}
@media only screen and (min-width:130px) and (max-width:319px){
}
@media only screen and (min-width:360px) and (max-width:479px){
.banner {height: 20vh !important;}
}