/* GENERAL
----------------------------------------------------------------------------- */

* {margin:0; padding:0;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
a img {border: 0;}
img { display: block; }
ul, ol {list-style:none;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.over0 {overflow:hidden; height:0px;}

a.light img {filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;}
a.light:hover img {filter:alpha(opacity=100); -moz-opacity:100; opacity:100;}

img.png, div.png { behavior: url(includes/iepngfix.htc) }

/* BASE
----------------------------------------------------------------------------- */

body { margin:0; font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:1.3em; color:#0681ba; }
.inner { width: 960px; margin: 0 auto; position: relative; }

/* HEADER
----------------------------------------------------------------------------- */
.header { background: url(images/header-bg1.jpg) no-repeat top center; height: 289px;}
.header.notitle {height: 366px;}
.header .person { position: absolute; top: 0px; left: 0px; }
.header .bt { position: absolute; top: 15px; left: 243px; }
.header .tracknumber { position: absolute; top: 208px; right: 0px; }
.header .lang { position: absolute; top: 10px; right: 100px; }
.header .lang ul li { float: left; padding: 0 4px 0 0; }
.header .lang ul li a img { filter:alpha(opacity=45); -moz-opacity:.45; opacity:.45; }
.header .lang ul li .hover img,
.header .lang ul li a:hover img { filter:alpha(opacity=100); -moz-opacity:100; opacity:100; }
.header .box { position: absolute; top: 74px; left: 720px; }
.header .security { position: absolute; top: 230px; right: 10px; }
.header .menu { position: absolute; top: 231px; left: 0px; }
.header .menu ul { position: absolute; top: 0px; left: 0px; }
.header .menu ul li { float: left; } 
.header .menu ul li .hover img,
.header .menu ul li a:hover img { filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; }
.header .title { position: absolute; top: 366px; left: 0px; }
.header .stats { position: absolute; top: 15px; left: 645px; }
.header .stats .b1 { height: 22px; }
.header .stats .b1 p { background: #FFF; text-align: center; text-transform: uppercase; color: #000; width: 250px; float: left; padding: 2px 0; border: 1px solid #1289be; }
.header .stats .b1 span { float: left; }

div.title { padding: 8px 0; text-align: center;}
div.title h1{color: #0892d1;  font: 26px Arial; background: url(images/title-point.gif) no-repeat; padding-left: 30px; display: inline; letter-spacing: -1px;}
div.title h1.s{font-size: 23px;}
div.title h1.b{}
div.title h1.b2{}
div.title h2{color: #ff7f32;  font: 26px Arial; background: url(images/title-point-2.gif) no-repeat; padding: 2px 0 2px 40px; display: inline}

/* CONTENT
----------------------------------------------------------------------------- */

.bigbt { background: url(images/content-bg-2.jpg) repeat-y top center; clear: both; position: relative;}
.bigbt .inner { padding: 30px 0; }
.bigbt .inner .bt1 { position: absolute; top: 30px; left: 3px; }
.bigbt .inner .bt2 { position: absolute; top: 30px; left: 482px; }


.bthover a img { filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85; }
.bthover a:hover img { filter:alpha(opacity=100); -moz-opacity:100; opacity:100; }

/* FOOTER
----------------------------------------------------------------------------- */
.footer { height: 120px; margin-top: 10px;}
.footer .cc { position: absolute; top: 5px; left: 15px; width: 200px}
.footer .menu { position: absolute; top: 5px; left: 209px; width: 786px; }
.footer .menu ul { position: absolute; top: 2px; left: -6px; }
.footer .menu ul li { padding: 0 11px; float: left;} 
.footer .menu ul li .hover img,
.footer .menu ul li a:hover img { filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; }
.footer .copyright { padding-top: 40px; color: #aaaaaa; font-size: 12px; text-align: center;}
.footer .copyright div{font-size: 13px; padding-left: 90px;}

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

#home .box1 { background: url(images/content-bg1.jpg) no-repeat top center; }
#home .box1 .flash { position: absolute; top: 8px; left: 10px; }
#home .box2 {position: relative; padding: 10px 0 0 20px;}
#home .box2 .i1{ margin-right: 15px; margin-top: 7px;}
#home .box2 .p1 {float: left; width: 960px; text-align: left; color: #3c3c3c;}
#home .box2 .p2 {float: left; width: 960px; font: bold 21px Arial; color: #0892d1;}
#home .box2 .bt1 {float: right;}
#home .box2 .title {padding-top: 0;}
#home .box2 .title2 {font: 50px "Arial Black"; color: #ff6000; padding-top: 10px;}
#home .box22 {position: relative; padding: 10px 0 0 20px;}
#home .box22 .i1{ margin-right: 15px; margin-top: 7px;}
#home .box22 .p1 {float: left; width: 800px; text-align: justify; color: #3c3c3c;}
#home .box22 .p2 {float: left; width: 560px; font: bold 21px Arial; color: #0892d1;}
#home .box22 .bt1 {float: right;}
#home .box22 .title {padding-top: 0;}
#home .box22 .title2 {font: 50px "Arial Black"; color: #ff6000; padding-top: 10px;}
#home .box3 .bt1 { position: absolute; left: 131px; top: 140px; }
#home .box4bg {background: url(images/content-bg-2.jpg) repeat-y top center; padding: 20px 0}
#home .box4 { width: 960px; overflow: hidden; background: url(images/home-box4-bg.png) repeat-y top center; height: 233px}
#home .box4 ul { }
#home .box4 ul li {font-size: 14px; position: relative; float: left; width: 309px; height: 221px; margin-right: 10px; }
#home .box4 ul li h1 {text-align: center; font: 22px "Arial Black"; line-height: 24px; color: #2fb8ff; margin-top: 5px;}
#home .box4 ul li h1.h2, #home .box4 ul li h1.h1 { margin-top: 15px;}
#home .box4 ul li img.title {margin: 10px auto;}
#home .box4 ul li p { position: absolute; top: 45px; padding: 0 13px 0 17px; color:#FFF; font-size: 14px; }
#home .box4 ul li p.p2 {top: 50px;}
#home .box4 ul li p.p3 {top: 55px;}
#home .box4 ul li div.bt1 { position: absolute; top: 150px; left: 10px; }
#home .box5 .p1 { top: 65px; left: 57px; position: absolute; width: 420px; }
#home .box5 img {margin-right: 90px;}
#home .box5 .p1 h2 { font-size: 18px; display: block; padding: 0 0 10px 0; }
#home .box5 .p1 p { font-size: 14px; color: #404040;}
#home .box5 .p1 span { float: right; padding: 10px 0 0 0; }
#home .box5 .p1 span a { color: #d66019; text-decoration: underline; font-size: 12px; }

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

#whatisn .box1 { background: url(images/content-bg1.jpg) no-repeat top center; }
#whatisn .box1 .flash { position: absolute; top: 8px; left: 10px; width: 938px; background-color: #4a4949;}
#whatisn .box1 .flash .bt1 { position: absolute; top: 223px; left: 480px; }
#whatisn .box1 .flash .t1 { position: absolute; top: 10px; left: 505px; color: #FFF; font: 22px "Arial Black"; color: #2ebcff;}
#whatisn .box1 .flash .t2 { position: absolute; top: 53px; left: 510px; color: #FFF; font: bold 12px Arial; color: #2ebcff;}
#whatisn .box1 .flash .p1 { position: absolute; top: 95px; left: 510px; width: 390px; color: #FFF; }
#whatisn .box2 { margin-top: 13px; color: #FFF; height: 231px; background-color: #fca16b}
#whatisn .box2 ul { position: absolute; top: 55px; left: 29px; }
#whatisn .box2 ul li { width: 250px; height: 73px; padding-top: 5px; padding-left: 45px; float: left; height: 66px;  background-color: #fe7e32; margin: 0 10px 10px 0; font-size: 13px; border-top: solid 1px #de8b57; border-bottom: solid 1px #de8b57; position: relative; line-height: 15px;}
#whatisn .box2 ul li img {position: absolute; left: -6px; top: -1px;}
#whatisn .box3 .t3 {font: bold 49px Arial; padding-left: 50px; color: #ff6000; position: absolute; left: 10px; top: 10px; background: url(images/title-point-2.gif) no-repeat 10px 13px}
#whatisn .box3 .col1 { width: 470px; font-weight: bold;}
#whatisn .box3 .col1.left img {margin-bottom: 10px;}
#whatisn .box3 .col1 .p1 { position: absolute; left: 30px; top: 108px; width: 425px; }
#whatisn .box3 .col1 .p2 { position: absolute; left: 30px; top: 195px; width: 425px; }
#whatisn .box3 .col1 .p3 { position: absolute; left: 30px; top: 300px; width: 425px; }
#whatisn .box3 .col2 { width: 490px; }
#whatisn .box3 .bt1 { padding: 0}
#whatisn .box4 .inner{background: url(images/whatisn-box4-bg.jpg) no-repeat right 50px;}
#whatisn .box4 .t {font: 22px Arial; color: #ff7f32;  margin-top: 10px; margin-left: 20px;}
#whatisn .box4 ul { width: 415px; margin-top: 10px; margin-left: 20px;}
#whatisn .box4 ul li { padding: 0 0 10px 0; }
#whatisn .box4 ul li h2 { font-size: 18px; line-height: 16px; display: block; padding: 0 0 5px 0; }
#whatisn .box4 ul li p {background-color: #c2e4f4; padding: 3px; position: relative; height: 35px; overflow:hidden;}
#whatisn .box4 ul li p a{position: absolute; top: 20px; right: 10px; color: #d66019; text-decoration: underline}
#whatisn .box4 .s1 {font-size: 18px; padding-top: 10px; padding-left: 20px; width: 450px; line-height: 22px; float: left; padding-bottom: 20px;}
#whatisn .box4 .s2 {font-size: 18px; padding-top: 10px; padding-left: 20px; width: 450px; line-height: 22px; float: left; padding-bottom: 20px; color: #ff7f32}



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

#numberone .box1 { background: url(images/content-bg1.jpg) no-repeat top center; }
#numberone .box1 .inner{position: relative}
#numberone .box1 .why {position: absolute; width: 942px; height: 180px; background-color: #4a4948; top: 10px; left: 8px}
#numberone .box1 .why .l {float: left; width: 460px; height: 180px}
#numberone .box1 .why .l.b{border-right: solid 1px #777777}
#numberone .box1 .why .p{ padding-left: 20px; clear: left}
#numberone .box1 .why .p a{ color: white; text-decoration: underline}
#numberone .box1 .why .p div{font: bold 44px "Arial Black"; color: #2ebcff; float: left; line-height: 58px;}
#numberone .box1 .why .p p{font: 13px Arial; color: white; float: left; width: 370px; padding: 10px 0 0 10px;}
#numberone .why h2 {font: bold 40px Arial; letter-spacing: -1px; background-position: 0 7px}
#numberone .box3 .inner {}
#numberone .box3 .p1 { }
#numberone .box3 .p1 h2 { background: #c2e4f4; font: normal 18px Arial; color: #0992d2; line-height: 18px; text-align: center; padding: 2px 0; }
#numberone .box3 .p1 p { text-align: center; padding: 5px 25px; padding-bottom: 20px}
#numberone .box3 .l {width: 448px; float: left; margin-right: 20px;}
#numberone .box3 ul {}
#numberone .box3 ul li {}
#numberone .box3 ul li h2 { background: #c2e4f4; font-size: 17px; color: #0992d2; line-height: 18px;padding: 2px 5px; font-weight: normal; }
#numberone .box3 ul li p { padding: 10px; font-size: 12px; line-height: 13px; color: #4d4d4d}
#numberone .box3 ul li span { text-transform: uppercase; color: #d66019; padding: 6px 0 8px 0; display: block; }


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

#privacypolicy { background: url(images/privacypolicy-box1-bg.jpg) no-repeat top center; }
#privacypolicy .inner {padding-top: 1px;}
#privacypolicy .box1 {width: 960px; padding-top: 10px; padding-bottom: 18px; background: url(images/privacypolicy-box1-bg-2.jpg) no-repeat bottom center #abd4e8;}
#privacypolicy .box1 .col {width: 450px; float: left; font-size: 13px; color: white; margin: 20px 10px; height: 98px; padding-top: 0; margin-top: 14px}
#privacypolicy .box1 .col h3 {font: bold 33px "Arial Black"; color: #37b9e4;}
#privacypolicy .box1 .col {position: absolute}
#privacypolicy .box1 .col.col1 {width: 600px;}
#privacypolicy .box1 .col.col3, #privacypolicy .box1 .col.col4 {top: 150px;}
#privacypolicy .box1 .col.col2, #privacypolicy .box1 .col.col4 {left: 470px;}
#privacypolicy .box1 .col.col2 { /*background: url(images/whatisn-box1-img.png) no-repeat bottom center;*/}
#privacypolicy .box1 .in{border: solid 3px white; background-color: #484746; position: relative; height: 312px;}
#privacypolicy .box2 {background: url(images/privacypolicy-box2-1.png) no-repeat top center; padding: 10px 0 0 0; height: 306px; position: relative; margin-top: 15px; margin-bottom: 10px;}
#privacypolicy .box2 .c1,
#privacypolicy .box2 .c2 {
  position: absolute;
  color: black;
  height: 246px;
  background-color: #fee6d7;
  border: solid 7px #f4a472;
  top: 46px;
  padding: 10px;
}
#privacypolicy .box2 h3 {font: bold 22px "Arial Black"; color: #ff7f32}
#privacypolicy .box2 .c1 {left: 0; width: 550px;}
#privacypolicy .box2 .c2 {left: 577px; width: 350px;}
#privacypolicy .box2 .c2 h3 {margin-bottom: 40px;}

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

#guarantee { background: url(images/guarantee-box1-bg.jpg) no-repeat top center; }
#guarantee .inner {padding-top: 20px;background: url(images/guarantee-box1-bg2.jpg) no-repeat bottom center; padding-bottom: 19px}
#guarantee .box1 {border: solid 3px white; background-color: #484746; padding: 15px; position: relative; width: 924px; height: 260px;}
#guarantee .box1 h3 {font: bold 28px "Arial Black"; color: #37b9e4;}
#guarantee .box1 .l {font-size: 13px; color: white; width: 440px}
#guarantee .box1 .r {float: right; width: 450px; padding-top: 10px; color: white}
input.text {font: 13px Arial; color: black; border: solid 1px #0a5d84; height: 19px; width: 286px; padding-top: 3px}
#guarantee th {text-align: left; color: #ff6000; font-size: 14px;}
#guarantee .captcha {border: solid 1ps #ff6000}
/* -------------------------------------------------------------------------- */
/* HOME
/* -------------------------------------------------------------------------- */

#ingredients .box1 { background: url(images/content-bg1.jpg) no-repeat top center; }
#ingredients .box1 .flash { position: absolute; top: 8px; left: 10px; }
#ingredients .box1 .flash .bt1 { position: absolute; top: 223px; left: 484px; }
#ingredients .box1 .flash .p1 { position: absolute; top: 97px; left: 504px; text-align: center; width: 400px; color: #FFF; }
#ingredients .box2 {}
#ingredients .box2 ul { width: 420px; position: absolute; left: 25px; top: 60px; }
#ingredients .box2 ul li h2 { font-size: 18px; line-height: 18px; padding: 5px 0 5px 0; }
#ingredients .box2 ul li p { padding: 5px; background: #c0e3f3; }
#ingredients .box2 ul li span { text-align: right; display: block; padding: 5px 0 0 0; font-size: 11px; }
#ingredients .box2 ul li span a { color: #d66019; text-transform: uppercase; text-decoration: underline; }
#ingredients .box3 { padding: 0 0 13px 0; color: #FFF; }
#ingredients .box3 ul { position: absolute; top: 59px; left: 23px; }
#ingredients .box3 ul li { width: 244px; padding: 7px 17px 10px 44px; float: left; height: 73px; }

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

#commonquestions {}
#commonquestions .title {}
#commonquestions #questions {background: url(images/faq-bg1.jpg) no-repeat 100px 0;}
#commonquestions #questions #part {float: left; padding: 10px; padding-right: 0;}
#commonquestions #questions #answ {float: left; width: 700px; padding-top: 5px;}
#commonquestions #questions #answ .question {background: url(images/faq-q-bg.png) repeat-y left; padding: 7px 0 7px 70px;font-size: 15px; font-weight: bold; color: #008ed0;}
#commonquestions #questions #answ .answer {padding: 5px 0 15px 70px; color: #4d4d4d}
#commonquestions #questions #answ #ans-ship,
#commonquestions #questions #answ #ans-order,
#commonquestions #questions #answ #ans-priv
{display: none;}

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

#support { background: url(images/support-box1-bg.jpg) no-repeat top center; }
#support .box1 .line1 img {float: left;}
#support .box1 .line1 .bt { position: absolute; top: 245px; left: 66px; }
#support .box1 .line1 .bt1 { position: absolute; top: 245px; left: 385px; }
#support .box1 .line1 li{position: absolute; color: black; font-size: 13px; width: 250px; top: 60px;}
#support .box1 .line1 li.l1 {left: 50px;}
#support .box1 .line1 li.l2 {left: 365px;}
#support .box1 .line1 li.l3 {left: 675px;}
#support .box2 .text{ position: absolute; top: 60px; right: 25px; width: 305px; }
#support .box2 .text p { color:#FFFFFF;}
#support .box2 .p1 span { color: #0580b8; }
#support .box2 ul { position: absolute; top: 68px; left: 190px; }
#support .box2 ul li.li1 { height: 30px; }
#support .box2 ul li.li1 input { border: 1px solid #166a90; padding: 2px; width: 270px; float: left; }
#support .box2 .bt { position: absolute; top: 68px; left: 489px; }

#support .box3 {background: url(images/content-bg-2.jpg) repeat-y top center;}
#support .box3 .bl {padding: 10px 0; margin-left: 10px; position: relative}
#support .box3 .bl .title {color: #14bbeb; font: bold 20px "Arial Black"; position: absolute; top: 5px;}
#support .box3 .bl .title.t1 {left: 150px}
#support .box3 .bl .title.t2 {left: 510px}
#support .box3 .bl .i1 {margin-right: 10px;}
#support .box3 .bl .text {color: white; position: absolute; top: 45px}
#support .box3 .bl .text a{color: white; text-decoration: underline}
#support .box3 .bl .text.text1 {left: 27px;}
#support .box3 .bl .text.text2 {left: 220px;}
#support .box3 .bl .text.text3 {left: 505px;}
#support .box3 .bl .text.text4 {left: 705px;}


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

#order div.accept {width: 955px; margin: 10px auto 0; padding: 10px 0; position: relative}
#order div.accept div {position: absolute; top: 20px}
#order div.accept div.phone {right: 220px;}
#order div.accept div.mail {right: 140px;}
#order div.accept div.fax {right: 70px;}
#order .img2 {margin-left: 5px;}
#order .box2 {background: url(images/order-box2-bg.jpg) no-repeat top center; height: 198px}
#order .box2 .inner {position: relative}
#order .box2 .inner div {color: white; font-size: 12px; position: absolute}
#order .box2 .t1 {left: 120px; top: 70px}
#order .box2 .t2 {left: 318px; top: 40px}
#order .box2 .t3 {left: 507px; top: 80px}
#order .box2 .t4 {left: 655px; top: 40px}

#order .box1 {position: relative}
#order .box1 .off ul { position: absolute; top: 105px; right: 50px; }
#order .box1 .off ul li { float: left; padding: 0 6px;}
#order .box1 .off div img {  filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }
#order .box1 .off div a:hover img {  filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
#order .box1 .off .bt { position: absolute; top: 143px; right: 375px; }
#order .box1 .off .bt1 { position: absolute; top: 143px; right: 208px; }
#order .box1 .off .bt2 { position: absolute; top: 143px; right: 56px; }
#order #box-list2 {position: relative; background: #e4f1f9; width: 930px; height: 110px; padding: 10px;}
#order #box-list2 .p {position: absolute; color: #3a3a3a; font: 14px Arial; padding: 10px;}

#order #box-list2 .p img { filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }
#order #box-list2 .p a:hover img {  filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }

#order #box-list2 .p.big {width: 200px;}
#order #box-list2 .p.big img {margin-top: 4px;}
#order #box-list2 .p.sm img{margin-top: 10px;}
#order #box-list {position: relative; background: url(images/order-list-bg.jpg) no-repeat center center #e4f1f9; width: 930px; height: 559px; padding: 10px;}
#order #box-list .p {position: absolute; color: #3a3a3a; font: 14px Arial; padding: 10px;}

#order #box-list .p img { filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }
#order #box-list .p a:hover img {  filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }

#order #box-list .p.big {width: 200px;}
#order #box-list .p.big img {margin-top: 4px;}
#order #box-list .p.sm img{margin-top: 10px;}
#order #box-list #botl-12 {top: 108px; left: 709px; color: white}
#order #box-list #botl-12 div {margin: 0 0 30px 50px;}
#order #box-list #botl-5  {top: 351px; left: 289px;}
#order #box-list #botl-5 div {margin: 0 0 25px 33px;}
#order #box-list #botl-4  {top: 351px; left: 749px;}
#order #box-list #botl-4 div {margin: 0 0 25px 13px;}
#order #box-list #botl-3  {top: 351px; left: 62px;}
#order #box-list #botl-3 div {margin: 0 0 29px 3px;}
#order #box-list #botl-2  {top: 351px; left: 363px;}
#order #box-list #botl-2 div {margin: 0 0 29px 20px;}
#order #box-list #botl-1  {top: 351px; left: 674px;}
#order #box-list #botl-1 div {margin: 0 0 29px 20px;}
#order .offline {margin-top: 10px; position: relative;}
#order .offline a.b1{position: absolute; top: 14px; left: 368px;}
#order .offline a.b2{position: absolute; top: 14px; left: 565px;}
#order .offline a.b3{position: absolute; top: 14px; left: 785px;}
#order .offline .toll {text-align: right; padding: 15px; background-color: #ffa36c; font: bold 30px "Arial Black"; color: white; width: 923px; display: none; letter-spacing: -1px}
#order .offline .toll .tf{color: #ef5a00}