@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
img {border: 0; padding: 0; font-size: 100%; background: transparent;}
dfn,var {font-style: normal;}

/* Disable a deprecated */
font,basefont {color: inherit; font: inherit; font-size: 100%;}
center {text-align: inherit;}
s,strike,u {text-decoration: inherit;}

/*************** Fonts & Graphics ***************/
html {font-size: 75%}
@media all and (min-resolution: 120dpi) {
    html {font-size: 60%}
    html, x:-moz-any-link {font-size: 75%}
}
    #for-opera927 {/* dont' remove! */}

body,input,textarea {color: #000; font: normal 1em/1.4 Arial, Helvetica, sans-serif;}
code,pre {color: #c33; font: normal 1em/1.4 "Consolas","Lucida Console", Monaco, "Courier New", Courier, monospace;}

h1,h2,h3,h4,h5,h6 {margin: 2em 0 1em;}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {margin-top: 0 !important;}
h1 {font: bold 4em Arial, Helvetica, sans-serif; color: #555;}
h2 {font: bold  1.2em Arial, Helvetica, sans-serif; color:#fff;}
h3 {font: bold 2em Arial, Helvetica, sans-serif; color: #333;}
h4 {font: bold 1.75em Tahoma; color: #222;}
h5 {font: bold 1.5em Tahoma; color: #111;}
h6 {font: bold 1.333em Tahoma; color: #000;}

p {margin: 1em 0;}
p:first-child {margin-top: 0 !important;}
p+ul, p+ol {margin-top: -0.5em;}

html {background: #c0c6de url(../img/bg_body.png) repeat-y center;  }
body {background: url("../img/blank.gif") fixed;}

/*************** Positioning ***************/
body { padding-bottom: 118px; position: relative;}
#wrapper  { position: relative; width: 946px; padding: 626px 11px 0 11px; margin: 0 auto; background: #fff url(../img/bg_wrapper.jpg) no-repeat 10px 10px;}


       /* -- Mainframes -- */
#header     { position: absolute; top: 10px; left: 10px; width: 623px; height: 368px; padding: 248px 25px 0 302px; z-index: 100}
#content    { position:relative; z-index: 150; font-size: 1.5em }
#bottom     {}

       /* ++ Standard elements ++ */
a         {color: #fff; text-decoration: underline;}
a:visited {color: #99c;}
a:hover, a:active, a:focus {text-decoration: none;}
a.inner   {text-decoration: none; border-bottom: 1px dashed #0545af;}
a.external {color: #f0f0f0; padding-right: 10px; background: url("../img/ico_external.png") right 0px no-repeat;}

input,select,textarea,button {margin: 0; font-size: 92%;}
fieldset {padding: 0.5em; border: solid 1px #ccc;}
legend   {color: #ccc;}
  input[type="text"],input[type="password"] {padding: 2px; border: 1px solid #ccc; background: #fff;}
          input.text,input.password {padding: 2px; border: 1px solid #ccc; background: #fff;}
  input[type="hidden"] {display: none !important;}
          input.hidden {display: none !important;}
  input[type="image"],input[type="checkbox"],input[type="radio"] {width: auto !important;}
          input.image,input.checkbox,input.radio {width: auto !important;}
textarea {padding: 0.5em; border: 1px solid #ccc; background: #fff;}
input,label,select {vertical-align: middle;}
select {background: #fff;}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {outline: 2px solid #ffffaa;}
applet,object,iframe {overflow: hidden;}

hr    {clear: both; border: none; color: #ccc; background-color: #ccc; height: 1px; width: 100%; margin: 20px 0; padding: 0;}
* html hr {margin: 13px 0}
* + html hr {margin: 13px 0}

table {margin: 1em 0; border-collapse: collapse; table-layout: auto; border-spacing: 0; empty-cells: show; border: 1px solid #ccc;}
    table th {padding: 0.5em; text-align: center; vertical-align: middle; font-weight: bold;}
    table td {padding: 0.5em; vertical-align: top;}
    table caption {caption-side: top; text-align: center;}

       /* -- List's -- */
ul {margin: 1em 0; padding: 0; list-style-type: none;}
   ul li {margin: 0.2em 0; padding: 0 0 0 10px; background: url("../img/bull_li.png") 0px 7px no-repeat;}
   li ul {margin: 0 0 0 1.5em;}
        ul[type=disc], li[type=disc] { list-style-type: disc; }
        ul[type=circle], li[type=circle] { list-style-type: circle; }
        ul[type=square], li[type=square] { list-style-type: square; }
ol {margin: 1em 0; padding: 0; list-style-position: inside;}
   ol li {margin: 0.2em 0; padding: 0;}
   li ol {margin: 0 0 0 1.5em;}
dl {margin: 1em 0; padding: 0;}
   dl dt {margin: 0 0 0.5em 0; padding: 0;}
   dl dd {margin: 0.5em 0 1.5em 1.5em; padding: 0;}

       /* -- Images -- */
img {display: block; border: none; vertical-align: middle; font: normal 0.75em Tahoma; color: #aaa;}
#footer img,#bottom img,p img {display: inline;}
img[border="1"],img[border="2"] {border: 1px solid #000;}

       /* -- Text -- */
blockquote {margin: 1em 0 1em 1.5em; padding: 0.5em 1em; quotes: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666;}
blockquote:before, blockquote:after {content: ''; content: none;}
blockquote q {text-indent: -0.8em;}
html:lang(en) q, html body q[lang="en"] {quotes: "\201e" "\201c" "\2018" "\2019";}
html:lang(en-us) q, html body q[lang="en-us"] {quotes: "\201c" "\201d" "\2018" "\2019";}
html:lang(ru) q,html:lang(ua) q, html body q[lang="ru"], html body q[lang="ua"] {quotes: "\00ab" "\00bb" "\201e" "\201c";}
cite  {font-style: italic;}

small {font-size: 85%;}
big   {font-size: 125%;}
sup   {vertical-align: text-top; font-size: 65%;}
sub   {vertical-align: text-bottom; font-size: 65%;}
ins   {text-decoration: underline;}
del   {text-decoration: line-through;}
pre   {word-wrap: break-word; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: pre-wrap;}

abbr {text-transform: uppercase; text-decoration: none;}
acronym {font-variant: small-caps; text-transform: none; text-decoration: none;}
abbr[title],acronym[title],dfn[title] {cursor: help; border-bottom: 1px dotted #f0f0f0;}

/*======= -- OUR BLOCK's & STYLES ! -- =======*/
.mobile,#mobile-nav {display: none;}
.wai {position: absolute; visibility: hidden;}
.fl {float: left; margin: 0 5px 5px 0;}
.fr {float: right; margin: 0 0px 5px 5px;}

/*  -- Header --  */
/*  logo */
#logo { display:block; position: absolute; top: 86px; left: 313px; width: 343px; height: 140px; margin: 0; font: bold 60px/60px "Trebuchet MS", Helvetica, sans-serif; color: #3e338a; z-index: 100; background: url("../img/logo.png") no-repeat; text-indent: -900em; z-index: 500; overflow: hidden}
body.index #logo  {left:340px}
body.inner #logo { background: none}
#logo a,
#logo span {display:block; width: 343px; height: 140px; margin: 0; font: bold 60px/60px "Trebuchet MS", Helvetica, sans-serif; color: #3e338a; z-index: 100; background: url("../img/logo.png") no-repeat; text-indent: -900em }
#logo dfn  {display: block; font: normal 24px Verdana;}
/* /logo */

p.slogan { position:absolute; top: 30px; left:302px; margin:0; font-size: 32px; width: 621px; text-transform: uppercase; font-weight: bold; color:#595959; background:url(../img/slogan.png) no-repeat; text-indent: -9999em;}
body.index p.slogan  { left: 330px}

div.advantage { float: right; width: 257px; overflow: hidden; padding: 0 23px 0 32px; background:url(../img/bg_advantage.png) no-repeat;}
div.advantage:before,
div.advantage span.block-before { display: block; width: 312px; height: 12px; padding:0; margin: 0 0 0 -30px; clear: both; content:""; background:url(../img/before-after_advantage.png) no-repeat; }
div.advantage:after,
div.advantage span.block-after { display: block; width: 312px; height: 12px; padding:0; margin: 0 0 0 -31px; clear: both; content:""; background:url(../img/before-after_advantage.png) no-repeat 0 bottom; }

div.advantage h2 { margin: 5px 0 0 0!important; font-family: Arial, Helvetica, sans-serif; font-size: 22px; color:#fff; font-weight: normal}
div.advantage ul { margin-top: 7px; margin-bottom: 7px; text-transform: uppercase;  font-size:13px; color:#fff; font-weight: bold; }
div.advantage ul li { padding-left: 30px; background:url(../img/bg_advantage_li.png) no-repeat 0 2px; line-height: 1.6}

a.order { position: relative; top: 60px; display: block; width: 289px; height:114px; overflow: hidden;  background: url(../img/order.png) no-repeat; text-align: center; text-indent:-9999em;}
span.not_waiting { position: absolute; top: 75px; right: 16px;  display: block; width: 172px; height:93px; padding-top: 75px; font-size: 30px; font-weight: bold; color:#2c2c2c; text-decoration: none; background: url(../img/not_waiting.png) no-repeat; text-indent:-999em; overflow: hidden;}
ul.banners { position: absolute; bottom: 10px; right: 30px;  margin:0;}
ul.banners li { float: left; width: 127px; height: 116px; padding:0; margin:0; text-indent: -999em; background:url(../img/banners.png) no-repeat}
ul.banners li.technology { background-position: 0 -116px;}
ul.banners li.satisfaction { background-position: 0 -232px;}
ul.banners li.proudly { background-position: 0 -348px;}

div.women { position:absolute; top:10px; left:10px; height: 915px; width: 433px; background:url(../img/ill_woman-2.jpg) no-repeat; z-index: 90;}
body.index div.women { background:url(../img/ill_woman-2.jpg) no-repeat }

/* menu  */
ul#nav {margin: 0; padding: 0;}
/* /menu */

/* /-- Header -- */

/* -- Footer --  */
#footer {text-align: center; font-size: 1.166em; color: #6b6b6b; text-shadow: #6b6b6b 0 0; padding: 20px 0; overflow: hidden}
#footer a {color: #9c9c9c;}
#footer	 hr  {display: none;}

#footer	 ul.bottom_menu { margin: 0;}
#footer	 ul.bottom_menu li{ display: -moz-inline-box; display: inline-block; padding: 0 29px 0 30px; background: url(../img/separator.png) no-repeat 0 center}
#footer	 ul.bottom_menu li:first-child,
#footer	 ul.bottom_menu li.first-child { background: none}
#footer	 ul.bottom_menu li a { color:#444444; text-decoration: none}
#footer	 ul.bottom_menu li a:hover { color:#b4172a; text-decoration: underline }


/* contacts  */
address.vcard {font-style: normal;}
address.vcard a.fn {cursor: default; text-decoration: none; color: #000;}
address.vcard .adr {display: block;}
address.vcard .country-name,.geo {position: absolute; visibility: hidden;}
address.vcard a.hcard-download {}
/* /contacts */
/* /-- Footer -- */

/* -- Bottom --  */
#bottom {font-size: 1.3333em; color: #fff; text-align: center; width: 968px; padding: 10px 0; margin: 0 auto; height: 150px;}
#bottom a {color: #fff;}
#bottom div.journals { float: right; text-align: right}
#bottom div.journals strong { text-transform: uppercase; }
#bottom div.journals ul { margin:0; overflow: hidden}
#bottom div.journals ul li { float: left; width: 83px; height: 114px; margin-left: 20px; padding:0; background: none;  text-align: center; border: 1px solid #8bc6e6}
#bottom div.journals ul li a { display: block; height: 100%; width: 100%; color:#fff; text-indent: -999em; background:url(../img/journals.png) no-repeat}
#bottom div.journals ul li.maxim a{ background-position: 0 0}
#bottom div.journals ul li.playboy a{ background-position: 0 -114px}
#bottom div.journals ul li.mens_fittnes a{ background-position: 0 -228px}


#bottom div.support { float: left;}
#bottom div.support ul { overflow: hidden; margin:0; clear: both }
#bottom div.support ul li { float: left; height: 72px;   padding:0; margin-right: 15px; background: none} 
#bottom div.support ul li a { display: block; height: 100%; width: 50px; text-indent: -9999em; overflow: hidden;}

#bottom div.support ul.company li a { background: url(../img/bg_conpany.png) no-repeat 0 center;}
#bottom div.support ul.company li.tv a { width: 60px; background-position: -73px center}
#bottom div.support ul.company li.comodo a { width: 82px; background-position: -150px center}
#bottom div.support ul.company li.daddy a { width: 150px; background-position: -248px center}

#bottom div.support ul.servise li { height: 44px;}
#bottom div.support ul.servise li a {  background: url(../img/service.png) no-repeat 0 center;}
#bottom div.support ul.servise li.postal_service a  { width: 150px }
#bottom div.support ul.servise li.ups a  { width: 40px; background-position: -160px  center; }
#bottom div.support ul.servise li.visa a  { width: 40px; background-position: -220px  center; }
#bottom div.support ul.servise li.ae a  { width: 40px; background-position: -266px  center; }
#bottom div.support ul.servise li.ma a  { width: 41px; background-position: -312px  center; }
#bottom div.support ul.servise li.discover a  { width: 44px; background-position: right  center; }

div.fixed { position: fixed; bottom:0; left:0; width: 100%; clear: both; height: 68px; overflow: hidden; padding:30px 0;  z-index:150; background: #081a31 url(../img/bg_footer.png) repeat-x; 
 _position:absolute; _top: expression(eval(document.documentElement.scrollTop)+eval((document.documentElement.clientHeight-128))+'px')
}

div.fixed div { width: 946px; margin: 0 auto}
div.fixed a.free_trial { float: right; height: 55px; width: 483px;  text-indent: -999em; background:url(../img/free_trial.png) no-repeat; overflow: hidden}
div.fixed h4 { float: left; margin: 0; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 2.636em;}

.hint {z-index: 100; position: absolute; top: 0px; left: 0px; visibility: hidden; width: 530px; padding:10px 20px; background: #bbd1ff ; z-index: 500; border: 5px solid #fff; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color:#0d2a4d; text-align: justify; z-index: 500}
#hints dl { margin:0; padding:0;}
#hints dl dt{ margin-top:0; margin-bottom: 0; padding:0;}
#hints dl dd { border-bottom: 1px solid #0d2a4d; margin-left:0; margin-top: 5px; margin-bottom: 5px; padding-left: 54px; padding-bottom: 5px; background:url(../img/popup_questions.png) no-repeat}
#hints dl dd p { margin:0;}

/* /-- Bottom -- */
/* ^^^^^^^^^^^ Sidebar style's ^^^^^^^^^^^ */

/* ^^^^^^^^^^^ Content style's ^^^^^^^^^^^ */
#content table,#content object,#content embed {clear: both;}

body.index #content h2 { color:#fff}
#content { color:#fff; width: 949px}
#content div.block { position: relative; overflow: hidden; padding: 19px 137px 19px 30px;  line-height: 1.2; _zoom:1}
#content div.block h2 { font-size: 1.7777em; margin: 0; color:#fff}
#content div.block h3{ margin: 0 -137px 0 -30px; padding: 9px 30px; background:url(../img/bg_h3_block.png); color:#deff00; font-weight: normal}
#content div.block p { margin: 0.7em 0; margin-left: 42px; text-align: justify}

#content div.work { position: relative; background:url(../img/bg_work.png) repeat-x}
#content div.work ul.banners { top:auto;  bottom: 10px; }

#content ul.banners { position: absolute; right: 30px; top: 50%;}
#content ul.one  { margin-top: -40px;}
#content ul.one {}
#content ul.two  { margin-top: -85px;}



#content ul.banners li { float: none; display: block; width: 81px; height: 81px; padding:0; margin:0 0 10px 0; text-indent: -999em; background:url(../img/content_banners.png) no-repeat}
#content ul.banners li.works_in { background-position: 0 -89px}
#content ul.banners li.technology { background-position: 0 0;}
#content ul.banners li.satisfaction { background-position: 0 -232px;}
#content ul.banners li.proudly { background-position: 0 -180px;}
#content ul.banners li.statisfaction { background-position: 0 -265px}

#content div.block  a { color:#fff; text-decoration: underline}
#content div.block  a:hover {text-decoration: underline}
#content div.red {  background: #b4172a; border-top: 9px solid #cd1e33}
#content div.red h2 { font-size: 2.3888em; color:#fff}

#content div.light_blue { font-size:1.2222em; background:#4da3b3; border-top: 9px solid #58bccf; text-transform: uppercase; line-height: 1.4}
#content div.light_blue h2{ font-size:1.4545em; color:#fff}

#content div.blue { padding: 20px 30px; background:#0d2a4d; border-top: 9px solid #2f5686}
#content div.blue ul { margin:0;}
#content div.blue ul a { font-size:0.8888em; color:#deff00}
#content div.blue li { overflow: hidden; padding: 20px 0 0  0; margin-bottom: 20px;  border-top: 1px solid #153c6b; background: none; _zoom:1; background:url(../img/bg_ingridient_li.png) repeat-y 688px 0}
#content div.blue li:first-child,
#content div.blue li.first-child { border: none; margin-top: 10px; padding-top: 0;}
#content div.blue li div.ingridient { position: relative; float: left; width: 552px;   padding-right: 110px;}
#content div.blue li div.benefit { float: right; width: 175px; padding-left: 27px; }
#content div.blue li div.benefit p { margin-left:0px; text-align: left}

#content div.blue li var { display: block; color:#81baff;}
#content div.blue li p { margin-left: 40px;}
#content div.blue li img { position:absolute; top: 50%; right:0; margin-left: 30px; margin-top: -35px; border: 2px solid #3b6eac}

#content div.testimonials { padding: 16px 30px; background: #9bbafe url(../img/bg_testimonials.jpg) no-repeat; }
#content div.testimonials h2 { margin: 0; color:#2b3745; font-size:1.722em}
#content div.testimonials h3 { margin:1em 0 0 40px; font-size: 1em; color: #0d2a4d;  }
#content div.testimonials blockquote { position: relative; margin:0; padding:11px 0; overflow: hidden; color:#2b3745; _zoom:1;  border-bottom: 1px solid #0d2a4d; border-top: 0;}
#content div.testimonials blockquote:last-child,
#content div.testimonials blockquote.last-child { border: none; padding-bottom: 0;}
#content div.testimonials blockquote img { float: left; margin-right: 30px; border: 3px solid #fff}
#content div.testimonials blockquote cite { position:absolute; right:0; bottom:5px; font-weight: bold;}
#content div.testimonials blockquote q { padding-bottom: 15px; font-style: italic}

#content div.survey { position:relative;  padding: 20px 30px; background:#5d7b9f; border-top: 9px solid  #7294bc;  _zoom:1}
#content div.survey  h2 { font-size: 1.7777em; margin-bottom: 17px;}
#content div.survey dl { margin: 0; font-size: 1.2222em }
#content div.survey dl dt { float: left; clear: left; width: 200px; margin-right: 10px; text-align: right; font-weight: bold}
#content div.survey dl dd { overflow: hidden; width: 465px; height: 40px; margin:0 0 10px 0; background: url(../img/percent.png) no-repeat; text-indent: -9999em;}
#content div.survey dl dd.twenty-four { background-position: 0 -40px}
#content div.survey dl dd.twenty-seven { background-position: 0 -80px}
#content div.survey dl dd.seventy-four { background-position: 0 -120px}
#content div.survey div.women { left: auto; top:auto; bottom: -1px; right: 30px; display: block; height: 280px; width: 212px; background:url(../img/women_survey.png) no-repeat}

#content div.question_answer { overflow: hidden; padding: 20px 30px;  background:#444444; border-top: 9px solid #595959; line-height: 1.2; _zoom:1}
#content div.question_answer dl { overflow: hidden; margin: 0;}
#content div.question_answer dl dt strong { display: block; color:#fd48d0; font-weight: normal}
#content div.question_answer dl dt span { display: block;  padding: 10px; margin: 0; border: 3px solid #5e5d5d; background: #545353; }

#content div.question_answer dl dd  { margin-left: 0; padding-left: 86px; background:url(../img/bg_answer.png) no-repeat 0 0; _zoom:1}

#content div.question_answer dl dd strong { display: block; color:#81baff; font-weight: normal}
#content div.question_answer dl dd span {  display: block; padding: 10px; margin: 0; border: 3px solid #5e5d5d; background: #545353; _zoom:1}

#content div.question_answer a.more_questions { float: right; padding: 5px; border: 1px solid #fff; background: #5895de; text-decoration: none; font-size: 0.666em; color: #fff}

#content div.challenge { padding: 20px 30px;   border-top: 9px solid #ce309a; text-align: center; background: #991b70 url(../img/bg_risck.png) repeat-x}
#content div.challenge h2 { font-size: 2em; margin-bottom: 0.3em}
#content div.challenge a.risk { display: block; width: 746px; height: 100px; margin: 0 auto; background: url(../img/risck.png) no-repeat; text-indent: -9999em}

#content div.challenge a:hover { text-decoration: underline}

#content div.last { padding: 20px 30px; font-size: 0.8333em; background:#6b8cc4 url(../img/bg_last.png) repeat-x; border-top: 9px solid #fff; text-align: justify}

body.small_header #header { height: 327px; width: 667px; padding: 0 0 0 282px}
body.small_header #logo { left:293px; width: 283px; height: 105px; }
body.small_header #logo a {width: 283px; height: 105px; background:url(../img/logo-1.png) no-repeat}
body.small_header p.slogan { left: 282px; font-size: 19px; background: url(../img/slogan-1.png) no-repeat}
body.small_header a.order { top: 220px; width: 216px; height: 86px; background:url(../img/order-1.png) no-repeat}

body.small_header  span.not_waiting { top:78px; right: 24px; left: auto; width: 124px; height: 118px; padding-top:0; background:url(../img/not_waiting-1.png) no-repeat}

body.small_header #wrapper { padding-top: 327px; background:#fff url(../img/bg_wrapper-1.jpg) no-repeat 10px 10px}
body.small_header #content { padding: 13px 30px; width: 887px; font-size: 1.25em; background: #2e4c71; border-top: 8px solid #43638d}

body.small_header #content p { margin:1em 0}

body.small_header div.women { height: 400px; background:url(../img/ill_small_woman.jpg) no-repeat}


body.small_header ul.banners li {  width: 96px; height: 99px; padding:0; margin:0; text-indent: -999em; background:url(../img/banners-1.png) no-repeat}
body.small_header ul.banners li.technology { background-position: 0 -100px;}
body.small_header ul.banners li.satisfaction { background-position: 0 -200px;}
body.small_header ul.banners li.proudly { background-position: 0 -300px;}

body.order ul.banners {bottom: 15px;}
body.order ul.banners li {  margin-right: 44px; background: url(../img/banners-2.png) no-repeat -10px 0}
body.order ul.banners li.technology { background-position: -151px 0;}
body.order ul.banners li.satisfaction { background-position: -298px 0;}
body.order ul.banners li.proudly { background-position: -443px 0}



body.small_header div.advantage { position:absolute; top:70px; right:155px; width: 192px; overflow: hidden; padding: 0 10px 0 15px ; background:url(../img/bg_advantage-1.png) no-repeat;}
body.small_header div.advantage:before,
body.small_header div.advantage span.block-before { display: block; width: 215px; height: 8px; padding:0; margin: 0 0 0 -13px; clear: both; content:""; background:url(../img/before-after_advantage-1.png) no-repeat; }
body.small_header div.advantage:after,
body.small_header div.advantage span.block-after { display: block; width: 215px; height: 8px; padding:0; margin: 0 0 0 -13px; clear: both; content:""; background:url(../img/before-after_advantage-1.png) no-repeat 0 bottom; }

body.small_header div.advantage h2 { font-size: 14px; margin-top:0 !important; color:#fff; font-weight: normal}
body.small_header div.advantage ul { margin-top: 5px; _margin-bottom:0; text-transform: uppercase;  font-size: 0.8333em; color:#fff; font-weight: bold; }
body.small_header div.advantage ul li { padding-left: 15px; background:url(../img/bg_advantage_li-1.png) no-repeat 0 1px; line-height: 1.3}



body.inner h1 { margin-bottom: 15px; font-size: 2.1333em;  color: #fff;}

body.small_header #content div.block h2 { font-size: 1.4em; }
body.small_header #content div.block h3 { font-size: 1.2em; color:#81baff; background: none; }

body.small_header #content div.block { background: none; padding: 20px 0 18px 42px; border-bottom: 1px solid #43638c}
body.small_header #content div.block:last-child,
body.small_header #content div.block.last-child  { border-bottom: none}

body.small_header #content div.block p.mail { font-size: 1.2em}
body.small_header #content div.block p.mail a { text-decoration: none}
body.small_header #content div.block p.mail a:hover { text-decoration: underline}

body.small_header #content div.block p.note { font-style: italic}

body.small_header #content div.block ul li { padding-left: 25px; background:url(../img/bg_bull_li.png) no-repeat 0 5px; line-height: 1.8; position: relative}

body.small_header #content div.block dl { margin-bottom: 0;}
body.small_header #content div.block ol { margin-left: 20px; list-style-position:outside;}
body.small_header #content div.block ol li { text-align: justify}
body.small_header #content div.block dl a { color:#deff00;}
body.small_header #content div.block dl dt { float: left; width: 95px; text-transform: uppercase; font-weight: bold} 
body.small_header #content div.block dl dd { margin-bottom: 15px;} 
body.small_header { padding-bottom: 0;}

body.order #content { overflow: hidden}
#content #content-text { float: right; width: 597px; background:#fff; color:#000;}
#content #content-text h2 { font-size: 1.333em}
#content #content-text h2.paymant { padding: 10px 20px; margin:0; background: url(../img/paymant.png) no-repeat; text-transform: uppercase}

#sidebar {}
/*======tabs =======*/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}
/* Skin */
#container { margin-top: -38px;  }
.tabs-nav { float: right; list-style: none;  margin: 0 10px 0 0;    padding: 0 0 0 4px;}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */    display: block;    clear: both;    content: " ";}
.tabs-nav li {    float: left; padding:0;   margin: 0 0 0 1px;    min-width: 84px; background: none/* be nice to Opera */}
.tabs-nav a {display: block; padding: 0 11px; }
.tabs-nav a span {    display: block; padding:10px 11px 5px 11px; }
.tabs-nav a {    position: relative;    top: 1px;    z-index: 2;    padding-left: 0;    color: #fff;    font-size: 12px;    font-weight: normal;    line-height: 1.2;    text-align: center;    text-decoration: underline;    white-space: nowrap; /* required in IE 6 */    }
.tabs-nav .tabs-selected a {  color: #3e338b;}
.tabs-nav .tabs-selected a,
.tabs-nav a:hover,
.tabs-nav a:focus,
.tabs-nav a:active {   background: url(../img/bg_tabs.png) no-repeat right -56px; color:#3E338B; font-weight:bold;  text-decoration: none; outline: 0; /* prevent dotted border in Firefox */}

.tabs-nav a,
.tabs-nav .tabs-disabled a:hover,
.tabs-nav .tabs-disabled a:focus,
.tabs-nav .tabs-disabled a:active {  }
.tabs-nav a span { width: 72px; /* IE 6 treats width as min-width */    min-width: 72px;    height: 18px; /* IE 6 treats height as min-height */    min-height: 18px;   /* padding-top: 6px; */   padding-right: 0;}
*>.tabs-nav a span { /* hide from IE 6 */   width: auto;    height: auto;}
/*.tabs-nav .tabs-selected a span {    padding-top: 7px;}*/
.tabs-nav .tabs-selected a span,
.tabs-nav a:hover span,
.tabs-nav a:focus span,
.tabs-nav a:active span { background: url(../img/bg_tabs.png) no-repeat; }
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link,
.tabs-nav .tabs-selected a:visited,
.tabs-nav .tabs-disabled a:link,
.tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */    cursor: text;}
.tabs-nav a:hover,
.tabs-nav a:focus,
.tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */    cursor: pointer;}
.tabs-nav .tabs-disabled {  opacity: .4;}
.tabs-container { clear: both;   border-top: 1px solid #97a5b0;    padding: 20px;    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */}
.tabs-loading em {    padding: 0 0 0 20px;    background: url(loading.gif) no-repeat 0 50%;}


#container fieldset input.button { border: none; height: auto; margin-left: 10px;}

#container form input.buy_now { display: block; height:68px; width: 208px; margin: 0 auto; text-indent: -999em; background:url(../img/buy_now.png) no-repeat; border: none;}



#sidebar { float: left; width: 273px;}
#sidebar form.current { padding-bottom: 20px; margin-bottom: 20px;  background:#fff url(../img/bg_current.png) no-repeat 0 bottom; text-align: center} 
#sidebar form.current img { margin: 0 auto}
#sidebar h2 { height:31px; padding-top: 9px; background:url(../img/bg_h2_sidebar.png) no-repeat; text-align: center; font-size: 20px; text-transform: uppercase}

#sidebar form.current strong.price { display: block; text-align: center; font-size:25px; color:#2f93a5}
#sidebar form.current label { color:#3e338a; font-size: 17px;}
#sidebar div.cart { }
#sidebar div.cart p { overflow: hidden; padding:0 20px; padding-top: 15px; margin:0; font-size: 19px; color:#92272c; zoom:1; background:#fff}
#sidebar div.cart p.shipping { overflow: hidden; padding:0 20px; padding-top: 15px; margin:0; background:url(../img/bg_cart.png) no-repeat; font-size: 19px; color:#92272c; zoom:1}
#sidebar div.cart p.total { background-position: 0 bottom; color:#fff; padding-bottom: 10px; background:url(../img/bg_cart.png) no-repeat scroll 0 bottom;}
#sidebar div.cart p var { float: right}
#sidebar div.cart p span { float: left;}








  div.payment_part div.pay_cont { position: relative; padding: 20px 20px 15px; font-size:12px}
    form.payment_1 { margin: 0; padding: 0; }
      form.payment_1 div.partiks { overflow: hidden; margin: 0 0 20px; padding: 8px 18px 12px 19px; border: 1px solid #6ca4df; background: #c8e3fe; zoom: 1 }
      form.payment_1 div.discount { background:  #c8e3fe  }
      form.payment_1 label {  display: -moz-inline-box; display: inline-block; width: 131px; margin: 6px 0 0; padding: 0; font: bold 13px Arial; vertical-align: top; color:#3e338a; }
        form.payment_1 label.lab_1 { width: 91px; padding-left: 8px }
        form.payment_1 label.fl_l { float: left;  }
        form.payment_1 label.w_rad { width: 110px; margin: 8px 0 0 0px;  font: normal 11px Arial; color: #000 }
        form.payment_1 label.lab_2 { width: 90px; padding-left: 10px; }
        form.payment_1 label.lab_3 { width: 100%; margin-bottom: 5px;}
        form.payment_1 label.lab_4 { width: 250px; padding-left: 5px;  color: #000; font: normal 12px Arial;}
        form.payment_1 label.lab_5 { width: 105px; padding-left: 2px; font: normal 12px Arial; color: #000 }
        form.payment_1 label.lab_6 { width: auto; }
        form.payment_1 label.lab_7 { width: 120px; }
      form.payment_1 img {  margin: 6px 1px 0 0; vertical-align: top; display: inline }
      form.payment_1 input.text_c { display: inline; width: 121px; margin: 6px 0;  padding: 2px; border: 1px solid #3e338a; background: #fff; font: normal 11px Arial; }
        form.payment_1 input.long_1 { width: 293px; }
        form.payment_1 input.long_2 { width: 70px; }
        form.payment_1 input.long_3 { width: 40px; }
        form.payment_1 input.long_4 { width: 62px; margin-left: 10px }
        form.payment_1 input.long_5 { width: 115px;  }
        form.payment_1 input.long_6 { width: 160px; }
      form.payment_1 select { display: inline; width: 117px; height: 18px; margin: 6px 0;  border: 1px solid #3e338a; background: #fff; font: normal 11px Arial; }
      form.payment_1 select.sel_1 {  width: 48px;  }
      form.payment_1 select.sel_2 {  width: 70px;  }
      form.payment_1 select.sel_3 {  width: 127px;  }
	form.payment_1 span.alt_adr { display: block; margin: -3px 0 2px 136px;  padding: 0px; font: normal 10px Arial; color: #000; }
	form.payment_1 span.appr_com { display: -moz-inline-box; display: inline-block;  margin: 6px 0 0;  padding: 0px; font: normal 12px Arial; color: #000; vertical-align: top; }
      form.payment_1 input.radio_c { display: inline; width: 15px; height: 15px; margin: 6px 0 0;  padding: 0px;  }
      form.payment_1 input.checkb { display: inline; width: 15px; height: 15px; margin: 6px 0 0;  padding: 0px; }
      form.payment_1 input.app_code { display: -moz-inline-box; display: inline-block;  width: 91px; height: 19px; margin: 6px 0 0 5px; padding: 0; border: none !important ; vertical-align: top; font: bold 11px 'Tahoma'; color: #000; text-align: center; }

      form.payment_1 div.partiks div.discount small { display: block; margin-left: 133px; font-weight: bold     }

       form.payment_1 div.block_card { overflow: hidden; margin-bottom: 10px; zoom: 1  }
         form.payment_1 div.block_card div.type { float: left; width: 260px;  }
         form.payment_1 div.shiffer_s { margin-left: 120px; }
           form.payment_1 div.block_card div.type div.fickt { float: right; width: 172px;  }
         form.payment_1 div.block_card div.num { float: left; width: 226px;  }
         form.payment_1 div.block_card div.discount { float: left; width: 215px; background: #ececec; padding:  0 0 16px 10px  }
           form.payment_1 div.block_card div.num a.cvv_what { display: -moz-inline-box; display: inline-block; vertical-align: top; margin: 8px 0 0 5px; font-size: 11px; color:#3E338A}

       form.payment_1 div.block_ship { overflow: hidden; zoom: 1  }
         form.payment_1  div.data_c { float: right; width: 396px;  }

      form.payment_1 input.buy_now { display: block; margin: 20px auto 0; padding: 0px; width: 154px; height: 39px; border: none; background: url(../img/button_sel_pass.jpg) no-repeat; font: bold 17px 'Arial'; color: #fff; text-align: center; text-transform: uppercase; }
/* End Step 2_1*/
/* Start Step 2_2*/

     div.pay_cont h4 { margin: 0; padding: 0; font: bold 13px Arial; color: #3E338A; }
     div.pay_cont div.mail_or { overflow: hidden; margin: 8px 0 21px; zoom: 1  }
       div.pay_cont div.mail_or div.block_s { float: left; width: 250px; border: 1px solid #6CA4DF }
       div.pay_cont div.mail_or div.float_r { float: right; }
         div.pay_cont div.mail_or div.block_s strong.head_t { display: block; height: 22px; padding: 5px 19px 0; font: bold 12px Arial; background: #C8E3FE ; color: #3E338A;}
         div.pay_cont div.mail_or div.block_s div.b_addr { padding: 10px 19px; }
			#boxes-cont div.pay_cont div.mail_or div.block_s div.b_addr p { font: normal 13px 'Tahoma'; color: #465f7d;  margin: 4px 0; }
         div.pay_cont a.to_ord_form { display: block; background: url(../img/a_to_order_form.jpg) 168px top no-repeat; text-align: center; font: normal 13px Arial; color: #003cff;  }
           body.small_header #content div.b_addr,
		   body.small_header #content div.b_phone { font-size: 13px;}
	           body.small_header #content div.b_addr p,
			    body.small_header #content div.b_phone p { margin: 4px;}
				body.small_header #content .tel {color:#3E338A;  font-size:28px;  position:relative; top:2px; left: 50px;}
     div.pay_cont div.order_phone {  margin: 8px 0 42px; zoom: 1; border: 1px solid #7f9db9;  }
       div.pay_cont div.order_phone strong.head_t { display: block; height: 22px; padding: 5px 19px 0; font: bold 12px Arial; background: #c8e3fe; color: #3e338a;}
         div.pay_cont div.order_phone div.b_phone { padding: 10px 19px; }
           #boxes-cont div.pay_cont div.order_phone div.b_phone p { font: normal 13px Arial; color: #465f7d; }
           #boxes-cont div.pay_cont div.order_phone div.b_phone p strong.tel { position: relative; top: 17px; left: 61px; font: normal 28px Arial; color: #3b75c0;}
     div.sampl_f { }
     div.block_packs div.advert div.text_part.sampl_f img { display: block; margin: 0 auto 2px }
       div.block_packs div.advert div.text_part.sampl_f p { text-align: center !important; margin-top: 0 !important }

div.cvv { font-size: 12px; background:#ededed; }
div.cvv img { float: left; margin-right: 5px;}

div.hint { }
div.hint iframe { position:absolute; width: 600px; height: 300px; top: 0; left: 0; filter: mask(); z-index: 800; background: red;  }




body.small_header div.message { background:#b4172a; border-top: 9px solid #cd1e33; margin: 0 -30px; padding: 20px 30px 20px 70px}

body.small_header div.message fieldset  { border: none; padding:0;}
body.small_header div.message fieldset legend { font-size: 18px; font-weight: bold; color:#fff}
body.small_header div.message fieldset ul { margin-left:0;}
body.small_header div.message fieldset ul li { padding: 0; margin-bottom: 20px; background: none;}
body.small_header div.message fieldset ul li label { float: left; width: 145px; font-weight: bold; font-size: 13px;}
body.small_header div.message fieldset ul li label span { font-size: 10px; font-weight: bold}

body.small_header div.message fieldset ul li.data { float: left; width: 388px; margin-right: 70px;}
body.small_header div.message fieldset ul li.nth-child { margin:0;}

body.small_header div.message fieldset ul li input { width: 237px; _width: 233px; border: 1px solid #fc3951; }
body.small_header div.message fieldset ul li input#telephone { width: 44px;}
body.small_header div.message fieldset ul li input#telephone2 { width: 174px; _width: 170px}
body.small_header div.message fieldset ul li textarea { border: 1px solid #fc3951; width: 686px; height: 90px; _width: 680px;}
body.small_header div.message fieldset ul li select { width:242px; border: 1px solid #fc3951;}
body.small_header div.message input.send { display: block; margin: 0 auto; width: 161px; height: 66px; background:url(../img/send.png) no-repeat; border: none; text-indent: -9999em}
body.contacts h2 {font: bold  1.2em Arial, Helvetica, sans-serif;color:#81baff;}
body.small_header div.info { overflow: hidden; background:#4da3b3; border-top: 9px solid #58bccf; margin: 0 -30px -20px -30px; padding: 20px 30px; _zoom:1}
body.small_header div.info div.infomation { float: left; width: 413px; margin-right: 60px; }
body.small_header div.info div.phone { margin-right: 0;}
body.small_header div.info div.infomation  span { display: block;}
body.small_header div.info div.infomation h3 { text-align: center; font-size: 23px; color:#fff; margin-bottom: 0px;}
body.small_header div.info div.infomation h3 strong { color:#d8ff00}

body.small_header div.info div.infomation  p { padding: 20px 30px; background: #4796a5; border: 3px solid #368897; height: 110px; font-size: 17px;}
body.small_header div.info div.infomation ul { padding: 20px 30px; background: #4796a5; border: 3px solid #368897; height: 110px; font-size: 17px;}
body.small_header div.info div.infomation ul li ul { padding:0; background: none; border: none; height: auto}

body.small_header div.info div.infomation ul li { margin: 0; background: none; padding-left:0;}
body.small_header div.info div.infomation ul li ul { margin-left: 15px;}
body.small_header div.info div.infomation ul li ul li { padding-left: 15px; background:url(../img/bull_phone.png) no-repeat 0 center}

#content div.block a.mailto {color:#DEFF00;}
#fill_form { padding: 10px; margin-bottom: 20px; border: 1px solid #fff}
#fill_form ul li { background: none; padding: 0}
.hidden { display: none}
.visible { display: block}

/*==  order summary ==*/
#content div.order_summary  { position: relative;  padding-right: 273px;}
#content div.order_summary ul { font: normal 18px Arial, Helvetica, sans-serif; color:#81baff; font-weight: bold}
#content div.order_summary ul li { padding-left: 25px; background:url(../img/bull_order.png) no-repeat 0 5px; line-height: 1.4}

#content div.order_summary span.guarateed { position:absolute; top:0px; right:20px; display: block; width: 229px; height: 234px; text-indent:-999em; background:url(../img/results.png) no-repeat}




body.small_header div.order_details { font-size: 16px; background:#B4172A; border-top:9px solid #CD1E33; margin:0 -30px -13px -30px; padding:20px 30px 20px 30px;}
body.small_header div.order_details a { color:#fff600 }
body.small_header div.order_details p.print { position:relative; padding-left: 45px; padding-top:10px; padding-bottom:10px; background:url(../img/print.png) no-repeat; }
body.small_header div.order_details ul { overflow: hidden; _zoom:1; border: 1px solid #ff0000; font-size: 18px;}
body.small_header div.order_details ul li { background: none; padding: 18px 38px; margin:0;}
body.small_header div.order_details ul li:first-child,
body.small_header div.order_details ul li.first-child { background: #8f0d1d}
body.small_header div.order_details ul li.nth-child { background:#cd1e33}

body.small_header div.order_details ul li h2 { margin:0; font: bold 24px Arial, Helvetica, sans-serif; color:#fff; }
body.small_header div.order_details ul li span { float: left; width:270px;}

a.reaqt { text-decoration: none}
a.reaqt:hover { text-decoration: underline;}
span.privacy { display: block; text-align: center; font-weight: bold}

#content { min-height: 350px; _height: 350px; _overflow: visible}
body.small_header div.feedback { margin-bottom: -15px;}
body.small_header div.feedback fieldset { overflow: hidden; width:830px;}
body.small_header div.feedback fieldset ul {}
body.small_header div.feedback fieldset ul li { float: none; clear: both}
body.small_header div.feedback fieldset ul li input { }
body.small_header div.feedback fieldset ul li.data { clear:none; width: 340px;}
body.small_header div.feedback fieldset ul li.data label { display: block;}
body.small_header div.feedback fieldset ul li.data input { border: none; margin-left:0;}
body.small_header div.feedback fieldset ul li.data label.radio { display: inline-block; margin:0 10px 0 0;}
body.small_header div.feedback fieldset ul li label { float: none; margin-bottom: 10px; display: block; width: auto}

body.small_header div.feedback fieldset ul li select { display: block}
body.small_header div.feedback fieldset ul li textarea { width: 815px; height: 150px;}


div.confidently  { width: 219px;  margin: 80px auto 10px auto; padding:0 27px; background:url(../img/confidently.png) no-repeat}
div.confidently {}

div.confidently:before,
div.confidently span.block-before { display: block; width: 273px; height: 7px; padding:0; margin: 0 0 0 -27px; clear: both; content:""; background: url(../img/before-after_confidently.png) no-repeat 0 0}
div.confidently:after,
div.confidently span.block-after { display: block; width: 273px; height: 7px; padding:0; margin: 0 0 0 -27px; clear: both; content:""; background: url(../img/before-after_confidently.png) no-repeat 0 bottom; }


#sidebar div.confidently h2 { background: none; height: auto; margin:0; padding:5px 0 0; }
#sidebar div.confidently ul { margin:0 0 0 10px; font-size: 19px;}
#sidebar div.confidently ul li { padding-left: 25px; background:url(../img/bg_advantage_li.png) no-repeat 0 4px;}

div.disclaimer { font-size:12px; line-height:1.2; padding-top:10px;}
div.disclaimer p { margin:0;}