﻿/*  
GLOBAL  SITE	>css-merging DWS 
	Mar2013		>DevContent
	revision	>1.1

	merging:	>~dws/global-elements	~dws/global-structure	~dws/global-common
*/

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	VBC GLOBAL 
	[] global-elements

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body {
	background: url(../../img/background.jpg) no-repeat center 155px #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: left;
}
a {
	color: #5ab11a;
	text-decoration: none;
}
a:hover {
	color: #5ab11a;
	text-decoration: underline;
}
h1 {
	background: url(../../img/page-title.png) no-repeat 0px 0px;
	color: #5ab11a;
	font-size: 18px;
	font-weight: normal;
	line-height: 41px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	text-indent: 18px;
}
h2 {
	background-color: #ECF5E4; 	/*TFS 4663 Fix Raul Acevedo*/
	color: #88C36B;				/*TFS 4663 Fix Raul Acevedo*/
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 10px 17px;			/*TFS 4663 Fix Raul Acevedo*/
}
h3 {
	color: #5ab11a;
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 0 10px;
	padding: 8px 0;
}
h4 {
	color: #6AAB36;
	font-size: 15px;
	font-weight: normal;
	height: auto;
	letter-spacing: 0.01em;
	line-height: 26px;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: auto;
}
/* distcatalog.css **
p{
	color:#555;
} */
p {
	color: #7d7d7d;
	font-size: 12px;
	line-height: 17px;
	margin: 0px 0px 13px 0px;
	padding: 0px;
	text-align: left;
}
strong {
	color: #6a6a6a;
}
ul {
	list-style-type: disc;
	margin: -4px 0px 18px 10px;
	padding: 0px;
}
li {
	color: #7d7d7d;
	font-size: 12px;
	line-height: 15px;
	margin: 0px 0px 3px 15px;
	padding: 0px;
}
ol li {
	color: #7d7d7d;
	font-size: 12px;
	line-height: 15px;
	margin: 0px 0px 3px 23px;
	padding: 0px;
}
hr.section-break {
	border-color: #a0ce67;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	clear: both;
	height: 1px;
	margin: 20px 7px 20px 2px;
	padding: 0px;
}
input, textarea {
	background: #fff;
	border: 1px solid #e0e0e0;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: auto;
	line-height: 16px;
	padding: 2px 0px 3px 0px;
}
input[type="text"], textarea {
	text-indent: 5px
}
textarea {
	padding: 2px 5px 3px 5px;
	text-indent: 0px;
}
/*input[readonly="readonly"],
select[readonly="readonly"],*/
input[disabled], button.disabled, select[disabled="disabled"] {
	color: #696969;
	background: url(../../img/spriterptx.png) repeat-x 0 -114px #eaeaea;
	border: 1px solid #afaeae;
	border-bottom: 1px solid #838383;
}
#AccountUpdatePage #Email {
	background-image: none;
	border: 1px solid #E0E0E0;
}
button.disabled:hover, input[disabled="disabled"]:hover, select[disabled="disabled"]:hover {
	background: url(../../img/spriterptx.png) repeat-x 0 0;
	text-decoration: none;
}
input[type="radio"], input[type="checkbox"] {
	background: #fff;
	border: none;
	margin: 0px 5px 0px 0px;
	margin: -3px 5px -3px 0px\9;
	width: auto !important;
}
select {
	background: #fff;
	border: 1px solid #e0e0e0;
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 22px;
	line-height: 23px;
	padding: 2px 2px 2px 5px;
	width: auto;
}
/*
option {
	height:22px;
	line-height:22px;
}
*/




/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	VBC GLOBAL 
	[] global-structure

   :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#siteWrapper {
	margin: 30px 0px 0px 0px;
	text-align: center;
}
#header {
	background: url(../../img/spriterptx.png) repeat-x 0 -298px;
	height: 124px;
    margin: 0px;
}
#header #logo {
	background: url(../../img/site-logo.png) no-repeat 32px 0px;
	height: 57px;
	margin: 0px auto;
	position: relative;
	width: 960px;
}
#tabs {
	clear: both;
	height: 27px;
	margin: 0 auto;
	position: relative;
	width: 960px;
}
#subMenuContainer {
	height: 20px;
	margin: 0px auto 0px auto;
	vertical-align: bottom;
	width: 960px;
}
#pageContent {
	background: #fff;
	margin: 0px auto 0px auto;
	padding: 10px 0px 10px 0px;
	text-align: left;
	width: 960px;
	overflow: hidden;
}
#contentHead, #contentFoot, #footer {
	clear: both;
}
/* Page Hint */
#ShopHere {
	display: none;
	left: 430px;
	bottom: 30px;
	position: absolute;
}
#ShopHere img {
	bottom: 0px;
	left: 160px;
	position: absolute;
}
#CloseTip {
	color: #70bf44;
	display: block;
	text-align: right;
}
#CloseTip:hover {
	cursor: pointer;
}
#CloseTip .close-text {
	font-size: 11px;
	margin-right: 5px;
	text-decoration: underline;
}
#CloseTip .close-icon {
	font-weight: bold;
	margin-right: -10px;
	position: absolute;
}
#ClickHere {
	color: #70bf44;
	font-size: 18px;
}
/* Tabs */
#tabs .selected-locale {
	border-left: 1px solid #bcbcbc;
	color: #959595;
	font-size: 12px;
	float: left;
	left: 305px;
	line-height: 43px;
	height: 43px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	position: absolute;
	text-align: left;
	top: -50px;
	width: 250px;
}
#tabs .locale-select {
	float: right;
	height: auto;
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 18px;
	top: -46px;
	width: auto;
}
#tabs .locale-select select.supported-locales {
	font-size: 11px;
}
#tabs ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}
#tabs ul li {
	background: url(../../img/spritemain.png) no-repeat 0 -90px;
	float: left;
	font-size: 13px;
	height: 27px;
	margin: 0 1px;
	text-align: center;
	width: 103px;
}
#tabs ul li a {
	color: #d5d5d5;
	display: block;
	height: 17px;
	padding: 5px 0 0;
	line-height:9px;
	width: 100%;
}
#tabs ul li a:hover {
	color: #fff;
	text-decoration: none;
}
#tabs ul li:hover {
	color: #fff;
	background: url(../../img/spritemain.png) no-repeat 0 -54px;
}
#tabs ul li.active {
	background: url(../../img/spritemain.png) no-repeat 0 -54px;
	color: #fff;
}
#tabs ul li.active a {
	color: #fff;
}
#tabs ul li.shop {
	width: 73px;
	background-position: -104px -90px;
}
#tabs ul li.shop.active {
	width: 73px;
	background-position: -104px -54px;
}
#header #tabs ul li.highlight{ background-position: 0 -454px!important;}
/* submenucontainer */
#subMenuContainer ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}
#subMenuContainer ul li {
	float: left;
	font-size: 13px;
	height: 40px;
	line-height: 27px;
	margin: 0 1px;
	overflow: hidden;
	text-align: center;
	width: auto;
}
#subMenuContainer ul li.active a {
	color: #fff !important;
}
#subMenuContainer ul li a {
	color: #acd780;
	display: block;
	height: auto;
	padding: 10px 20px 3px 20px;
	/*padding: 10px 34px 3px 34px;*/
	text-decoration: none;
}
#subMenuContainer ul li a:hover {
	color: #fff;
	text-decoration: none;
}
/* Footer
*******************************************************************/

#footer {
	background: url(/content/global/img/footer-bg-tile.png) repeat 0px 0px;
	clear: both;
	color: #747474;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 12px;
	margin: 0 auto;
	min-height: 161px;
	padding: 25px 0px 0px 0px;
	position: relative;
	text-align: justify;
	width: 960px;
}
#footer a {
	color: #747474;
}
#footer a:hover {
	text-decoration: underline;
}
#footer p {
	/*  letter-spacing: 0.15em;*/
	text-align: center;
}
#footer .footer-server-info {
	bottom: 10px;
	color: #999;
	position: absolute;
	right: 20px;
}
#footer .footer-cols {
	clear: both;
	margin: 35px 37px 30px 37px;
	padding: 0px;
}
#footer .footer-cols .col {
}
#footer .footer-cols .col a {
	color: #68b621;
	font-weight: bold;
	text-decoration: none;
}
#footer .footer-cols .col.hl-member {
	border-right: 1px solid #9db1af;
	float: left;
	height: 37px;
	overflow: visible;
	position: relative;
	text-align: justify;
	top: 10px;
	width: 393px;
	padding-right:7px;

}
#footer .footer-cols .col.hl-member span {
	display: inline;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 12px;
	margin: 0;
	padding: 0;
}
#footer .footer-cols .col.copyright {
	float: right;
	height: auto;
	text-align: left;
	width: 476px;
}
#footer .footer-cols .col.copyright span {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 12px;
}
.dsa-image {
	background: url(/content/global/img/dsa-image.png) 0 0 no-repeat;
	float: left;
	text-indent: -9999px;
	width: 40px;
	height: 40px;
}
.dsa-image a {
	display: block;
	height: 40px;
	width: 40px;
}
.dsa-text {
	width: 320px !important;
	display: inline-block !important;
	margin-left: 10px !important;
}
/* Product Lead Form
*******************************************************************/

#ProductLeadPage #centerContainer {
	margin-left: -50px;
}
#ProductLeadPage .errMsg {
	float: left;
	margin-bottom: 15px;
	margin-left: 160px;
	margin-top: 2px;
}
#ProductLeadPage .subpage-head {
	margin-top: 30px;
}
#ProductLeadPage .field-validation-valid {
	margin-left: 160px;
}
#ProductLeadPage ul.lead-gen-form {
	list-style-type: none;
	margin-top: 30px;
}
#ProductLeadPage li {
	clear: both;
	display: block;
	height: auto;
	margin: 10px 0;
}
#ProductLeadPage li .margin-top.float-right {
	width: 260px !important;
}
#ProductLeadPage li label {
	float: left;
	text-align: right;
	padding-right: 15px;
	width: 200px;
}
#ProductLeadPage #InterestCheckboxDiv {
	margin-top: -15px;
}
#ProductLeadPage #PersonalGoals {
	height: 100px;
	resize: none;
	width: 300px;
}
#ProductLeadPage #TellMeMore {
	display: inline !important;
	float: left !important;
	margin: 10px 0px 0px 215px !important;
}
#ProductLeadPage li #TellMeMore {
	margin-left: 0 !important;
}
/* ##>
label[htmlFor="Tell_me_more_about_herbalife_business_Opportunity"], label[for="Tell_me_more_about_herbalife_business_Opportunity"] {
	float: right !important;
	margin-top: 10px!important;
	padding: 0px !important;
	text-align: left!important;
	width: 305px !important;
}
*/
#ProductLeadPage input[type="text"] {
	width: 300px;
}
#PhoneNumberFirstPart, #PhoneNumberMiddlePart, #PhoneNumberLastPart {
	width: 96px !important;
}
#Gender {
	margin-left: 150px;
}
#Gender + #Gender {
	margin-left: 10px;
}
#ProductLeadPage li input + label {
	float: none;
}
/* Account Creation
********************************************************************/
/* ## [5MAR2013 - newCustomer-signup] >	
#centerContainer .TermsDistributor {	color: #fdb55f;	font-weight: bold;}
#CreateAccountPage {	float: left;	margin-top: 20px;}
#GoPage {	margin-bottom: 20px;}
.general-link {	text-decoration: underline !important;}
#AccountConfirmation .general-link {	text-decoration: none !important;}*/

/* Articles
********************************************************************/
.cat-view-wrap li {
	list-style-type: none;
}
/* Distributor Website Info admin
********************************************************************/
.dist-website-info {
	padding: 0.5em;
}
.dist-website-info fieldset {
	-moz-box-shadow: 3px 3px 4px #eee;
	-webkit-box-shadow: 3px 3px 4px #eee;
	box-shadow: 3px 3px 4px #eee;
	border: 1px solid #cfcfcf;
	color: #555;
	margin-bottom: 30px;
}
.dist-website-info fieldset legend {
	float: left;
	font-size: 14px;
	font-weight: bold;
	left: 10px;
	margin-bottom: 30px;
	position: relative;
	top: 10px;
}
.dist-website-info h2 {
	color: #5AB11A;
	font-size: 18px;
	font-weight: bold;
}
.dist-website-info h3 {
	font-size: 16px;
	margin: 0 0 10px 0;
}
.dist-website-info .info {
	clear: both;
	margin: 20px;
	width: 60%;
}
.dist-website-info .info table {
	width: 100%;
}
.dist-website-info .info table td {
	padding-bottom: 20px;
}
.dist-website-info .info table tr:last-child td {
	padding-bottom: 0px;
}
.dist-website-info .info table .label {
	font-weight: bold;
	vertical-align: top;
	width: 150px;
}




/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	VBC GLOBAL 
	[] global-common

   :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.reqd_field {
	color: #a1a1a1;
	font-size: 12px;
	float: right;
}
.errMsg {
	color: #f00;
	font-weight: bold;
}
.step-one-container span.errMsgicon, .errMsgicon {
	background: url("../../img/common/small_error_icon.jpg") no-repeat scroll left center transparent;
	color: #FF0000;
	display: block;
	font-weight: bold;
	min-height: 22px;
	padding: 0 0 0 30px;
}
.pop-form .error_fields label, .error_fields label {
	font-weight: bold;
	color: #f00;
}
.error_fields input, .error_fields select {
	border: 1px solid #f00;
}
.reqd-text {
	color: #f00;
	font-size: 11px;
	font-style: italic;
}
.cat-view .cat-view-content .col-two .small-print, p.small-print {
	color: #8e8e8d;
	font-size: 10px;
	font-weight: normal;
}
/*## >
div.small-print, p.small-print, .small-print {
	color: #8e8e8d;
	font-size: 10px;
	font-weight: normal;
	line-height: 20px;
}
.altColor, .altRow, .altRow th, .altRow td {
	background-color: #f5f5f5;
}
*/
.primaryRow, .primaryRow th, .primaryRow td {
	background-color: #fff5e1;
}
.floatRight, .float-right {
	float: right;
}
.floatLeft, .float-left {
	float: left;
}
.clearfix {
	clear: both;
}
/* ##>
.spaceBreak {
	height: 30px;
}*/
.hide-layer {
	display: none;
}
.show-layer {
	display: block;
}
/* from vbcsite.css **
.spaceBreak{
	height:10px;
}*/
/* ##> 
.margin-left {
	margin-left: 15px;
}
.margin-top {
	margin-top: 30px;
} */
/** text styles **/
/* ##>
.notice_text_blue {
	color: #126395;
	font-size: 12px;
	line-height: 15px;
	list-style: none;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}
.notice_text_blue li {
	clear: both;
	color: #126395;
	background: url(../../img/spritemain.png) no-repeat -395px -289px;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 11px;
}*/
/* Button Styles */
/* ##> -checkoutStepFour.cshtml
#help {
	background: url(../../img/dsadminsprites.png) -482px -39px;
	cursor: pointer;
	float: right;
	height: 18px;
	position: absolute;
	right: 30px;
	top: 15px;
	width: 18px;
}*/
.button {
	border-radius: 2px;
	-moz-border-radius: 2px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	height: 23px;
	line-height: 23px;
	min-width: 120px;
	padding: 0;
	position: relative;
	text-align: center;
	white-space: nowrap;
	width: auto;
}
.button:hover {
	cursor: pointer;
	text-decoration: none;
	text-shadow: none;
}
input.button, button.button {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 25px;
	line-height: 21px;
	margin: 0px;
	min-width: 120px;
	padding: 0px 15px;
	padding: 0px\0;
	text-indent: 0px;
}
.button span.text {
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: auto;
	line-height: 12px;
	padding: 5px 0px 6px 0px;
	padding: 7px 0px 4px 0px\9; /* ie9 and under hack for line heights */
	white-space: nowrap;
}
.orangeBtn {
	background: url(../../img/spriterptx.png) repeat-x 0 -188px;
	border: 1px solid #ffa12d;
	border-bottom: 1px solid #e88c1a;
}
.orangeBtn:hover {
	background: url(../../img/spriterptx.png) repeat-x 0 -74px;
	color: #915205 !important;
	text-decoration: none;
}
.greenBtn {
	background: url(../../img/spriterptx.png) repeat-x 0 -151px;
	border: 1px solid #7ac142;
	border-bottom: 1px solid #5ca312;
}
.greenBtn:hover {
	background: url(../../img/spriterptx.png) repeat-x 0 -37px;
	color: #2b6001 !important;
	text-decoration: none;
}
.grayBtn {
	background: url(../../img/spriterptx.png) repeat-x 0 -114px;
	border: 1px solid #afaeae;
	border-bottom: 1px solid #838383;
}
.grayBtn:hover {
	background: url(../../img/spriterptx.png) repeat-x 0 0;
	color: #4c4c4c !important;
	text-decoration: none;
}
#submitOrderButton {
	margin-left: 15px;
}
#processingButton{
	background: url(../../img/spriterptx.png) repeat-x 0 -114px;
	border: 1px solid #afaeae;
	border-bottom: 1px solid #838383;
	margin-left:15px;
}
/** ICON LINKS **/
.pdf-link {
	background: url(../../img/dsadminsprites.png) no-repeat -480px -61px;
	color: #5ab11a;
	display: block;
	font-size: 12px;
	font-weight: normal;
	height: 24px;
	line-height: 24px;
	margin-top: 5px;
	text-indent: 26px;
}
a.terms-link {
	background: url(../../img/dsadminsprites.png) no-repeat -480px -61px;
	color: #5ab11a;
	display: block;
	font-size: 11px;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	margin-left: 34px;
	text-decoration: underline;
	text-indent: 26px;
}
.terms-agree {
	clear: both;
	font-size: 13px;
	font-weight: bold;
	margin: 0px 0px 0px 39px;
}
.terms-conditions-wrap {
	border: 1px solid #e0e0e0;
	color: #696969;
	font-size: 11px;
	height: 180px;
	line-height: 14px;
	margin: 15px 10px 15px 10px;
	padding: 10px 12px 10px 12px;
	overflow: auto;
	overflow-y: scroll;
}
/* default splash page */
/* ##> 
.default-splash {
	text-align: center;
}*/
.default-bubble {
	background: url('../../img/default-bubble-sprite.png') no-repeat 0px -110px;
	margin: 45px auto 300px auto;
	width: 595px;
}
.default-bubble-btm {
	background: #fff url('../../img/default-bubble-sprite.png') no-repeat 0px 0px;
	clear: both;
	height: 110px;
	margin-top: 35px;
	width: 595px;
}
/* ##>
.default-splash h1.splash-title {
	border: none;
	color: #696969;
	font-size: 40px;
	line-height: 30px;
	margin: 0px 0px 4px 0px;
	padding: 35px 0px 0px 0px;
	text-align: center;
}
.default-splash p {
	color: #696969;
	font-size: 16px;
	line-height: 22px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	text-align: center;
}
.default-splash a {
	color: #6aac36;
	font-weight: bold;
}*/
/* Search Page */
.search-container {
	left: -309px;
	margin: 5px 0 10px;
	padding: 0 80px;
	position: relative;
	width: 802px;
	text-align: center;
}
h1.search-title {
	background: url("../../img/welcome/error_icon.jpg") no-repeat scroll center top transparent;
	border: medium none;
	color: #4C4C4C;
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
	margin: 20px auto;
	padding: 35px 0 0;
	text-align: center;
	width: 480px;
}
div.search-wrap {
	/*	border-bottom:8px solid #81c83e;
	margin:0px 80px;
	padding:16px 0px 128px 0px;*/
	text-align: center;
	margin: 30px 0;
	overflow: hidden;
}
div.search-wrap .button {
	background: url("../../img/welcome/welcome_btn.jpg") repeat-x scroll 0 0 transparent;
	float: left;
	font-size: 16px;
	height: 40px;
	margin-left: 6px;
	text-transform: uppercase;
	width: 271px;
}
div.search-wrap .button:hover {
	background: url("../../img/welcome/welcome_btn.jpg") repeat-x transparent;
}
div.search-wrap input[type="text"] {
/*	margin-top:-5px;*/
}
/* data table */
table.data-table {
	background: #fff;
	border: 1px solid #e5e4e4;
	width: 100%;
}
table.data-table th {
	background: #eefae4;
	color: #444544;
	font-size: 12px;
	font-weight: bold;
	line-height: 13px;
	padding: 6px 0px 6px 0px;
	text-align: left;
	text-indent: 10px;
}
table.data-table td {
	border-top: 1px solid #cecece;
	color: #4f4f4f;
	padding: 8px 0px 8px 0px;
	text-align: left;
	text-indent: 10px;
}
table.data-table a {
	color: #5ab11a;
}
/* pop-ups */
.pop-up-wrap {
	background: #fff;
	border-bottom: 1px solid #c6c5c5;
	border-left: 1px solid #cfcece;
	border-right: 1px solid #c6c5c5;
	border-top: 1px solid #b1b1b1;
	overflow: hidden;
}
.pop-head {
	background: #64b33f;
	color: #fff;
	height: 43px;
	line-height: 43px;
	margin: 0px;
	padding: 0px 0px 0px 30px;
	position: relative;
}
.pop-body {
	padding: 20px 35px 20px 25px;
}
.pop-form {
	text-align: center;
}
.pop-buttons {
	padding: 15px 30px 30px 0px;
	text-align: right;
}
.pop-head h2 {
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	line-height: 43px;
}
.pop-head a.close-link {
	background: url(../../img/spritemain.png) no-repeat 0px -220px;
	cursor: pointer;
	display: block;
	height: 17px;
	overflow: hidden;
	position: absolute;
	right: 6px;
	top: 7px;
	width: 16px;
}
.pop-head a.close-link span {
	display: none;
}
.pop-form table {
	margin: 15px auto 0px auto;
	text-align: left;
	width: 541px;
}
.pop-form td {
	padding: 0px 0px 13px 13px;
	vertical-align: top;
}
.pop-form #phoneNumber {
	margin-top: 20px;
}
.pop-form ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.pop-form li {
	margin: 0px 0px 0px 32px;
	padding: 0px;
}
.pop-form li:first-child {
	margin: 0px;
}
.pop-form label {
	color: #696969;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 19px;
	text-indent: 2px;
}
.pop-form td span {
	float: left;
	font-weight: normal;
}
.pop-form input[type="text"] {
	height: 20px;
	line-height: 20px;
	margin: 1px 0px 0px 0px;
	padding-left: 6px;
}
.pop-form input[type="checkbox"] {
	margin-left: 0px;
}
.pop-form input.wide-width {
	width: 99%;
}
.pop-form input.wmed-width {
	width: 245px;
	float: right;
}
.pop-form input.med-width {
	width: 200px;
	float: right;
}
.pop-form input.short-width {
	width: 100px;
}
.pop-form select {
	height: auto;
	line-height: 20px;
	padding: 1px 1px 1px 6px;
}
.pop-form option {
	height: auto;
	line-height: 20px;
	padding: 2px 1px 2px 6px;
}
.pop-buttons a {
	margin-left: 31px;
}
.checkbox-wrap input {
	border: none;
}
.checkbox-wrap label {
	color: #858585;
	display: inline-block;
	font-weight: normal;
	margin: 0px 0px 0px 8px;
}
span.pop-note {
	color: #696969;
	font-size: 12px;
	font-style: italic;
	line-height: 18px;
	padding: 22px 0px 0px 24px;
}
/* validate message */
.field-validation-valid {
	display: none;
}
.validation-summary-valid {
	display: none;
}
.center_text {
	text-align: center;
}
/**** Welcome Page ***/
#welcome_go_title {
	font-size: 28px;
	font-weight: normal;
}
.search-container .center_text {
	font-size: 14px;
}
#siteName {
	color: #808080;
	float: left;
	font-size: 16px;
	font-weight: bold;
	height: 34px;
	margin-left: 30px;
	text-align: center;
	text-transform: uppercase;
	width: 462px;
}
.search-container p {
	padding: 0 50px;
}
/******************G-Shop*******************************************/
/*#reqdPostalCode{
	bottom:48px;
	left: 364px;
	position:relative;
}*/
#AddressDetails #PostalCode{
	width:120px !important;
}

a.button.greenBtn.addCart{
	top:4px;
}
/****************************************Product Catalog (VAT INCLUDED IN PRICE)*************************************/
#VATMessage{
	clear:both;
	margin-top:20px;
}
.featuredProductLink + #VATMessage{
	margin-left:165px;
}
#VATMessage + div + div.categoryNav{
	margin-top:10px;
}
/**********************************Social media Icons ************************************************/
a.facebook-link {
	background: url("../../img/spriteicons.png") no-repeat scroll -60px 0 transparent;
}
a.twitter-link {
	background: url("../../img/spriteicons.png") no-repeat scroll -29px 0 transparent;
}
a.ichange-link {
	background: url("../../img/ic_icon.jpg") no-repeat;
}
a.google-link {
	background: url("../../img/google-plus24x24.png") no-repeat;
}
a.vk-link {
	background: url("../../img/vk-icon.jpg") no-repeat;
}
/**************************** Transfer Account Banner **************************************************************************/
#transfer_account_banner{
	background-color: #0074e6;
	height:49px;
	margin-bottom:10px;
	margin-top:-30px;
}
#transfer_account_banner a{
	margin-left: 18px;
}
#transfer_account_banner p{
	color: #FFF;
	display:inline-block;
	font-size: 20px;
	font-weight: bold;
	margin-top:15px;
	text-align:center;
}
/**************************** Login Pop-up **************************************************************************/
  #RegistrationThankYouPopup,
    #RegistrationFailedNotInContactsPopup,
    #RegistrationThankYouPopup,
    #errorNewCustomerWindowPopup,
    #NewCustomerWindowPopup,
    #errorExistingCustomerPopup,
    #ExistingCustomerPopup,
    #errorMigratedCustomerPopup,
    #MigratedCustomerPopup,
    #errorSignInPopup,
    #SignInPopup { display: none; }

    #SignInWindow, 
    #NewCustomerWindow, 
    #MigratedCustomerWindow,
    #ExistingCustomerWindow,
    #registrationForgotPasswordWindow,
    #registrationFailedNotInContactsWindow,
    #registrationThankYouWindow { width: 548px; }
   
     #SignInWindow,  
     #MigratedCustomerWindow, 
     #ExistingCustomerWindow{ height: 435px; }

      #NewCustomerWindow { height: 520px;}

      #registrationForgotPasswordWindow,
      #registrationFailedNotInContactsWindow,
      #registrationThankYouWindow {height: 331px;}

        #SignInWindow .t-window-titlebar.t-header,
        #NewCustomerWindow .t-window-titlebar.t-header,
        #MigratedCustomerWindow .t-window-titlebar.t-header,
        #ExistingCustomerWindow .t-window-titlebar.t-header,
        #registrationForgotPasswordWindow .t-window-titlebar.t-header,
        #registrationFailedNotInContactsWindow .t-window-titlebar.t-header,
        #registrationThankYouWindow  .t-window-titlebar.t-header {
            background-color: #0074e6 !important;
            height: 150px !important;
            margin-left: -1px !important;
            margin-top: -1px !important;
            position: relative; 
            width: 520px !important;
        }

        #SignInWindow .t-window-title,
        #NewCustomerWindow .t-window-title,
        #MigratedCustomerWindow .t-window-title,
        #ExistingCustomerWindow .t-window-title,
        #registrationForgotPasswordWindow .t-window-title,
        #registrationFailedNotInContactsWindow .t-window-title,
        #registrationThankYouWindow .t-window-title {
            display: block;
            line-height: 25px;
            margin-left: 168px;
            margin-top: -93px;
            text-align: left;
            white-space: normal;
            width: 290px;
        }


    #SignInWindow .t-window-content.t-content {
        height: auto !important;
        margin-left: -1px;
        width: 490px !important;
    }
    .footerMsg {
        background-color: #0074e6;
        color: #fff;
        display: block; 
        font-size: 17px;
        margin-left: -25px;
        padding-bottom: 32px;
        width: 550px;
    }
    #SignInWindow .footerMsg { margin-top:47px; }

    #NewCustomerWindow .footerMsg { margin-top: 242px; }

   #migratedCustomer .footerMsg { 
	margin-top: 110px; 
	margin-top: 150px\9;
	}

    #existingCustomer .footerMsg {
        margin-left: -76px;
        margin-top: 126px;
    }

    #EmailPrev3, 
    #EmailPrev1, 
    #EmailPrev2 {
        color: #646464;
        display: block;
        font-size: 14px;
        margin-bottom: 20px;
    }
    .footerMsg span {
        display: block;
        margin-left: 128px;
        padding-top: 29px;
        text-align: center;
        width: 300px;
    }
    #getStarted,
    #existingCustomer,
    #registration_ForgotPassword { margin-left: 50px; }

    #registration_Failed,
    #registration_thankyou { 
        margin-left: 30px; 
        width: 400px;
    }

    #forgotMsg, #registrationMsg { 
        color: #646464;
        display: block;
        line-height: 20px;
    }

    #forgotMsg { width: 318px; }
    #registrationMsg { width: 341px; }

        #getStarted > span:first-child,
        #newCustomer_Window > span:first-child,
        #migratedCustomer > span:first-child,
        #existingCustomer > span:first-child,
        #registration_ForgotPassword > span:first-child,
        #registration_Failed > span:first-child,
        #registration_thankyou > span:first-child {
            color: #646464;
            display: block;
            font-size: 17px; 
            margin-bottom: 20px;
        }

        #getStarted input { 
            height: 20px;
            width: 80%; 
        }

        #getStarted input,
        #newCustomer_Window input,
        #newCustomer_Window select,
        #migratedCustomer input,
        #existingCustomer input {
             background-color: #eee;
             border-radius: 3px;
             display: block;
        }

    #newCustomer_Window input, 
    #existingCustomer input { height: 20px;}

    #newCustomer_Window select { height: 26px; }

    #newCustomer_Window input,
    #newCustomer_Window select,
    #migratedCustomer input,
    #existingCustomer input {
        width: 40%;
        float: left;
        margin-right: 22px;
        margin-bottom: 20px;
    }
    .btnForward {
        border: 1px solid #0080ff !important;
        text-shadow: 0 0 1px #0080ff !important;
        filter: none;
        background: #0080ff !important;
    }
      #getStarted a {
        display: inline-block;
        margin-left: 283px;
        margin-top: 20px;
    }
    #SignInWindow .t-icon.t-close,
    #NewCustomerWindow .t-icon.t-close,
    #MigratedCustomerWindow .t-icon.t-close,
    #ExistingCustomerWindow .t-icon.t-close,
    #registrationForgotPasswordWindow .t-icon.t-close,
    #registrationFailedNotInContactsWindow .t-icon.t-close,
    #registrationThankYouWindow .t-icon.t-close {
        background: url("http://herbalifedwsqa.blob.core.windows.net/content/global/img/icon-x.jpg") no-repeat !important;
        height: 23px !important;
        margin-right: 10px;
        position: relative;
        width: 24px !important;
    }
#SignInWindow .t-header .t-link,
 #NewCustomerWindow .t-header .t-link, 
#MigratedCustomerWindow .t-header .t-link, 
#ExistingCustomerWindow .t-header .t-link,
#registrationForgotPasswordWindow .t-header .t-link,
#registrationFailedNotInContactsWindow .t-header .t-link,
#registrationThankYouWindow .t-header .t-link { 
	color: transparent!important;
	margin-right: 10px;
	margin-top: -4px;
}

    #NewCustomerWindow .btn.neutral, 
    #MigratedCustomerWindow .btn.neutral, 
    #ExistingCustomerWindow .btn.neutral {
        background: none;
        background-color: #ccc !important;
        background-repeat: no-repeat;
        border: 1px solid #e6e6e6 !important;
        border-radius: 2px;
        color: #000 !important;
        cursor: pointer;
        font-weight: 400;
        display: inline-block;
        line-height: 14px; 
        margin: 3px;
        outline: 0;
        padding: 7px 10px;
        position: relative;
        text-align: center;
        text-decoration: none; 
        text-shadow: 0 1px rgba(255,255,255,.75);
    }
    #getStarted > span.errMsg,
    #newCustomer_Window > span.errMsg, 
    #existingCustomer > span.errMsg {
        color: red;
        font-size: 12px;
        width: 142px;
    }
   .t-window-titlebar.t-header img{
	   height: 100px;
       padding-left: 23px;
       padding-top: 15px;
	   width: 100px;
   }
    .t-widget.t-window {
        background: #fff !important;
        border-color: #b1b1b1 #c6c5c5 #c6c5c5 #cfcece !important;
        border-radius: 0px !important;
        box-shadow: none !important;
        border-style: solid !important;
        border-width: 1px !important;
    }
	#newCustomer_Window .buttons_NewCustomer{ margin-top: 15px;}
   .buttons_NewCustomer{ 
       float:right;
       margin-right: 84px;
   }
   .rememberMe { 
       color: #646464;
       float: left;
       margin-top: 13px;
   }

    #existingCustomer  #forgotPassword {
        color: #0074e6;
		display: inline;
        cursor: pointer;
        margin-top: 0px;
        margin-right: 145px;
        position: relative;
    }
    #existingCustomer .rememberMe {
         margin-left: -211px;
         margin-top: 92px;
         width: 156px;
    }

	label[for="RememberMeExistingCustomer"],
	label[for="RememberMeMigratedCustomer"]{ margin-left: -19px;}
	
	#RememberMeExistingCustomer
	{
        margin-left: -11px !important;
        margin-top: -3px !important;
    }
	#RememberMeMigratedCustomer 	{ margin-left: 1px !important; }
    .buttons_existingCustomer {
        float: left;
        margin-left: -53px;
        margin-top: 40px;
    }
    #errorExistingCustomerPopup {
        display: inline-block;
        margin-bottom: 10px;
        margin-left: 100px;
    }
    .t-widget.t-window .t-window-titlebar.t-header {
        background: #64b33f !important;
        border: none !important;
        border-radius: 0px !important;
        color: #fff !important;
        font-size: 18px !important;
        height: 43px !important;
        line-height: 43px !important;
        margin: 0 !important;
        padding: 0 0 0 30px !important;
        width: 670px !important;
    }
.t-widget.t-window .t-window-content.t-content { padding: 20px 35px 20px 25px !important;}
/*---------------------------------------------------------New Registration Errors --------------------------------------------------*/
#ConfirmPasswordNewCustomerError,
#PasswordNewCustomerError,
#FirstNamePromptError,
#LastNamePromptError,
#PhoneNumberPromptError,
#CountryNewCustomerError,
#ConfirmPasswordMigratedCustomerError,
#PasswordMigratedCustomerError{ float:left;}

#ConfirmPasswordNewCustomerError,
#PasswordNewCustomerError,
#LastNamePromptError,
#CountryNewCustomerError,
#ConfirmPasswordMigratedCustomerError,
#PasswordMigratedCustomerError{ margin-top: -18px;}

#PasswordNewCustomerError,
#LastNamePromptError { width: 269px!important; }

#PasswordNewCustomerError{ margin-left: 246px;}

#PasswordMigratedCustomerError {
	margin-left: 243px;
	width: 233px;
}

#FirstNamePromptError{
	margin-left: -243px;
	margin-top: 28px;
	width: 240px!important;
}
#PhoneNumberPromptError{
	margin-left: -243px;
	margin-top: 34px;
}
#ConfirmPasswordNewCustomerError {
    width: 200px !important;
}
/*----------------------Registration page has new copy -----------------------------------*/
.not-pre-filled .registerSteps {
        margin-left: 115px;
        text-align: left;
    }
#step3-not-pre-filled{
	border-bottom: 0;
    color: #696969;
    display: inline-block;
    margin-left: 1px;
    line-height: 16px;
	text-indent: 0;
    width: 321px;
}
.registerSteps h2{
    display: inline-block;
    margin-left: -19px;
}

 #circle-1,  
 #circle-2,  
 #circle-3 {
    background-repeat: no-repeat;
    display: block;
    height: 36px;
    width: 36px; 
 }
 #circle-1 {
    background-image: url("../../img/circle-1.jpg");
    margin-left: -45px;
}
#circle-2, 
#circle-3{
	margin-left: -44px;
    margin-top: 10px;
}
#circle-2  { background-image: url("../../img/circle-2.jpg");  }

#circle-3 { background-image: url("../../img/circle-3.jpg"); }
 
  #circle-1 + h3, 
  #circle-2 + h3, 
  #circle-3 + h3 { margin-top: -34px; }

#circle-2 + h3 {  display:block;  }

#circle-1 + h3{ margin-left: 0; }

 #circle-2 + h3, 
 #circle-3 + h3 { margin-left: -1px; }

 /*======================== Customer Order Migration ==================*/
 .moduleBio.horizontal .distributorContact + .distributorContact + .distributorContact { margin-left: 70px;}
a[href*="AccountUpdate"],
a[href*="Orders"],
a[href*="LogOf"]{ 
	font-size: 12px;
	text-decoration: none;
}
.top-link-span a[href*="Orders"] { margin-top: 22px;}

.top-link-span +.top-link-span + .top-link-span a[href*="LogOf"]{ margin-top: 40px;}

.top-link-span +.top-link-span a[href*="LogOf"]{ margin-top: 20px;}

#txtSearchCriteria {
	background-color: #eee;
	border: none;
}
#searchOrderContainer span {
	display: block;
	margin-bottom: 15px;
}
#btnSearchOrder {
	background-color: #eee;
	border: none;
	height: 20px;
	width: 40px;
}
#searchOrderContainer { margin-bottom: 20px;}
#orderPlaced ,
#orderPlaced + .t-widget.t-grid{ margin-top: 20px;}

#searchOrderContainer + hr {
	border-color: #eee;
	width: 738px;
}
#orderPlaced select {
	background-color: #eee;
	width: 160px;
}
/*----------------------Styles for Javascript when it is not enabled--------------------------------------*/
#noScript{
	background-color: #e88c1a;
	color: #fff;
	height: 37px;
	line-height: 16px;
}
#noScript a{
	color: #0074e6;
	text-decoration: underline;
}
#noScript span{
	display: block;
	text-align: center;
}
.mobile-only {
    display: none;
}
/*-----------------------------------Fedex msg --------------------------------------------------------------*/
#fedexmsg{
	font-weight: bold;
	line-height: 16px;
	width: 566px;
}
.mobile-only {
  display: none;
}
/*------------------------------------------Free Shipping ---------------------------------------------------*/
.greenMsg { color: #5ab11a!important;}

.gray{ color: #696969;}

#deliveryTruck{
	background-image: url("../../img/icn-truck.png");
	color: transparent;
	height: 49px;
	margin-bottom: 10px;
	margin-left: 44px;
	margin-top: 10px;
	width: 68px;
}
/*------------------------------------------Error msg log in ---------------------------------------------------*/
.moduleBio .errMsg{
	display: block;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: -3px\9;
}
label[for="RememberMe"] {
	color: #7d7d7d;
	display:block;
	line-height: 20px;
}

label[for="RememberMe"] + a{
	display:block;
	margin-bottom: 20px;
	margin-left: 113px;
	margin-top: -17px;
}
.free-shipping {
   color: #5ab11a;
   font-weight: bold;
}
body:not(.responsive-site) .add-button {
  display: none;
}

/* FREE Wellness Popup */
.free-wellness-popup {
	-webkit-box-shadow: 0px 3px 5px 0px rgba(112,112,112,1);
	-moz-box-shadow: 0px 3px 5px 0px rgba(112,112,112,1);
	box-shadow: 0px 3px 5px 0px rgba(112,112,112,1);
	background-color: #fff;
    max-width: 600px;
}
.free-wellness-popup section {vertical-align: top;}
.free-wellness-popup .wellness-image {
    display: inline-block;
    max-width: 263px;
}
.free-wellness-popup .wellness-image > img {width: 100%;}
.free-wellness-popup .buy-now-form {
    display: inline-block;
    max-width: 267px;
	padding: 20px;
}
.free-wellness-popup .buy-now-form > div {margin-top: 10px;}
.free-wellness-popup .buy-now-form header {font-size: 24px;}
.free-wellness-popup .buy-now-form label {
	cursor: pointer;
	font-weight: bold;
	width: 100%;
}
.free-wellness-popup .buy-now-form input {
	margin: 5px 0 5px;
    width: 100%;
}
.free-wellness-popup .buy-now-form .action-buttons a { min-width: 20%; }
.free-wellness-popup .buy-now-form .action-buttons a.forward { float: right; }
.free-wellness-popup p {
  color: #000;
  font-size: 15px;
  margin-bottom: 5px;
}
#buy-now-form .forward,
#buy-now-form .forward:link, 
#buy-now-form .forward:active, 
#buy-now-form .forward:hover, 
#buy-now-form .backward, 
#buy-now-form .backward:link,
#buy-now-form .backward:active, 
#buy-now-form .backward:hover {
  margin: 3px 0;
  padding: 5px 10px;
}
i.close-wellness {
    color: #ccc;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
}
/* Confirm Button */
.buy-now-confirm {
	-webkit-box-shadow: 0px 3px 5px 0px rgba(112,112,112,1);
	-moz-box-shadow: 0px 3px 5px 0px rgba(112,112,112,1);
	box-shadow: 0px 3px 5px 0px rgba(112,112,112,1);
    background-color: #fff;
    max-width: 302px;
	padding: 20px;
}
.buy-now-confirm > p {color: #000;}
.buy-now-confirm  > div {text-align: center;}

@media (min-width: 0) and (max-width: 640px) {
  .free-wellness-popup .wellness-image {
    display: none;
  }
  .free-wellness-popup i.close-wellness {
    position: absolute;
    right: 25px;
    top: 10px;
  }
}

@media (min-width: 0) and (max-width: 640px) {
  .tbox {
    position: absolute !important;
  }
  .tbox .tinner {
    height: auto !important;
    width: 300px !important;
  }
}
/* ENDS FREE Wellness Popup */
/*-------------------- User Story 111009 ----------------------*/
#confirmationDialog .t-content
{
	height: auto!important;
	line-height: 18px;
	overflow: hidden!important;
	width: 570px!important;
}
#confirmationDialog #No{ margin-right: 10px;}
#confirmationDialog #Yes{ color:#fff;}