* {
    font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}
a {
    text-decoration: none;
    color: #424242;
}

/************************************************************************************************/
/* Login Page */
/* PC */
.LoginPageBackground {
    height: 50%;
    margin: 0;
    padding: 0;
    width: 100%;
}
#PCBackground {
    background-repeat: no-repeat;
    height: 100%;
    left: 0;
    min-height: 100%;
    min-width: 500px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -999;
}
.LoginPagePaddingTop {
    padding-top: 30px;
}
.LoginPageLblDistID {
    font-size: 16px;
}
.LoginPagePCDropDownList {
    background-color: transparent;
    font-size: 16px;
    padding: 5px 5px 5px 5px; /*top right bottom left*/
    text-align: left;
    width: 50%;
}
.LoginPageDistID {
    background: url(../Images/Login/PCDistID.png);
    background-repeat: no-repeat;
    padding: 5px 5px 5px 5px; /*top right bottom left*/
    text-align: center;
    width: 80%;
}
.LoginPageDistPassword {
    background: url(../Images/Login/PCDistPassword.png);
    background-repeat: no-repeat;
    padding: 5px 5px 5px 5px; /*top right bottom left*/
    text-align: center;
    width: 80%;
}
.LoginPageButton {
    background-color: #D0D3D4;
    border-color: #FFFFFF;
    border-radius: 3px;
    font-size: 20px;
    font-weight: bold;
    padding: 5px 5px 5px 5px; /*top right bottom left*/
    text-align: center;
    width: 12%;
}
.LoginPageJavascriptMessage {
    font-size: 12px;
    word-wrap: break-word;
}

/* Mobile */
.LoginPageMobileBackground {
    height: 50%;
    margin: 0;
    padding: 0;
    width: 100%;
}
#MobileBackground {
    background-repeat: no-repeat;
    height: 100%;
    left: 0;
    min-height: 100%;
    min-width: 500px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -999;
}
.LoginPageMobileDropDownList {
    background-color: #004b7e;
    color: #FFFFFF;
    font-size: 16pt;
    height: 40px;
    padding: 5px 5px 5px 40px; /*top right bottom left*/
    text-align: center;
    width: 60%;
}
.LoginPageMobileDistID {
    background: url(../Images/Login/MobileDistID.png);
    background-repeat: no-repeat;
    border: none;
    color: #FFFFFF;
    font-size: 16pt;
    height: 40px;
    text-align: center;
    width: 60%;
}
.LoginPageMobileDistPassword {
    background: url(../Images/Login/MobileDistPassword.png);
    background-repeat: no-repeat;
    border: none;
    color: #FFFFFF;
    font-size: 16pt;
    height: 40px;
    text-align: center;
    width: 60%;
}
.LoginPageMobileDistForgetPassword {
    font-size: 14pt;
    padding-right: 20%;
}
.LoginPageMobileButton {
    background-color: #D0D3D4;
    border-color: #FFFFFF;
    border-radius: 3px;
    font-size: 28px;
    font-weight: bold;
    padding: 5px 5px 5px 5px; /*top right bottom left*/
    text-align: center;
    width: 25%;
}
.LoginPageMobileFooter {
    color: White;
    font-size: 18px;
}

/************************************************************************************************/
/* First Time Login */
/* PC */
.FTLLogo {
    padding: 10px;
}
.FTLWelcomeMsg {
    font-size: 18px;
}
.FTLTblPaddingLeft {
    background-color: #E4EEF2;
    padding-Left: 20px;
}
.FTLPaddingTitle {
    padding: 10px 10px 10px 20px;
}
.FTLTextBox {
	width: 100%;
	-webkit-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border: 1px solid #CCC;
	background: #FFF;
	margin: 0 0 5px;
	padding: 10px;
}
.FTLTextBoxSmall {
	width: 20%;
	-webkit-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border: 1px solid #CCC;
	background: #FFF;
	margin: 0 0 5px;
	padding: 10px;
}
.FTLDropDownList {
	width: 100%;
	-webkit-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border: 1px solid #CCC;
	background: #FFFFFF;
	margin: 0 0 5px;
	padding: 10px;
}
.FTLDropDownListSmall {
	width: 20%;
	-webkit-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border: 1px solid #CCC;
	background: #FFF;
	margin: 0 0 5px;
	padding: 10px;
}
.FTLTextBoxBank {
	width: 80%;
	-webkit-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border: 1px solid #CCC;
	background: #FFF;
	margin: 0 0 5px;
	padding: 10px;
}
.FTLRadioButtonWidth label {
    margin: 5px;
    font-size: 14px;
    vertical-align: Middle;
}
.FTLButton {
    background-color: #b9cdd7;
    border: none;
    font-size: 16px;
    padding: 8px;
    text-align: center;
    width: 100px;
}
.FTLTblDistDetails {
    text-align: left;
    padding-left: 5px;
    height: 25px;
    width: 80%;
}
.FTLTblPaddingBottom {
    padding-bottom: 10px;
}
.FTLMobileLabelSmall {
    color: #6E6E6E;
    font-size: 8px;
}

/* Mobile */
.FTLDistTitle {
	font-size: 12px;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.FTL {
	padding-left: 10px;
}
.FTLSpan {
	display: block;
    font-weight: 900;
	margin: 5px 0;
}
.FTLBtnMobile {
    background: #dfdfdf;
    border: none;
    cursor: pointer;
    margin: 0 0 5px;
	padding: 10px;
    width: 100px;
}
#TopBar {
    width: 100%;
}

/************************************************************************************************/
/* Forget Password */
/* PC */
.ForgetPasswordLogo {
    padding: 10px;
}
.ForgetPasswordWelcomeMsg {
    font-size: 24px;
    color: Gray;
}
.ForgetPasswordTblPaddingLeft {
    padding-Left: 20px;
}
.ForgetPasswordPaddingTitle {
    padding: 10px 10px 10px 20px;
}
.ForgetPasswordTblPaddingBottom {
    padding-bottom: 10px;
}
.ForgetPasswordLblDistDetails{
    padding-right: 20px;
}
.ForgetPasswordTbl {
    padding-left: 5px;
    text-align: left;
    height: 25px;
    width: 40%;
}
.ForgetPasswordButton {
    background-color: #b9cdd7;
    border: none;
    font-size: 16px;
    padding: 8px;
    text-align: center;
    width: 100px;   
}

/* Mobile */
.PageNameTitle {
    color: White;
    font-size: 36px;
    text-align: center;
    word-wrap: break-word;
}
.MobileForgetPasswordBackground {
    max-width: 100%;
    height: auto;
    background-repeat: no-repeat;
}
.ForgetPasswordTblMobile {
    font-size: 28px;
    height: 50px;
    text-align: center;
    width: 50%;
}
.ForgetPasswordButtonMobile {
    background-color: #dfdfdf;
    border: none;
    font-size: 28px;
    padding: 8px;
    text-align: center;
    width: 20%;   
}

/************************************************************************************************/
/* Verify IC */
/* PC */
.VerifyICLogo {
    padding: 10px;
}
.VerifyICWelcomeMsg {
    font-size: 24px;
    color: Gray;
}
.VerifyICTblPaddingLeft {
    padding-Left: 20px;
}
.VerifyICTblPaddingTitle {
    padding: 10px 10px 10px 20px;
}
.VerifyICTblPaddingBottom {
    padding-bottom: 10px;
}
.VerifyICLbl {
    padding-right: 20px;
}
.VerifyICTbl {
    padding-left: 5px;
    text-align: left;
    height: 25px;
    width: 40%;
}
.VerifyICButton {
    background-color: #b9cdd7;
    border: none;
    font-size: 16px;
    padding: 8px;
    text-align: center;
    width: 100px;   
}

/* Mobile */
.PageNameTitle {
    color: White;
    font-size: 36px;
    text-align: center;
    word-wrap: break-word;
}
.MobileVerifyICBackground {
    max-width: 100%;
    height: auto;
    background-repeat: no-repeat;
}
.VerifyICTblMobile {
    font-size: 28px;
    height: 50px;
    text-align: center;
    width: 50%;
}
.VerifyICButtonMobile {
    background-color: #dfdfdf;
    border: none;
    font-size: 28px;
    padding: 8px;
    text-align: center;
    width: 20%;   
}

/************************************************************************************************/
/* Master Page */
/* PC */
.HeaderPadding {
    background: #FFFFFF;
    background: -webkit-linear-gradient(left, #E3EDF1, #8FB4C4);
    background: -o-linear-gradient(left, #E3EDF1, #8FB4C4);
    background: -moz-linear-gradient(left, #E3EDF1, #8FB4C4);
    background: linear-gradient(to right, #E3EDF1, #8FB4C4);
    padding: 10px 0px 10px 30px;
}
.MasterPageWelcomeMsg {
    font-size: 18px;
}
.MasterPagePCDropDownList {
    background-color: #FFFFFF;
    padding: 5px 5px 5px 5px; /*top right bottom left*/
    text-align: left;
    width: 50%;
}
.MasterPageGanoTVButton {
    background: url(../Images/Home/GETV.png);
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    border: none;
    border-radius: 3px;
    font-size: 16px;
    font-weight: bold;
    height: 42px;
    text-align: center;
    width: 100%;
}
.MasterShoppingCartProductHeader {
    padding: 20px;
    vertical-align: middle;
}
.MasterShoppingCartProductHeader1 {
    background-color: #FFFFFF;
    padding: 20px;
    vertical-align: middle;
}
.MasterShoppingCartProductHeader2 {
    background-color: #FFFFFF;
    padding: 20px;
    vertical-align: middle;
}
.MasterShoppingCartProductHeader3 {
    background-color: #FFFFFF;
    padding: 20px;
    vertical-align: middle;
}
.MasterShoppingCartFormat {
    font-size: 12pt;
}
.MasterShoppingCartTextBoxFormat {
    font-size: 12pt;
    width: 100%;
}
.MasterShoppingCartProduct {
    padding: 5px 0px 5px 5px;
}
.MasterShoppingCartCheckOutButton {
    background-color: #b9cdd7;
    border: none;
    font-size: 16px;
    font-weight: bold;
    padding: 8px;
    text-align: center;
    width: 150px;   
}

/* Mobile */
.MasterPagePadding { /*top right bottom left*/
    padding: 10px 20px 0px 20px;
}
.FTLHeaderMobilePadding {
    background: #FFFFFF;
    background: -webkit-linear-gradient(right, #FFFFFF, #BDBDBD);
    background: -o-linear-gradient(right, #FFFFFF, #BDBDBD);
    background: -moz-linear-gradient(right, #FFFFFF, #BDBDBD);
    background: linear-gradient(right, #FFFFFF, #BDBDBD);
    padding: 10px 0px 10px 10px;
}
#right {
    float:right;
}
#toggle { 
  width: 50px;
}
#toggle div {
  width: 100%;
  height: 5px;
  background: white;
  margin: 5px auto;
  transition: all 0.3s;
  backface-visibility: hidden;
}
#toggle.on .one {
    -ms-transform: rotate(45deg);
    -ms-transform-origin: 0px 0px;
}
#toggle.on .two {
    opacity: 0;
}
#toggle.on .three {
    -ms-transform: rotate(-45deg);
    -ms-transform-origin: 2px 3px;
}
#menu {
    background-color: White;
    border-radius: 5px;
    color: white;
    display: none;
    float: right;
    font-size: 30px;
    height: 50%;
    padding: 20px;
    position: relative;
    text-align: left;
    width: 40%;
}
ul, li, li a {
    list-style: none;
    display: block;
    border-radius: 3px;
}
li a {
    padding: 3px;
    color: #888;
    text-decoration: none;
    transition: all .2s;
}
li a:hover, li a:focus {
    background: #1ABC9C;
    color: #fff;
}


/************************************************************************************************/
/* Home Page */
/* PC */
.HomePageTblPaddingTop {
    padding-top: 15px;
}
.HomePageTblLayout {
    text-align: center;
}
.HomePageRank {
    font-weight: 900;
    font-size: 50px;
}
.HomePageRankLine {
    font-weight: 900;
    font-size: 16px;
}
.HomePageRankLine1 {
    border-top: 1px solid black;
}
.HomePageRankLine2 {
    border-bottom: 1px solid black;
}
.HomePageEventDetails {
    font-size: 10pt;
}
.HomePageAnnouncement {
    font-size: 10pt;
}

/* Mobile */
.HomePageUserDetails {
    padding: 0px 2px 0px 2px;
    font-size: 30px;
}
.HomePageDetails {
    color: #172727;
    font-size: 35px;
    text-align: center;
}
.HomePageImgButton {
    width: 89%;
    height: 100%;
    background-image: url(../Images/Home/MobileMenuButton.png);
    background-size: 100% 100%;
	background-repeat: no-repeat;  
    font-size: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4%;
    padding-bottom: 4%;
}

/************************************************************************************************/
/* Gano TV */
/* PC */
.GanoTVTblPaddingLeft {
    padding-Left: 20px;
}
.GanoTVPaddingTitle {
    padding: 10px 10px 10px 20px;
}
.GanoTVPaddingTitle2 {
    padding: 10px 10px 10px 10px;
}
.GanoTVFontSize {
    font-size: 12pt;
}


/* Personal Details */
/* PC */
.PersonalDetailsTblPaddingLeft {
    padding-Left: 20px;
}
.PersonalDetailsPaddingTitle {
    padding: 10px 10px 10px 20px;
}
.PersonalDetailsTblPaddingBottom {
    padding-bottom: 10px;
}
.PersonalDetailsLblDistDetails {
    padding-right: 20px;
}
.PersonalDetailsTblDistDetails {
    height: 25px;
    padding-left: 5px;
    text-align: left;
    width: 80%;
}

/* Mobile */
.PersonalDetailsUserIcon {
    max-width: 430px;
    width: 40%;
    padding-top: 5%;
}
.PersonalDetailsUserDetails {
    padding: 0px 2px 0px 2px;
    font-size: 30px;
}
.PersonalDetailsBg {
    width: 99%;
    background-color: White;
    margin-left: auto;
    margin-right: auto;
}
.PersonalDetailsTitle {
    height: 40px;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    padding-left: 3%;
    vertical-align: middle;   
}
.PersonalDetailsLeft {
    background-color: #E6E6E6;
    font-size: 20px;
    height: 40px;
    padding-left: 3%;
    text-align: left;
    vertical-align: middle;
    width: 50%;
    word-wrap: break-word;
}
.PersonalDetailsRight {
    background-color: #FFFFFF;
    border: solid;
    border-color: #E6E6E6;
    font-size: 20px;
    font-style: italic;
    height: 40px;
    padding-right: 3%;
    text-align: right;
    vertical-align: middle;
    width: 50%;
    word-wrap: break-word;
}
.PersonalDetailsLeftBP { /*add by ahmad*/
    background-color: #E6E6E6;
    font-size: 20px;
    height: 40px;
    padding-right: 3%;
    text-align: right;
    vertical-align: middle;
    width: 50%;
    word-wrap: break-word;
}
.PersonalDetailsRightBP { /*add by ahmad*/

    background-color: #FFFFFF;
    border: solid;
    border-color: #E6E6E6;
    font-size: 20px;
    font-style: italic;
    height: 40px;
    padding-left: 3%;
    text-align: left;
    vertical-align: middle;
    width: 50%;
    word-wrap: break-word;
}
/************************************************************************************************/
/* Change Password */
/* PC */
.ChangePasswordTblPaddingLeft {
    padding-Left: 20px;
}
.ChangePasswordPaddingTitle {
    padding: 10px 10px 10px 20px;
}
.ChangePasswordTblPaddingBottom {
    padding-bottom: 10px;
}
.ChangePasswordLblDistDetails{
    padding-right: 20px;
}
.ChangePasswordTblDistChangePassword {
    padding-left: 5px;
    text-align: left;
    height: 25px;
    width: 40%;
}
.ChangePasswordButton {
    background-color: #b9cdd7;
    border: none;
    font-size: 16px;
    padding: 8px;
    text-align: center;
    width: 100px;   
}

/************************************************************************************************/
/* Family Tree (Downlines) */
/* PC */
.FamilyTreeTblPaddingLeft {
    padding-Left: 20px;
}
.FamilyTreePaddingTitle {
    padding: 10px 10px 10px 20px;
}
.FamilyTreePadding {
    font-size: 11pt;
    padding: 20px;
}
.FamilyTreePaddingTop {
    padding-top: 8px;
}

/* Mobile */
.FamilyTreeUserIcon {
    max-width: 430px;
    width: 40%;
    padding-top: 5%;
}
.FamilyTreeUserDetails {
    padding: 0px 2px 0px 2px;
    font-size: 30px;
}
.FamilyTreeDistributorClick {
    font-size: 20px;
    vertical-align: middle;
    word-wrap: break-word;
    text-align: left;
    font-weight: bold;
}
.FamilyTreePaddingMobile {
    padding: 5px 10px 5px 10px;
}
.FamilyTreePaddingMobile_2 {
    padding: 10px;
}

/************************************************************************************************/
/* Shopping Cart */
/* PC */
.ShoppingCartTblPaddingLeft {
    padding-Left: 20px;
}
.ShoppingCartPaddingTitle {
    padding: 10px 10px 10px 20px;
}
.ShoppingCartTblPaddingBottom {
    padding-bottom: 5px;
}
.ShoppingCartTextBox {
    height: 25px;
    padding-left: 5px;
    text-align: left;
    width: 15%;
}
.ShoppingCartPCDropDownList {
    height: 25px;
    padding-left: 5px;
    padding-right: 20px;
    text-align: left;
    width: 30%;
}
.ShoppingCartLblDistDetails{
    padding-right: 20px;
}
.ShoppingCartTblBonusDetails {
    padding-left: 5px;
    text-align: left;
    height: 25px;
    width: 15%;
}
.ShoppingCartLabel {
    padding-right: 20px;
}
.ShoppingCartRadioButtonWidth label {
    margin: 5px;
    font-size: 14px;
    vertical-align: Middle;
}
.ShoppingCartButton {
    background-color: #b9cdd7;
    border: none;
    font-size: 16px;
    padding: 8px;
    text-align: center;
    width: 100px;   
}
.ShoppingCartPaddingReport {
    padding: 0px 0px 0px 30px;
    font-size: 14px;
}
.ShoppingCartReportPadding {
    font-size: 12px;
    padding: 5px;
}
.ShoppingCartReportPadding_details {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    font-size: 12px;
    padding: 5px;
}
.ShoppingCartStockistDropDownList {
	width: 80%;
	-webkit-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border: 1px solid #CCC;
	background: #FFF;
	margin: 0 0 5px;
	padding: 3px;
}
.ShoppingCartTblDistDetails {
    text-align: left;
    padding-left: 5px;
    height: 25px;
    width: 80%;
}
.ShoppingCartLabelDetails {
    color: #FFFFFF;
    font-size: 12pt;
    padding-right: 20px;
}
.ShoppingCartDropDownList {
	background: #FFF;
    border: 1px solid #CCC;
    font-size: 8pt;
    line-height: 25px;
	padding: 5px;
	width: 50%;
	-webkit-appearance: menulist-button;
}
.ShoppingCartTblSCProductDetails {
    text-align: left;
    padding-left: 5px;
    height: 25px;
    width: 50%;
}
.ShoppingCartTblSCProductDetailsStrike {
    text-align: left;
    padding-left: 5px;
    height: 25px;
    width: 50%;
    color: red;
    text-decoration: line-through;
}
.ShoppingCartTblSCProductDetailsQuantity {
    text-align: center;
    height: 40px;
    width: 60px;
}
.ShoppingCartShowCartButton {
    border: none;
    background-color: #CEECF5;
    font-weight: 900;
    font-size: 16px;
    padding: 8px;
    text-align: center;
    width: 100%;   
}
.ShoppingCartShowCartLabel { /*top right bottom left*/
    padding: 10px 10px 10px 10px;
}
.ShoppingCartAddToCartButton {
    border: none;
    background-color: #b9cdd7;
    font-size: 16px;
    font-weight: bold;
    padding: 8px;
    text-align: center;
    width: 150px;   
}
.ShoppingCartMobileAddToCartButton {
    border: none;
    background-color: #b9cdd7;
    font-size: 24px;
    font-weight: bold;
    height: 50px;
    padding: 8px;
    text-align: center;
    width: 100px;   
}
.ShoppingCartMinusButton {
    border: none;
    background-color: #FFFFFF;
    font-size: 16px;
    height: 20px;
    text-align: center;
    width: 40px;
}
.ShoppingCartBackToCategory {
    border: none;
    background-color: #b9cdd7;
    font-weight: bold;
    font-size: 16px;
    padding: 8px;
    text-align: center;
    width: 150px;   
}
.ShoppingCartProductHeader {
    padding: 20px;
    vertical-align: middle;
}
.ShoppingCartRadioButtonWidth label {
    margin: 5px;
    font-size: 14px;
    vertical-align: Middle;
}
.ShoppingCartFormat {
    font-size: 12pt;
}
.ShoppingCartTblSCQuantity {
    height: 40px;
    padding-left: 5px;
    font-size: 12pt;
    text-align: center;
    width: 50px;
}
.ShoppingCartEditMargin {
    padding-right: 2em;
}
.ShoppingCartPadding {
    padding: 20px;
}
.ShoppingCartReceipt1 {
    background-color: #D8D8D8;
    font-size: 18px;
    height: 28px;
    padding: 10px 10px 10px 10px;
    text-align: left;
    vertical-align: middle;
}
.ShoppingCartReceipt2 {
    background-color: #A9E2F3;
    font-size: 18px;
    height: 28px;
    padding: 0px 10px 0px 10px;
    text-align: left;
    vertical-align: middle;
}

/* Mobile */
.ShoppingCartDetails {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
.ShoppingCartTxtBoxDetails {
    background-color: #e3e3e3;
    font-size: 24pt;
    height: 80px;
    width: 32%;
    text-align: center;
}
.ShoppingCartTxtBoxDetailsStrike {
    background-color: #e3e3e3;
    color: red;
    font-size: 24pt;
    height: 80px;
    width: 32%;
    text-align: center;
    text-decoration: line-through;
}
.ShoppingCartTxtBoxDetailsBig {
    background-color: #FAFAFA;
    font-size: 24pt;
    height: 80px;
    width: 98%;
    text-align: center;
}
.ShoppingCartMobileDropDownList {
    background: #FFF;
    border: 1px solid #CCC;
    font-size: 16pt;
    margin: 0 0 5px;
	padding: 10px;
	width: 70%;
	-webkit-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
}
.ShoppingCartTxtBox {
    background-color: #e3e3e3;
    font-size: 18pt;
    height: 50px;
    width: 48%;
    text-align: center;
}
.ShoppingCartTxtBoxBig {
    background-color: #e3e3e3;
    font-size: 18pt;
    height: 50px;
    width: 98%;
    text-align: center;
}
.ShoppingCartViewFormat {
    font-size: 24pt;
}
.ShoppingCartCheckOutMobileButton {
    background-color: #b9cdd7;
    border: none;
    font-size: 24px;
    font-weight: bold;
    height: 50px;
    padding: 8px;
    text-align: center;
    width: 70%;   
}
.ShoppingCartCheckOutMobileButton2 {
    background-color: #b9cdd7;
    border: none;
    font-size: 24px;
    font-weight: bold;
    height: 50px;
    padding: 8px;
    text-align: center;
    width: 60%;   
}
.ShoppingCartViewTxtBox {
    text-align: center;
    font-size: 18pt;
}
.ShoppingCartPaymentHeader {
    background-image: url(../Images/ShoppingCart/MobileDropDownBase.png);
	background-repeat: no-repeat;
    background-position: top;
    padding: 5px;
    width: 100%;
}
.ShoppingCartHalfTable {
    width: 100%;
    font-size: 24pt;
    padding-left: 5px;
}
.ShoppingCartMobileLabel {
    font-size: 24pt;
    padding-left: 5px;
}
.ShoppingCartMobileTblDistDetails {
    font-size: 20pt;
    text-align: left;
    padding: 10px;
    width: 100%;
}
.ShoppingCartMobileTblDistDetails2 {
    font-size: 20pt;
    text-align: center;
    padding: 10px;
    width: 100%;
}
.ShoppingCartMobilePadding {
    padding: 10px 30px 0px 30px;
    font-size: 14px;
}
.ShoppingCartMobilePadding2 {
    padding: 10px 50px 0px 50px;
}
.ShoppingCartRadioButtonMobileWidth label {
    margin: 5px;
    font-size: 24pt;
    vertical-align: Middle;
}
.ShoppingCartTxtBoxShoppingCart {
    text-align: center;
    font-size: 18pt;
}
.ShoppingCartTxtBoxShoppingCart2 {
    text-align: left;
    font-size: 18pt;
}
.ShoppingCartUnderLine {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding-bottom: 5px;
}
.ShoppingCartPaymentPaddingTop {
    padding-top: 30px;
}

/************************************************************************************************/
/* Bonus */
/* PC */
.BonusTblPaddingLeft {
    padding-Left: 20px;
}
.BonusPaddingTitle {
    padding: 10px 10px 10px 20px;
}
.BonusPaddingBottom {
    padding-bottom: 10px;
}
.BonusLblDistDetails{
    padding-right: 20px;
}
.BonusDropDown {
    font-size: 16px;
    height: 25px;
    text-align: Left;
}
.BonusTblBonusDetails {
    height: 25px;
    padding-left: 5px;
    text-align: left;
    width: 15%;
}
.BonusTblBigBonusDetails {
    height: 25px;
    padding-left: 5px;
    text-align: left;
    width: 30%;
}
.BonusRadioButtonWidth label {
    margin: 5px;
    font-size: 14px;
    vertical-align: Middle;
}
.BonusButton {
    background-color: #b9cdd7;
    border: none;
    font-size: 16px;
    padding: 8px;
    text-align: center;
    width: 100px;
}
.BonusUnderLine {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}
#BonusBackground {
    background-color: #FFFFFF;
    background-position: 50% 50%;
    width: 100%;
    height: 100%;
    margin: 0px auto;
    text-align: center;
    padding: 50px;
}
#tblCaskBackIncentiveDetails {
    padding: 50px;
}

#tblCaskIncentiveDetails {
    padding: 50px;
}

#tblPPV table {
    border-collapse: collapse;
}
#tblPPV td {
    padding: 5px;
}
#PSRDetailsHeader table {
    border-collapse: collapse;
}
#PSRDetailsHeader td {
    padding: 5px;
}
#GPBDetailsHeader table {
    border-collapse: collapse;
}
#GPBDetailsHeader td {
    padding: 5px;
}
#GPBDetailsHeaderExtra table {
    border-collapse: collapse;
}
#GPBDetailsHeaderExtra td {
    padding: 5px;
}
#PCCDetailsHeader table {
    border-collapse: collapse;
}
#PCCDetailsHeader td {
    padding: 5px;
}
#PCRDetailsHeader table {
    border-collapse: collapse;
}
#PCRDetailsHeader td {
    padding: 5px;
}
#tblCaskBackIncentiveDetails table {
    border-collapse: collapse;
}
#tblCaskBackIncentiveDetails td {
    padding: 5px;
}

#tblCaskIncentiveDetails table {
    border-collapse: collapse;
}
#tblCaskIncentiveDetails td {
    padding: 5px;


}
#tblDirectDownlines table {
    border-collapse: collapse;
}
#tblDirectDownlines td {
    padding: 5px;
}

/* Mobile */
.BonusUserIcon {
    max-width: 430px;
    width: 40%;
    padding-top: 5%;
}
.BonusUserDetails {
    padding: 0px 2px 0px 2px;
    font-size: 30px;
}
.BonusLabel {
    text-align: center;
    font-size: 35px;
}
.BonusLabelDetails {
    text-align: center;
    font-size: 20px;
}
.BonusSubmitButton {
    background-color: #dfdfdf;
    border: none;
    font-size: 35px;
    padding: 8px;
    text-align: center;
    width: 30%;
}

/************************************************************************************************/
/* BizTools */
/* PC */
.BizToolsFontSize {
    font-size: 12pt;
}
.BizToolsFontSize2 {
    color: #6E6E6E;
    font-size: 8pt;
}
.BizToolsFontSize3 {
    font-size: 9pt;
}
.BizToolsTblPaddingLeft {
    padding-Left: 20px;
}
.BizToolsPaddingTitle {
    padding: 10px 10px 10px 20px;
}
.BizToolsPaddingTitle2 {
    padding: 10px 0px 10px 20px;
}
.BizToolsImg {
    background-color: #eae9d4;
    padding: 6px;
    -webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    -moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#BizToolsLargeImgPanel {
    text-align: center;
    display: none;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(100,100,100, 0.5);
}
.BizToolsPaddingPagination {
    padding: 10px 50px 10px 20px;
}

/* Pagination */
ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}
ul.pagination li {
    display: inline;
}
ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    border-radius: 5px;
}
ul.pagination li a.active {
    background-color: #4CAF50;
    color: white;
    border-radius: 5px;
}
ul.pagination li a:hover:not(.active) {
    background-color: #ddd;
}
/************************************************************************************************/
/* Ranking Pin */
/* PC */
.PCBackground {
	background: url("../Images/RankingPin/RankingPin1.jpg")no-repeat;
	background-size: 100% 100%;
    height: 100%;
    left: 0;
    min-height: 100%;
    min-width: 500px;
    top: 0;
    width: 100%;
}
.RankingPinTblPaddingLeft {
    padding-Left: 20px;
}
.RankingPinPaddingTitle {
    padding: 10px 10px 10px 20px;
}
.RankingPinTblPaddingBottom {
    padding-bottom: 10px;
}
.RankingPinLblDistDetails {
    padding-right: 20px;
}
.RankingPinTblDistDetails {
    height: 25px;
    padding-left: 5px;
    text-align: left;
	font-size: 15px;
    width: 80%;
	size: static;
	position: static;
}
.RPTextBox {
	width: 100%;
	-webkit-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border: 1px solid #CCC;
	text-indent: 10px;
	background: #FFF;
	margin: 0 0 5px;
	padding: 10px;
}
.RankingPinDropDownList {
    height: 25px;
    padding-left: 5px;
    padding-right: 20px;
    text-align: left;
    width: 30%;
}
.RPDropDownList {
	width: 100%;
	-webkit-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border: 1px solid #CCC;
	background: #FFFFFF;
	margin: 0 0 5px;
	padding: 10px;
}
.RPRadioButtonWidth label {
    margin: 5px;
    font-size: 15px;
	padding-bottom: 10px;
    vertical-align: Middle;
	width: 100%;
}
.RPCheckBox input[type="checkbox"] { 
    margin-right: 10px;
	margin-bottom: 10px;
}
.DivContent{
	font-size: 10px;
}

/* Mobile */
.RPMobileBackground {
    height: 50%;
    margin: 0;
    padding: 0;
    width: 100%;
}
#MobileBackground {
    background-repeat: no-repeat;
    height: 100%;
    left: 0;
    min-height: 100%;
    min-width: 500px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -999;
}

.MobileBackground1 {
    background: url("../Images/RankingPin/BackgroundMobile.jpg")no-repeat;
    left: 0;
	height: 100%;
	background-size: 100% 100%;
    min-height: 100%;
    min-width: 500px;
    top: 0;
	position: absolute;
    z-index: -999;
}
.RPMobileRadioButtonWidth label {
    margin: 5px;
    font-size: 10px;
	padding-bottom: 5px;
    vertical-align: Middle;
	width: 100%;
	margin-top: 20px;
}

.RPImg{
	height: 90px;
	width: 70px;
	margin-bottom: 20px;
}

.RPTable{
	position: static;
}
.RankingPinUserIcon {
    max-width: 430px;
    width: 40%;
    padding-top: 5%;
}
.RPFont{
	font-size: 10px;
	font-weight: bold;
}
.RPSpan {
	display: block;
    font-weight: 900;
	margin: 5px 0;
	font-size: 10px;
}
.RankingPinUserDetails {
    padding: 0px 2px 0px 2px;
    font-size: 30px;
}
.RankingPinBg {
    width: 99%;
    background-color: White;
    margin-left: auto;
    margin-right: auto;
}
.RPTitle {
    height: 40px;
    width: 100%;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    padding-left: 3%; 
}
.RankingPinLeft {
    background-color: #E6E6E6;
    font-size: 20px;
    height: 40px;
    padding-left: 3%;
    text-align: left;
    vertical-align: middle;
    width: 50%;
    word-wrap: break-word;
}
.RankingPinRight {
    background-color: #FFFFFF;
    border: solid;
    border-color: #E6E6E6;
    font-size: 20px;
    font-style: italic;
    height: 40px;
    padding-right: 3%;
    text-align: right;
    vertical-align: middle;
    width: 50%;
    word-wrap: break-word;
}
.RankPinButton {
    background-color: #b9cdd7;
    border: none;
    font-size: 16px;
    padding: 8px;
    text-align: center;
    width: 100px;   
}

/************************************************************************************************/
/************************************************************************************************/
/* Recognition Day */
/* PC */
.RecogDayPCBackground {
	background: url("../Images/RecogDay/RecogDay_bg.jpg")no-repeat;
	background-size: 100% 100%;
    height: auto;
    left: 0;
    min-height: auto;
    min-width: 500px;
    top: 0;
    width: 100%;
}
.RecogDayTblPaddingLeft {
    padding-Left: 20px;
}
.RecogDayPaddingTitle {
    padding: 10px 10px 10px 20px;
}
.RecogDayTblPaddingBottom {
    padding-bottom: 10px;
}
.RecogDayLblDistDetails {
    padding-right: 20px;
}
.RecogDayTblDistDetails {
    height: 25px;
    padding-left: 5px;
    text-align: left;
	font-size: 15px;
    width: 80%;
	size: static;
	position: static;
}
.RecogDayTextBox {
	width: 100%;
	-webkit-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border: 1px solid #CCC;
	text-indent: 10px;
	background: #FFF;
	margin: 0 0 5px;
	padding: 10px;
}
.RecogDayDropDownList {
    height: 25px;
    padding-left: 5px;
    padding-right: 20px;
    text-align: left;
    width: 30%;
}
.RecogDayDropDownList {
	width: 100%;
	-webkit-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border: 1px solid #CCC;
	background: #FFFFFF;
	margin: 0 0 5px;
	padding: 10px;
}
.RDRadioButtonWidth label {
    margin: 5px;
    font-size: 15px;
	padding-bottom: 10px;
    vertical-align: Middle;
	width: 100%;
}
.RecogDayCheckBox input[type="checkbox"] { 
    margin-right: 10px;
	margin-bottom: 10px;
}
.DivContent{
	font-size: 10px;
}

/* Mobile */
.RDMobileBackground {
    height: 50%;
    margin: 0;
    padding: 0;
    width: 100%;
}
table.RecogDayMobileBackground {
    background-image: url("Images/RecogDay/RecogDay_bg.jpg");
    background-repeat:no-repeat;
	height: 100%;
    left: 0;
    min-height: 100px;
    min-width: 100px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -999;
}

.MobileBackground1 {
    background: url("../Images/RecogDay/RecogDayMobile_bg.jpg")no-repeat;
    left: 0;
	height: 100%;
	background-size: 100% 100%;
    min-height: 100%;
    min-width: 500px;
    top: 0;
	position: absolute;
    z-index: -999;
}
.RDMobileRadioButtonWidth label {
    margin: 5px;
    font-size: 10px;
	padding-bottom: 0px;
    vertical-align: Middle;
	width: 100%;
	margin-top: 20px;
}

.RDImg{
	height: 90px;
	width: 90px;
	margin-bottom: 20px;
}

.RDTable{
	position: static;
}
.RecogDayUserIcon {
    max-width: 430px;
    width: 40%;
    padding-top: 5%;
}
.RDFont{
	font-size: 10px;
	font-weight: bold;
}
.RDSpan {
	display: block;
    font-weight: 900;
	margin: 5px 0;
	font-size: 10px;
}
.RecogDayUserDetails {
    padding: 0px 2px 0px 2px;
    font-size: 30px;
}
.RecogDayBg {
    width: 99%;
    background-color: White;
    margin-left: auto;
    margin-right: auto;
}
.RDTitle {
    height: 40px;
    width: 100%;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    padding-left: 3%; 
}
.RecogDayLeft {
    background-color: #E6E6E6;
    font-size: 20px;
    height: 40px;
    padding-left: 3%;
    text-align: left;
    vertical-align: middle;
    width: 50%;
    word-wrap: break-word;
}
.RecogDayRight {
    background-color: #FFFFFF;
    border: solid;
    border-color: #E6E6E6;
    font-size: 20px;
    font-style: italic;
    height: 40px;
    padding-right: 3%;
    text-align: right;
    vertical-align: middle;
    width: 50%;
    word-wrap: break-word;
}
.RecogDayButton {
    background-color: #b9cdd7;
    border: none;
    font-size: 16px;
    padding: 8px;
    text-align: center;
    width: 225px;   
}