/*
 	  _ _      _
   __| (_) ___| | ___ __ ___   __ _ _ __  ___
  / _` | |/ __| |/ / '_ ` _ \ / _` | '_ \/ __|
 | (_| | | (__|   <| | | | | | (_| | | | \__ \
  \__,_|_|\___|_|\_\_| |_| |_|\__,_|_| |_|___/design.com

*/

* { margin:0; padding:0; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; list-style: none; }
body { margin:0; background: #000 url(images/bg1.jpg) repeat-y top center; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color: #FFF; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
img{ display: block; }
a img { border:none; }
a { text-decoration:underline; }
a:focus, a:hover { text-decoration: none; }
.clear { clear:both; }
.over { overflow:hidden; height: 0; }

.main { position:relative; margin:0 auto; width: 940px; }

.bar1 { background: url(images/bar1-bg1.jpg) repeat-x; height: 27px; padding: 0 10px 0 0; }
.bar1 div.box { float: right; }
.bar1 div.box p { font-weight: bold; color: #d4d4d4; padding: 5px 5px 0 0; }
.bar1 div.box p,
.bar1 div.box a { float: left; text-decoration: none; }
.bar1 div.box a strong { padding: 5px 0 0 5px; color: #d4d4d4; font-weight: normal; float: left; }
.bar1 div.box a span { padding: 5px 0 0 5px; float: left; display: block; }
.bar1 div.lang { position: absolute; top: 27px; right: 0px; width: 250px; z-index: 100; background: #141414; display: none; }
.bar1 div.lang ul { padding: 10px 10px 0 0; }
.bar1 div.lang ul li { float: left; padding: 0 0 10px 10px; }
.bar1 div.lang ul li a img { opacity: .70; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }
.bar1 div.lang ul li a:hover img { opacity: 100; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

.header1 { position: relative; }
.header1 ul { position: absolute; top: 97px; left: 320px; }
.header1 ul li { float: left; }
.header1 ul li .hover img,
.header1 ul li a:hover img { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
.header1 a.logo { position: absolute; top: 13px; left: 13px; }
.header1 div.trackyouorder { position: absolute; top: 0; left: 650px; }
.header1 div.trackyouorder label { float: left; width: 115px; display: block; text-align: center; color: #d4d4d4; padding: 6px 0 0 0; }
.header1 div.trackyouorder input.input1 { border: 0; padding: 2px; float: left; margin: 4px 0 0 0; width: 128px; }
.header1 div.trackyouorder input.bt1 { margin: 4px 0 0 5px; background: url(images/header1-bt1-bg1.jpg) repeat-x; height: 20px; border: 0; font-weight: bold; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 0 2px; text-align: center; cursor: pointer; }
.content {  }

.footer1 { border-top: 1px solid #252525; background: url(images/footer1-bg1.jpg) repeat-x; padding: 15px 0; }
.footer1 .col1 { width: 325px; float: left; }
.footer1 .col2 { width: 600px; float: right; }
.footer1 .box { background: url(images/footer1-bg2.jpg); height: 165px; }
.footer1 .didyouknow { padding: 20px 20px 0 20px; }
.footer1 .grid1 { margin: 20px 0 20px 0; border-right: 1px solid #030303; width: 255px; float: left; }
.footer1 .grid1 a { padding: 25px 0 18px 20px; display: block; }
.footer1 .grid2 { margin: 20px 0 20px 0; border-left: 1px solid #353535; width: 340px; float: left; }
.footer1 .grid2 ul { padding: 5px 0 0 20px; float: left; }
.footer1 .grid2 ul li { height: 42px; width: 160px; float: left; }
.footer1 .grid2 ul li a { color: #ff0000; font-weight: bold; text-decoration: none; }
.footer1 .grid2 ul li span { display: block; font-size: 10px; line-height: 10px; }
.footer1 address { text-align: center; padding: 13px 0 0 0; font-size: 11px; line-height: 12px; }

/* -------------------------------------------------------------------------- */
/* HOME
/* -------------------------------------------------------------------------- */

#home .box1 { padding: 0 0 11px 11px; height: 447px; overflow: hidden; }

#home .box2 { width: 705px; float: left; }
#home .box2 ul { width: 705px; }
#home .box2 ul li { position: relative; height: 455px; width: 217px; float: left; padding: 16px 0 12px 16px; overflow: hidden; }
#home .box2 ul li p { position: absolute; top: 412px; left: 25px; width: 195px; font-style: italic; }
#home .box2 div.splash1 { position: relative; width: 705px; height: 48px; }
#home .box2 div.splash1 a.bt1 { position: absolute; top: 10px; right: 15px; }

#home .box3 { width: 235px; float: left; }
#home .box3 .box { margin: 16px 0 0 7px; width: 217px; height: 515px; position: relative; }
#home .box3 .box p { font-style: italic; position: absolute; top: 340px; left: 14px; width: 190px; color: #919191; }
#home .box3 .box p strong { display: block; padding: 3px 0 0 0; text-align: right; }
#home .box3 .box a.bt1 { position: absolute; bottom: 10px; right: 0; }

#home .box4 { margin: 11px 0 0 0; border-top: 2px solid #313131; }
#home .box4 ul { height: 55px; padding: 0 0 13px 0; }
#home .box4 ul li { float: left; padding: 0 0 0 13px; }

#home-footer { height: 290px; overflow: hidden; text-align: center; }



#home .backG1 {background:url(images/nbox/bgbig1.jpg); min-height: 456px;    background-size: cover;}

._boxNm {
    float: right;
    margin-right: 40px;
    width: 480px;
    margin-top: 110px;
}
._boxNm h2 {
    font-size: 45px;
    line-height: 48px;
    font-weight: bold;
    color: #cccccc;
    text-shadow: 1px -6px 10px black;
}
._boxNm a {
    text-decoration: none;
    color: red;
    font-size: 20px;
    margin-top: 20px;
    float: left;
    padding: 12px 50px;
    background: #303030;
    border-radius: 9px;
}
._boxNm p {
    font-size: 17px;
    line-height: 21px;
    margin-top: 9px;
}
.bxPlh {
    background: url(images/nbox/prodguy.jpg);
    min-height: 296px;
    background-size: cover;
}
.boxnml {
    width: 440px;
    margin-left: 300px;
    float: left;
    margin-top: 100px;
}
.boxnml h2 {
    font-size: 24px;
    line-height: 33px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 1px -6px 10px black;
}

.boxnml a {
    text-decoration: none;
    color: red;
    font-size: 20px;
    margin-top: 20px;
    float: left;
    padding: 12px 50px;
    background: #303030;
    border-radius: 9px;
}

/* -------------------------------------------------------------------------- */
/* HOW IT WORKS
/* -------------------------------------------------------------------------- */

#howitworks .box1 { padding: 0 0 0 11px; height: 540px; overflow: hidden; position: relative; }

#howitworks .box2 { width: 705px; float: left; }
#howitworks .box2 p.title1 {}
#howitworks .box2 p.title2 { padding: 10px 0 0 0; }
#howitworks .box2 p.title3 { padding: 10px 0 10px 0; }
#howitworks .box2 div.area1 { position: relative; }
#howitworks .box2 div.area1 p { position: absolute; top: 10px; left: 20px; width: 660px; }
#howitworks .box2 div.area1 p em { font-size: 14px; color: #b1b1b1; font-style: italic; font-weight: bold; }
#howitworks .box2 div.area1 p strong { font-size: 14px; color: #ffffff; }
#howitworks .box2 div.area1 p span { width: 450px; display: block; }
#howitworks .box2 div.area2 { padding: 0 20px 0 20px; }

#howitworks .box3 { width: 235px; float: left; }
#howitworks .box3 .box { margin: 0 0 0 7px; width: 217px; height: 515px; position: relative; }
#howitworks .box3 .box p { font-style: italic; position: absolute; top: 340px; left: 14px; width: 190px; color: #919191; }
#howitworks .box3 .box p strong { display: block; padding: 3px 0 0 0; text-align: right; }
#howitworks .box3 .box a.bt1 { position: absolute; bottom: 10px; right: 0; }

#howitworks .box4 { margin: 11px 0 0 0; }
#howitworks .box4 ul { height: 55px; padding: 0 0 13px 0; }
#howitworks .box4 ul li { float: left; padding: 0 0 0 13px; }

#howitworks .specialoffer { margin: 18px 0 0 5px; }

/* -------------------------------------------------------------------------- */
/* BENEFITS
/* -------------------------------------------------------------------------- */

#benefits .box1 { padding: 0 0 11px 11px; height: 540px; overflow: hidden; position: relative; }
#benefits .box1 a.bt1 { position: absolute; bottom: 87px; left: 801px; }
#benefits .box1 ul { position: absolute; top: 176px; left: 782px; }
#benefits .box1 ul li { height: 100px; width: 110px; font-style: italic; }

#benefits .box2 { width: 705px; float: left; }
#benefits .box2 div.area1 { padding: 10px 20px 25px 20px; }
#benefits .box2 div.area1 strong { font-size: 14px; color: #b1b1b1; font-style: italic; }
#benefits .box2 ul li { position: relative; padding: 0 0 25px 0; color: #919191; }
#benefits .box2 ul li p { position: absolute; top: 30px; left: 258px; width: 420px; }
#benefits .box2 ul li strong { font-size: 14px; color: #FFF; font-style: italic; display: block; }

#benefits .box3 { width: 235px; float: left; }
#benefits .box3 .box { margin: 0 0 0 7px; width: 217px; height: 545px; position: relative; }
#benefits .box3 .box p { font-style: italic; position: absolute; top: 320px; left: 14px; width: 190px; color: #919191; }
#benefits .box3 .box p strong { display: block; padding: 3px 0 0 0; text-align: right; }
#benefits .box3 .box a.bt1 { position: absolute; bottom: 40px; right: 0; }

#benefits .box4 { margin: 11px 0 0 0; }
#benefits .box4 ul { height: 55px; padding: 0 0 13px 0; }
#benefits .box4 ul li { float: left; padding: 0 0 0 13px; }

#benefits .specialoffer { margin: 8px 0 0 5px; }

/* -------------------------------------------------------------------------- */
/* INGREDIENTS
/* -------------------------------------------------------------------------- */

#ingredients .box1 { padding: 0 0 0 11px; height: 502px; overflow: hidden; position: relative; }
#ingredients .box1 a.bt1 { position: absolute; bottom: 30px; right: 13px; }
#ingredients .box1 ul { position: absolute; top: 380px; left: 570px; font-style: italic; }
#ingredients .box1 ul li { height: 74px; }

#ingredients .box2 { width: 705px; float: left; }
#ingredients .box2 div.area1 { padding: 10px 20px 25px 20px; }
#ingredients .box2 div.area1 strong { font-size: 14px; color: #b1b1b1; font-style: italic; }
#ingredients .box2 ul { padding: 0 20px; }
#ingredients .box2 ul li { position: relative; color: #ffffff; padding: 15px; background: #161616; border: 1px solid #2c2c2c; margin: 0 0 20px 0; }
#ingredients .box2 ul li.bg1 { background: #000000; }
#ingredients .box2 ul li strong { font-size: 17px; font-weight: bold; display: block; }
#ingredients .box2 ul li em { color: #ff0000; }
#ingredients .box2 ul li p { padding: 5px 0 0 0; }

#ingredients .box3 { width: 235px; float: left; }
#ingredients .box3 .box { margin: 0 0 0 7px; width: 217px; height: 470px; position: relative; }
#ingredients .box3 .box p { font-style: italic; position: absolute; top: 340px; left: 14px; width: 190px; color: #919191; }
#ingredients .box3 .box p strong { display: block; padding: 3px 0 0 0; text-align: right; }
#ingredients .box3 .box a.bt1 { position: absolute; bottom: 10px; right: 0; }

#ingredients .box4 { margin: 11px 0 0 0; }
#ingredients .box4 ul { height: 55px; padding: 0 0 13px 0; }
#ingredients .box4 ul li { float: left; padding: 0 0 0 13px; }

#ingredients .specialoffer { margin: 18px 0 0 5px; }

/* -------------------------------------------------------------------------- */
/* SUCESS STORIES
/* -------------------------------------------------------------------------- */

#sucessstories .box1 { padding: 0 0 0 11px; height: 502px; overflow: hidden; position: relative; }

#sucessstories .box2 { width: 705px; float: left; }
#sucessstories .box2 div.area1 { padding: 10px 20px 25px 20px; }
#sucessstories .box2 div.area1 strong { font-size: 14px; color: #b1b1b1; font-style: italic; }
#sucessstories .box2 ul { padding: 0 20px; }
#sucessstories .box2 ul li { position: relative; color: #ffffff; margin: 0 0 20px 0; }
#sucessstories .box2 ul li p { position: absolute; left: 183px; top: 7px; width: 300px; }
#sucessstories .box2 ul li p em { color: #ff0000; font-style: italic; }

#sucessstories .box3 { width: 235px; float: left; }

#sucessstories .box4 { margin: 11px 0 0 0; }
#sucessstories .box4 ul { height: 55px; padding: 0 0 13px 0; }
#sucessstories .box4 ul li { float: left; padding: 0 0 0 13px; }

#sucessstories .specialoffer { margin: 18px 0 0 5px; }
#sucessstories .benefits { margin: 18px 0 0 5px; }
#sucessstories .howitworks { margin: 18px 0 0 5px; }

/* -------------------------------------------------------------------------- */
/* FAQ
/* -------------------------------------------------------------------------- */

#faq .box1 { padding: 0 0 0 11px; height: 501px; overflow: hidden; position: relative; }

#faq .box2 { width: 705px; float: left; }
#faq .box2 ul { padding: 5px 0 15px 25px; }
#faq .box2 ul li { padding: 0 0 3px 0; }
#faq .box2 ul li a { color: #ff1800; }
#faq .box2 ol { padding: 0 15px; }
#faq .box2 ol li { border-top: 1px solid #616161; background: url(images/faq-box2-bg1.jpg) no-repeat top center; padding: 10px 5px; }
#faq .box2 ol li h2 { font-size: 18px; line-height: 18px; color: #919191; font-weight: bold; display: block; padding: 0 0 10px 0; }
#faq .box2 ol li a { display: block; text-align: right; color: #F00; background: url(images/faq-box2-s1.jpg) no-repeat 570px 6px; }

#faq .box3 { width: 235px; float: left; }
#faq .box3 .box { margin: 0 0 0 7px; width: 217px; height: 515px; position: relative; }
#faq .box3 .box p { font-style: italic; position: absolute; top: 340px; left: 14px; width: 190px; color: #919191; }
#faq .box3 .box p strong { display: block; padding: 3px 0 0 0; text-align: right; }
#faq .box3 .box a.bt1 { position: absolute; bottom: 10px; right: 0; }

#faq .box4 { margin: 11px 0 0 0; }
#faq .box4 ul { height: 55px; padding: 0 0 13px 0; }
#faq .box4 ul li { float: left; padding: 0 0 0 13px; }

#faq .benefits { margin: 18px 0 0 5px; }
#faq .howitworks { margin: 18px 0 0 5px; }

/* -------------------------------------------------------------------------- */
/* ORDERNOW
/* -------------------------------------------------------------------------- */

#ordernow .box1 { padding: 0 0 0 11px; height: 501px; overflow: hidden; position: relative; }

#ordernow .box2 { width: 705px; float: left; }
#ordernow .box2 div.area1 { padding: 10px 20px 25px 20px; }
#ordernow .box2 div.area1 strong { font-size: 20px; color: #b1b1b1; line-height: 20px; }
#ordernow .box2 div.box { position: relative; }
#ordernow .box2 div.box div.expose ol { padding: 0 0 0 20px; }
#ordernow .box2 div.box div.expose ol li { padding: 0 0 11px 0; }
#ordernow .box2 div.box div.expose ol li.hover a img { opacity: .30; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=.30); }
//#ordernow .box2 div.box div.absolute { position: absolute; top: 0px; left: 20px; z-index: 100; }
#ordernow .box2 div.box div.absolute {  top: 0px; left: 20px; z-index: 100; }
#ordernow .box2 div.box div.absolute ul { position: absolute; top: 69px; left: 12px; }
#ordernow .box2 div.box div.absolute ul li { height: 29px; }
#ordernow .box2 div.box div.absolute ul li label { width: 130px; text-align: right; display: block; float: left; padding: 0 10px 0 0; }
#ordernow .box2 div.box div.absolute ul li input,
#ordernow .box2 div.box div.absolute ul li select { width: 140px; border: 2px solid #4a4a4a; }
#ordernow .box2 div.box div.absolute ul li input { padding: 2px; }
#ordernow .box2 div.box div.absolute ul li select { width: 148px; height: 24px; }
#ordernow .box2 div.box div.absolute ol { position: absolute; }
#ordernow .box2 div.box div.absolute ol li { padding: 0 0 10px 0; }
#ordernow .box2 div.box div.absolute ol li input,
#ordernow .box2 div.box div.absolute ol li label { float: left; }
#ordernow .box2 div.box div.absolute ol li label { padding: 0 0 0 10px; width: 245px; }
#ordernow .box2 div.box div.absolute ol li span { padding: 0 0 0 23px; display: block; }
#ordernow .box2 div.box div.absolute ol li p { display: block; padding: 0 0 0 56px; }
#ordernow .box2 div.box div.absolute p.bt1 { position: absolute; top: 371px; left: 375px; }

#ordernow .box3 { width: 235px; float: left; margin: 0 0 14px 0; }
#ordernow .box3 .grid1 .box { margin: 0 0 0 7px; width: 217px; height: 355px; position: relative; }
#ordernow .box3 .grid1 .box p { font-style: italic; position: absolute; top: 225px; left: 14px; width: 190px; color: #919191; }
#ordernow .box3 .grid1 .box p strong { display: block; padding: 3px 0 0 0; text-align: right; }
#ordernow .box3 .grid1 .box a.bt1 { position: absolute; bottom: 10px; right: 0; }

#ordernow .box3 .grid2 .box { margin: 0 0 0 7px; width: 217px; height: 217px; position: relative; }
#ordernow .box3 .grid2 .box p { font-style: italic; position: absolute; top: 20px; left: 10px; width: 200px; }
#ordernow .box3 .grid2 .box p span { display: block; padding: 0 0 0 100px; }







#ordernow .box3 { width: 235px; float: left; margin: 0 0 14px 0; }
#ordernow .box3 .grid1 .box { margin: 0 0 0 7px; width: 217px; height: 355px; position: relative; }
#ordernow .box3 .grid1 .box p {
	font-style: italic;
	position: absolute;
	top: 213px;
	left: 14px;
	width: 190px;
	color: #919191;
	height: 131px;
}
#ordernow .box3 .grid1 .box p strong { display: block; padding: 3px 0 0 0; text-align: right; }
#ordernow .box3 .grid1 .box a.bt1 { position: absolute; bottom: 10px; right: 0; }

#ordernow .box3 .grid2 .box {
	margin: 0 0 0 7px;
	width: 217px;
	height: 255px;
	position: relative;
}
#ordernow .box3 .grid2 .box p {
	font-style: italic;
	position: absolute;
	top: 10px;
	left: 8px;
	width: 210px;
}
#ordernow .box3 .grid2 .box p span { display: block; padding: 0 0 0 100px; }

/*FORM*/
#ordernow .box2 div.box div.absolute div.buy {
position:absolute;
left:420px;
top:67px;
}
#ordernow .box2 div.box div.absolute div.buy label {
margin:10px;
}
.massCollectDisallowed{
color: red;
}
#ordernow .box2 div.box div.absolute div.total {
position:absolute;
left:400px;
top:145px;
}
#ordernow .box2 div.box div.absolute div.buttons {
position:absolute;
left:400px;
top:260px;
}
#ordernow .box2 div.box div.absolute div.buttons input {
width:200px;
display:block;
margin: -6px 4px -6px;
}

.capcha{
    float:left;
}
#capcha{
    margin-top:12px;
}
#orderform .box3 .form .contact ul {
    clear:both;
    float:left;
    width:100%;
}
.sendbt{
    clear:both;
    text-align:center;
}
.contact{
    height:303px;
}
#ordernow .box2 div.box div.absolute .contact ul {
    top:20px;
}


/*discount*/

#ordernow .box2 div.box div.form li.discountCode{
	height: 110px;
	background: url(/images/promo.jpg) no-repeat top left ;
	background-position: 10px top;
	color:#000;
	margin:10px 0px;
	position: absolute;
	top:378px;
	color:#FFF;
}
#ordernow .box2 div.box div.form li.discountCode input{
	width:200px;
}
#ordernow .box2 div.box div.form li.discountCode label{
	font-weight: bold;
}
.form li.discountCode div{
	padding-left:55px;
	clear: both;
	width:500px;
	padding-top:10px;
	padding-bottom:10px;


}
.form #discount_code.error{
	border: 1px solid red;
	background-color: #FFAAAA;
}

.form li.discountCode #discount_code_txt{
    color: red;
    left: 330px;
    //position: absolute;
    top: 35px;

}

.capcha{
    float:left;
}
#capcha{
    margin-top:12px;
}
 .contact ul {
    clear:both;
    float:left;
    width:100%;
}

 .contact ul {
    top:20px;
}

#ordernow .box2 div.box {
    position: relative;
}

#ordernow .box2 div.box div.absolute {
    left: 20px;
    top: 0;
    z-index: 100;
}