/** Base **/
.png, .png *{behavior: url(includes/iepngfix.htc);}
body {
  font-size: 12px;
  line-height: 18px;
  font-family: Helvetica, Arial;
  color: #424242;
  margin: 0;
  background: #f5f5f5;
}
a {
	text-decoration: none;
	color: black;
}
a:hover {
	text-decoration: underline;
}
form {
  margin: 0;
}
label{

}
img {
  border: 0;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.inline li{
	float: left;
}
ul.text {
	padding-left: 15px;
	list-style-type: circle;
}
ul.text li{
	margin-bottom: 10px;
	line-height: 14px;
}
div.hr {
	border-top: solid 1px #c6c5c3;
	height: 0;
	overflow: hidden;
  clear: both;	
  margin: 10px 0;
}
div.hr.wide {
	margin: 30px 0;
}
.clear {
  clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-justify {
	text-align: justify;
}
.small {
	font-size: 11px;
}
.medium {
	font-size: 14px;
}
.normal {
	font-size: 12px;
}
.big {
	font-size: 16px;
}
.very-big {
	font-size: 18px;
}
.b {
	font-weight: bold;
}
.u {
	text-decoration: underline;
}
.i {
	font-style: italic;
}
.white {
	color: white !important;
}
.blue {
	color: #1d49c8 !important;
}
.light-blue {
	color: #c8e0ff !important;
}
.red {
	color: #ec2819 !important;
}
.grey {
	color: #838383 !important;
}
.relative {
	position: relative;
}
a.bthover img { filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; }
a.bthover:hover img { filter:alpha(opacity=100); -moz-opacity:100; opacity:100; }
a.bthover2 img {}
a.bthover2:hover img { filter:alpha(opacity=70); -moz-opacity:.7; opacity:.7; }

h1 {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  color: #0565ac;
}
h2 {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 14px;
  color: #0565ac;
}
form {
  margin: 0;
  padding: 0;
}

.form-message {
	text-align: center;
	position: absolute;
	left: 135px;
}
.form-message div.success,
.form-message div.error{
	width: 300px;
	padding: 30px 0;
}
.form-message .success {
	color: green;
	border: solid 1px green;
	background: #dbffdb;
}
.form-message .error {
	color: red;
	border: solid 1px red;
	background: #ffdbdb;
}
.form-message .error ul{
	list-style-type: disc;
}
.form-message .error li{
	text-align: left;
	margin-left: 30px;
}
/** Layout **/ 

#wrapper {
  width: 978px;
  margin: 0 auto;
}
.container {
	width: 950px;
	padding: 0 14px;
}

.header {
	height: 85px;
	background: url(images/head-bg.gif) repeat-x left top;
}

/** Menu **/

.h-menu {
	height: 24px;
}
.h-menu li {
	background: url(images/h-menu-bg.gif) repeat-x left bottom;
	margin-left: 15px;
}
.h-menu li a{
	display: block;
	width: 116px;
	padding-left: 20px;
	height: 21px;
	color: white;
	text-align: center;
	font-size: 11px;
	text-decoration: none !important;
}
.h-menu li a.m1{background: url(images/h-menu-1.gif) no-repeat 15px 3px;}
.h-menu li a.m2{background: url(images/h-menu-2.gif) no-repeat 15px 3px;}
.h-menu li a.m3{background: url(images/h-menu-3.gif) no-repeat 15px 1px;}

.h-menu li a:hover{
	padding-top: 3px;
	background-position: 15px 6px;
}
.h-menu li a.m3:hover{
	background-position: 15px 4px;
}
.sel-lang {
	height: 12px;
	padding-bottom: 5px;
	overflow: hidden;
}
.sel-lang li{
	margin-right: 10px;
}
.sel-lang li a img{
	opacity: .4;
	filter:alpha(opacity=40);
}
.sel-lang li a:hover img, .sel-lang li a.active img{
	opacity: 1;
	filter:alpha(opacity=100);
}

#menu {
	margin-top: 10px;
	border-left: solid 1px #74726e;
}

#menu ul{
	background: url(images/menu-bg.gif);
	height: 32px;
}
#menu li {
	border-bottom: solid 1px #74726e;
	padding-top: 7px;
	height: 25px;
	text-align: center;
}
#menu li.l1 {width: 130px;}
#menu li.l2 {width: 149px;}
#menu li.l3 {width: 118px;}
#menu li.l4 {width: 189px;}
#menu li.l5 {width: 59px;}
#menu li.l6 {width: 92px;}
#menu li.l7 {width: 104px;}
#menu li.l8 {width: 108px;}
#menu li.order {
	background: url(images/menu-order-bg.gif) repeat-x;
}
#menu li.gar {
	background: url(images/menu-gar-bg.gif) no-repeat right;
}
#menu li.home {
	padding-top: 5px;
	height: 27px;
}
#menu li a {
	color: #4c4c4c;
	font-weight: bold;
	font-size: 14px;
}
#menu li a:hover {
	color: #303030;
	text-decoration: none;	
}
#menu li.sel a {
	color: #3264c8;
}
#footer {
	height: 148px;
	color: white !important;
	padding: 10px 25px;
	background: #2858cf url(images/footer-bg.gif);
	font-size: 11px !important;
	line-height: 16px;
}
#footer .desc-text {
	width: 292px;
}
#footer ul{
	padding: 20px 0;
}
#footer .btm-menu li {
	padding-left: 50px;
}
#footer .btm-menu li a{
	color: white;
	font-weight: bold;
}
#footer .copyright {
	font-size: 13px;
}

/**
* helper styles
**/
.text-block-1,
.text-block-2 {
	padding: 20px;
	border: solid 1px #cdcdcd;
	margin-bottom: 20px;
}
.text-block-2 {
	background: #efefef;
}
.page-block {
	float: right;
	padding: 5px 30px;
	width: 570px;
	background: white url(images/page-block-bg.png);
	padding-bottom: 55px !important;
}
.span-170 {
	float: left;
	width: 165px;
	margin-right: 35px
}
.span-250 {
	float: left;
	width: 250px;
	margin-right: 25px
}
.last {
	margin-right: 0 !important;
}
/**
*		 Main
**/
.main {
	background: #c9c9c9;
	margin-top: 10px;
}
.main #left{
	width: 312px;
}
.main #left .mb-gar{
	position: relative;
}
.main #left div.t1{
	position: absolute;
	width: 227px;
	left: 42px;
	top: 98px;
}
.main #left a.lm-1{
	position: absolute;
	top: 187px;
	left: 64px;
}
.main #left a.lm-2{
	position: absolute;
	top: 99px;
	left: 70px;
}
.main #left a.lm-3{
	position: absolute;
	top: 161px;
	left: 41px;
}
.main #left a.lm-4{
	position: absolute;
	top: 184px;
	left: 64px;
}
.main #left a.lm-5{
	position: absolute;
	top: 217px;
	left: 153px;
}
.main #left div.t2{
	width: 163px;
	height: 102px;
	color: #bdd0fd;
	position: absolute;
	top: 26px;
	left: 41px;
	line-height: 15px;
}
.main #left .off-pay {
	line-height: 14px;
	margin-left: -2px;
}
.main #left .off-pay .methods{
	height: 305px;
	padding-top: 5px;
	background: url(images/howto-off-gb.png) repeat-x;
	line-height: 17px;
}
.main #left .off-pay .auth{
	padding-left: 33px;
}
.main #left .off-pay .title{
	padding: 4px 0 4px 33px;
	color: white;
	font-weight: bold;
	font-size: 14px;
}
.main #left .off-pay .meth{
	margin-bottom: 10px;
	padding: 12px 0;
	padding-left: 136px;
}
.main #left .off-pay .m1{
	margin-top: 10px;
	background: url(images/howto-o-phone.jpg) no-repeat scroll 15px 10px;
	height: 59px;
	margin-top: 10px;
}
.main #left .off-pay .m2{
	background: url(images/howto-o-mail.jpg) no-repeat 20px 13px;
}
.main #left .off-pay .m3{
	background: url(images/howto-o-fax.jpg) no-repeat 10px center;
}
.main .content {
	background: #f5f5f5;
	margin-left: 312px;
}
/** Page Index **/
#index .page-block{
	height: 900px;
}
#index .imgs {
	width: 625px;
	height: 255px;
	margin-left: 11px;
	_margin-left: 8px;
}
#index .img {
	position: absolute;
	display: none;
}
#index .img div,
#index .img a{
	position: absolute;
}
#index .img-1{
	display: block;
}
#index .img-4 div{
	left:222px;
	top:83px;
}
#index .img-3 div{
	left:355px;
	top:54px;
	width: 247px;
	text-align: justify;
}
#index .img-1 div.light-blue{
	left:58px;
	top:22px;
	width: 340px;
	text-align: justify;
}
#index .img-1 div.light-blue .doc{
	font-size: 24px;
	padding-left: 63px;
}
#index .img-4 a{
	left:222px;
	top:148px;
}
#index .img-3 a{
	left:352px;
	top:166px;
}
#index .img-2 a{
	left:322px;
	top:161px;
}
#index .img-1 a{
	left:162px;
	top:187px;
}
#index .dots ul{
	position: absolute;
	right: 2px;
	bottom: 10px;
	z-index: 20;
}
#index .dots ul li{
	width: 12px;
	height: 12px;
	margin-right: 10px;
	background: url(images/vimax-top-dot.png) no-repeat;
	cursor: pointer;
}
#index .dots ul li.sel{
	background: url(images/vimax-top-dot-sel.png) no-repeat;
}
/** Page Vimax **/
#vimax .page-block {
}
#vimax ul.text {
	width: 240px;
}
#vimax .ingredient {
	color: #9b9b9b;
	width: 270px;
	margin-right: 30px;
	margin-bottom: 15px;
	float: left;
	line-height: 14px;
}
#vimax .ingredient .b{
	margin-bottom: 5px;
}
#vimax .ingredient img{
	float: right;
}

/** Order **/
#howto {
	padding-left: 10px;
}
#howto .online-methods{
	background: #617288 url(images/howto-cc.png) no-repeat 250px center;
	padding: 4px 0 4px 33px;
	color: white;
	font-weight: bold;
	font-size: 14px;
}
#howto .order {
	background: #d4d4d4;
	height: 860px;
}
#howto .order a {
	position: relative;
	color: #474749;
	display: block;
	text-decoration: none !important;
}
#howto .order .b12 {
	background: url(images/en/howto-b12.jpg) no-repeat 0 4px;
	margin-left: 30px;
}
#howto .order .b12 a{
	width: 577px;
	height: 223px;
	margin-left: -4px;
}
#howto .order .b12 a:hover{
	background: url(images/howto-sel12.png);
}
#howto .order .b12 .supply{
	font-size: 18px;
	font-weight: bold;
	left: 27px;
	top: 26px;
	width: 200px;
}
#howto .order .b12 .supply span{
	font-size: 14px;
	font-weight: normal;
	padding-top: 2px;
}
#howto .order .b12 .bonus1{
	left: 60px;
	top: 69px;
}
#howto .order .b12 .bonus2{
	left: 60px;
	top: 109px;
}
#howto .order .b12 .desc{
	width: 205px;
	left: 60px;
	top: 138px;
	line-height: 14px;
}
#howto .order .b12 .price *{
	position: static;
}
#howto .order .b12 .price{
	right:32px;
	top:19px;
	line-height: 16px;
	font-size: 14px;
	font-weight: bold;
}
#howto .order .b12 .cross{
	right:42px;
	top:35px;
	opacity: .65;
	filter:alpha(opacity=65);
}
#howto .order table{
}
#howto .order table td{
	background: url(images/howto-b-bg.png) no-repeat;
	width: 186px;
	height: 226px;
	padding: 0;
}
#howto table td.bonus{
	width: 331px;
	background: url(images/howto-bonus-bg.jpg) no-repeat 2px 4px;
	line-height: 14px;
	padding-left: 48px;
	padding-top: 10px;
	height: 226px;
}
#howto .order table td a{
	width: 186px;
	height: 226px;
}
#howto .order table td a *,
#howto .order .b12 a *{
	position: absolute;
	cursor: pointer;
}
#howto .order table td img.bottles{
	margin-left: 17px;
	margin-top: 16px;
	position: absolute;
}
#howto .order table td a:hover{
	background: url(images/howto-sel.png);
}
#howto .order table td a .month{
	font-size: 37px;
	left:18px;
	top:125px;
	color: #00255b;
}
#howto .order table td a .month div{
	padding-top: 8px;
	font-weight: bold;
	height: 30px;
}
#howto .order table td a .month span{
	padding-top: 2px;
	font-size:16px;
	font-weight: bold;
	line-height: 14px;
	color: #0565ac;
	left: 24px;
	width: 60px;
}
#howto .order table td a .per-bottle{
	left:19px;
	top:157px;
}
#howto .order table td a .price *{
	position: static;
}
#howto .order table td a .price{
	line-height: 14px;
	left: 123px;
	top: 145px;
}
#howto .order table td a .cross{
	left:127px;
	opacity: .65;
	filter:alpha(opacity=65);
	top:159px;
}
#howto .order table td a .bonus{
	left: 15px;
	top: 182px;
}

/** FAQ */

#faq #accordion div.ui-accordion-content{
	width: 573px;
}
#faq #accordion a{
	display: block;
	width: 530px;
	height: 27px;
	background: url(images/faq-q-bg.png) no-repeat;
	padding-top: 10px;
	padding-left: 43px;
}
#faq #accordion .cont {
	padding: 10px 20px 25px 43px;
	background: url(images/faq-c-bg.png) repeat-y;
	width: 510px;
}
#faq #accordion .top,
#faq #accordion .bottom {
	overflow: hidden;
	height: 6px;
}
#faq #accordion .top {
	background: url(images/faq-c-t.png) no-repeat;
}
#faq #accordion .bottom {
	background: url(images/faq-c-b.png) no-repeat;
}
#faq .page-block {
	border-top: solid 1px #e3e3e3;
	height: 830px;
}

/** testimonials **/
#testimonials #test-text {
	position: relative;
	width: 637px;
}
#testimonials #test-text .test-title{
	font-size: 18px;
	color: white;
	position: absolute;
	top: 15px;
	right: 110px;
}
#testimonials #test-text .test-t{
	color: #d0e9ff;
	position: absolute;
	width: 273px;
	top: 50px;
	right: 46px;
}
#testimonials #test-text .test-t .t{
	position: absolute;
}
#testimonials .picts{
	background: url(images/testi-img2.jpg) no-repeat 500px 15px;
}
#testimonials .picts-2{
	background: url(images/testi-img3.jpg) no-repeat 490px 15px;
}
#testimonials ul.tabs li{
	width: 285px;
}
#testimonials ul.tabs li.f{
	background:url(images/support-tab-p.gif) no-repeat 192px center;
}

#testimonials ul.tabs li.f.active{
	background: white url(images/support-tab-p-sel.gif) no-repeat 192px center;
}
/** Guarantee **/
#guarantee .page-block {
	border-top: solid 1px #e3e3e3;
	height: 830px;
}

#guarantee .form {
	width: 567px;
	height: 382px;
	background: url(images/gar-form-bg.png) no-repeat;
	margin: 30px auto;
}
input.text {
	width: 245px;
	height: 18px;
	background: url(images/input-text-bg.png) no-repeat;
	border: none;
	padding: 6px;
}
input.sbm {
	width: 145px;
	height: 41px;
	border: none;
	background: url(images/form-sbm-bg.png) no-repeat;
	color: #01398a;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

/** Shipping **/
#shipping .page-block {
	border-top: solid 1px #e3e3e3;
	height: 830px;
}

#shipping .text-block-2 {
	line-height: 14px;
}

/** Privacy **/
#privacy .page-block {
	border-top: solid 1px #e3e3e3;
	height: 870px;
}

#privacy .text-block-2.b2 {
	background: #efefef url(images/privacy.png) no-repeat 20px center;
	padding: 45px 20px;
	padding-left: 254px;
}

/** Compared	**/

#compared {
}

/** Support **/
#support .page-block {
	border-top: solid 1px #e3e3e3;
}

#support .phone {
	background: url(images/sup-phone.png) no-repeat 420px center;
	padding: 3px 0;
}
#support .chat {
	background: url(images/sup-chat.png) no-repeat 420px center;
	padding: 2px 0;
}
#support .mail {
	background: url(images/sup-mail.png) no-repeat 420px center;
}
#support textarea {
	width: 516px;
	height: 100px;
	border: solid 2px #ccc;
	border-top: solid 2px #aaa;
	border-bottom: solid 1px #ccc;
	padding: 6px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
#support .form{
	margin-top: 10px;
	width: 565px;
	height: 139px;
	background: url(images/mem-form-bg.png);
	padding-top: 25px;
}

ul.tabs {
	position: relative;
	left: -25px;
	top: -5px;
	border-top: solid 1px #c7c7c8;
	width: 622px;
	height: 43px;
	background: #f7f7f7;
}
ul.tabs li{
	border-right: solid 1px #e3e3e3;
	border-bottom: solid 1px #e3e3e3;
	height: 31px;
	width: 182px;
	padding-top: 12px;
	padding-left: 25px;
	background: url(images/support-tab-p.gif) no-repeat 162px center;
}
ul.tabs li.last{
	border-right: none;
	width: 181px;
}
ul.tabs li.active{
	border-bottom: none;
	background: white url(images/support-tab-p-sel.gif) no-repeat 162px center;
}
ul.tabs li a{
	color: #555;
	font-weight: bold;
	font-size: 14px;
}
ul.tabs li a:hover{
	color: #222;
	text-decoration: none;
}
#support #tab-members,
#support #tab-track {
	height: 820px;
}

/** Bonus Page **/
#bonus-page {
	background: url(images/en/bonus-popup-bg.jpg);
}
#bonus-page .t1 {
	color: #c8d7fa;
	font-size: 18px;
}
#bonus-page .t2 {
	color: #fe1111;
	font-size: 41px;
	font-weight: bold;
}
#bonus-page .t3 {
	margin-top: 10px;
}
#bonus-page .t4 {
	margin-top: 60px;
	line-height: 14px;
}
#bonus-page .text-block {
	height: 238px;
	width: 429px;
	margin-left: 56px;
	margin-top: 89px;
}
#bonus-page .bthover {
	position: absolute;
	left: 58px;
	top: 215px;
}
/**
*  Bottom Buttons
**/
#btm-btns {
	height:45px;
	margin-top:-60px;
	left: 126px;
	position: relative;
}
#btm-btns a{
	margin-top: 0;
	display: inline-block;
	width: 185px;
	height: 34px;
	padding-top: 11px;
	color: #2854cd;
	font-size: 20px;
}
#btm-btns a:hover{
	text-decoration: none;
	background: url(images/btm-btn-bg.png);
}