#loading-img {
	background: url("../../images/loading.gif") center center no-repeat;
    display: none;
    height: 200px;
    width: 200px;
    position: absolute;
    top: 33%;
    left: 1%;
    right: 1%;
    margin: auto;
}
.sitecontainer {
    height:100%; width:100%; position:fixed; top:0; left:0; z-index:9999999999999;
    background: rgba(255, 255, 255, 0.8); display:none;
}

                                   .TableHead {color:#ffffff; background-color:#111828;}
                                   tr {border-bottom:#cccccc 0px solid;}
                                   tr{background: #f3f3f3;}
                                   tr:nth-child(odd){background: #f3f3f3;}
                                   tr:nth-child(even){background: #ffffff;}



/* MEMBERS MENU STYLES */

.MemberOuter {width:100%; height:auto; position: relative;  float:left; background-color:#f3f3f3;}
.MemberInner {width:100%; max-width:1300px; padding:80px 30px 80px 30px; margin:0 auto; position:relative; }

#MembersDashboardLeft {float:left; width:22%; position:relative; background-color:#99a1af; padding:30px; border-radius:20px; }
#MembersDashboardRight {float:right; width:76%; position:relative; margin-bottom:40px; }


                #MembersDashboardLeft .DashIcon {width:100%; height:40px; border-bottom:1px solid #ffffff; float:left; position:relative; clear:both; margin-bottom:3px; padding-top:3px;}
                
                #MembersDashboardLeft .DashIconImg {float:left; width:35px; position:relative; }
                #MembersDashboardLeft .DashIconImg svg {width:25px; height:25px; float:left; display:block; position:relative;}
                #MembersDashboardLeft .DashIconImg svg path {fill:#ffffff !important;}
                #MembersDashboardLeft .DashIcon:hover svg path {fill:#f96c00 !important;}
                
                #MembersDashboardLeft .DashIconText {color:#ffffff; text-align:left; font-size:0.85em; line-height:25px;display:inline-block; float:left;  }
                #MembersDashboardLeft .DashIcon:hover .DashIconText {color:#f96c00;}



/* MEMBERS DASHBOARD STYLES */

#MembersDashboard {float:left; width:100%; position:relative; margin-bottom:40px; padding:0 60px; }
#MembersDashboard h3 {padding-left:12px;}
#MembersDashboard p {padding-left:12px;}

                                  #MembersDashboard .DashIcon {width:18%; height:140px; float:left; padding:20px; background-color:#99a1af;  position:relative; margin:0 1% 20px 1%;  -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; border-radius:6px;}
                                  #MembersDashboard .DashIcon:hover {background-color:#f96c00;  }
                
                                            #MembersDashboard .DashIconImg {float:none; margin:auto; width:60px; position:relative; margin-bottom:8px;}
                                            #MembersDashboard .DashIconImg svg {width:60px; height:60px; float:none; display:block; position:relative;}
                                            #MembersDashboard .DashIconImg svg path {fill:#ffffff !important;}
                                            #MembersDashboard .DashIcon:hover svg path {fill:#ffffff !important;}
                          
                                            #MembersDashboard .DashIconText {color:#ffffff; text-align:center;  padding-left:8px; font-size:0.90em; line-height:27px; float:left; width:100%; clear:both; font-family:DefaultBold; }
                                            #MembersDashboard .DashIcon:hover .DashIconText {color:#ffffff;}




/* BUTTON STYLES */

.GenericButton {border-radius:4px; background-color:#00add8; position:relative; float:left; margin-right:20px; margin-top:10px; margin-bottom:30px; color:#ffffff; font-size:0.85em; line-height:30px; text-align:center; border-bottom:3px solid #018caf; padding:0 20px 0 20px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;}
              .GenericButton:hover {background-color:#018caf;}

.GenericTableButton {border-radius:4px; background-color:#00add8; position:relative; float:right; margin-left:10px; margin-top:0; margin-bottom:0; color:#ffffff; font-size:0.75em; line-height:24px; text-align:center; border-bottom:3px solid #018caf; padding:0 10px 0 10px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;}
              .GenericTableButton:hover {background-color:#018caf;}

.GenericRedTableButton {border-radius:4px; background-color:#c31301; position:relative; float:right; margin-left:10px; margin-top:0; margin-bottom:0; color:#ffffff; font-size:0.75em; line-height:24px; text-align:center; border-bottom:3px solid #900f02; padding:0 10px 0 10px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;}
              .GenericRedTableButton:hover {background-color:#900f02;}





/* GENERAL FORM STYLES */

.MemberForm {width:100%; float:left; position:relative; background-color:#ffffff; padding:30px; margin-bottom:30px; border-radius:20px;}
      .MemberForm .FormLeft {float:left; width:48%;}
      .MemberForm .FormRight {float:right; width:48%;}
      .MemberForm .FormFull {width:100%; float:left; clear:both;}

.MemberForm fieldset {width:100%; float:left;}
.MemberForm .field {margin-bottom:20px; width:100%; float:left; }
.MemberForm .field p {margin:0px; }
.MemberForm label {display:block; float:left; padding-bottom:4px; width:100%;  font-size:1em; font-weight:400; color:#333333;  }
.MemberForm input {width:100%; margin:0px !important; background-color:#ffffff; color:#222222; border:1px solid #bfc7d7; }
.MemberForm select {width:100%; margin:0px !important; background-color:#ffffff; color:#222222; border:1px solid #bfc7d7; }
.MemberForm textarea {width:100%; height:300px; margin:0px !important; background-color:#ffffff; color:#222222; border:1px solid #bfc7d7; }
.MemberForm input[type=radio] {width:15px; height:15px; margin-right:6px;}
               .MemberForm input[type=checkbox] {width:15px; height:15px; background-color:#ffffff; padding:0px; margin-right:6px; border:1px solid #bfc7d7; content: '\2714';}
               .MemberForm input[type=checkbox]:checked {background: #f96c00 !important;}

                                  .MemberForm input:focus {background:#ffffff; border: 1px solid #f96c00;}
                                  .MemberForm textarea:focus {background:#ffffff; border: 1px solid #f96c00;}
                                  .MemberForm select:focus {background:#ffffff; border: 1px solid #f96c00;}

.MemberForm .SubmitButtonRed {background-color:#c31301 !important; clear:both; float:left; width:160px; margin-top:30px; border:0; color:#ffffff;}

.MemberForm .SubmitButton { float:left; width:260px; border:0px !important; color:#ffffff; background-color: #f96c00; }
.MemberForm .SubmitButton:hover { background-color:#99a1af; border:0px !important;}


.submit-button {float:left; width:260px; border:0px !important; color:#ffffff; background-color: #f96c00;  font-size:1em; font-family:DefaultMedium; padding:16px; border-radius:10px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor:pointer;  text-align:center;  text-transform:uppercase;}
.submit-button:hover {background-color:#99a1af; border:0px !important;}
.submit-button:disabled {
  background: #ccc;
  color: white;
}



.MemberForm .nostyle {width:20px; padding-top:5px;}

.Form1Col {width:100%; float:left; }
      .ImagePreview {background-color:#f7f7f7; width:50%;  border-radius:6px;  margin:0px 25% 10px 25%; padding:15px; float:left;} .ImagePreview img {width:100%;}
      .ImagePreview2 {background-color:#f7f7f7; border-radius:6px; width:23%; margin:0px 2% 10px 0%; padding:15px; float:left;} .ImagePreview2 img {width:100%;}
            .ImagePreview2 input {background-color:#ffffff !important; padding:4px; margin-top:4px; }
               .ImagePreview2 input[type=checkbox] {width:15px; height:15px; background-color:#ffffff; padding:0px; margin-right:6px !important;  color:#000000;  content: '\2714';}
               .ImagePreview2 input[type=checkbox]:checked {background: #f96c00 !important;}
          .ImagePreviewInner {float:left; width:100%; height:120px; background-position:center center; background-size:contain; background-repeat:no-repeat; }



.middleTime {margin:auto; overflow:hidden; width:100%; margin-bottom:30px; }
.middleTime label {width:auto !important; float:left;}
.middleTime input[type="radio"] {
  display: none;
}
.middleTime input[type="radio"]:checked + .box {
  background-color: #f96c00;
}
.middleTime input[type="radio"]:checked + .box span {
  color: white;
  transform: translateY(70px);
}
.middleTime input[type="radio"]:checked + .box span:before {
  transform: translateY(0px);
  opacity: 1;
}
.middleTime .box {overflow:hidden; color:#ffffff;
  display:inline-block; margin:0 10px 0 0; 
  float:left; padding:5px 3px 5px 5px;
  background-color: #111828; border-radius:6px;
  transition: all 250ms ease;
  will-change: transition;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.middleTime .box img {float:left; padding:0; margin:0 2px 0 0; width:16px; }
.middleTime .box:active {
  transform: translateY(10px);
}



/* LOGIN FORM STYLES */

.MemberLogin {width:98%; max-width:600px; background-color:#ffffff; border-radius:20px; margin:0 auto 0 auto; padding:30px; position:relative;}
.MemberLogin .FormFull {width:100%; float:left; margin-bottom:20px;}
.MemberLogin h2 {text-align:center;}
.MemberLogin p {text-align:center;}

.MemberLogin input { width:48%; float:left; margin:0 1%; margin-bottom:10px; float:left; background-color:#ffffff; color:#99a1af; border:1px solid #bfc7d7;}

.MemberLogin .SubmitButton { float:left;  width:98%; border:0px !important; color:#ffffff; background-color: #f96c00; }
.MemberLogin .SubmitButton:hover { background-color:#99a1af; border:0px !important;}
.MemberLogin .g-recaptcha {float:left; margin:0 0 0 1%; transform:scale(0.70); transform-origin:0 0; }

                                  .MemberLogin ::-webkit-input-placeholder {color: #99a1af;}
                                  .MemberLogin :-ms-input-placeholder {  color: #99a1af;}
                                  .MemberLogin ::-moz-placeholder {  color: #99a1af;  opacity: 1;}
                                  .MemberLogin :-moz-placeholder {color: #99a1af; opacity: 1;}

               .MemberLogin input[type=checkbox] {width:15px; height:15px; background-color:#ffffff; padding:0px; margin-right:6px; border:1px solid #bfc7d7; content: '\2714';}
               .MemberLogin input[type=checkbox]:checked {background: #f96c00 !important;}
               
               .MemberLogin a {color:#99a1af;}
               .MemberLogin a:hover {color:#f96c00;}





/* MEMBERS ORDERS */

#MembersDashboardRight div.accordion.orders {background-color:#f3f3f3; color:#222222; border:0px solid #cbcbcb; float:left; margin:0 0 15px 0; width:100%; padding:15px 30px 15px 30px; border-radius:6px;}
#MembersDashboardRight div.accordion.orders.active {font-weight:600; background-color:#cccccc !important;  float:left; margin:0 0 0 0; }
#MembersDashboardRight div.panel.orders.show {background-color:#cccccc; border:0px;  float:left; border-bottom-left-radius:6px; border-bottom-right-radius:6px; margin:0 0 15px 0; width:100%;}
#MembersDashboardRight div.accordion.orders.active {border-bottom-left-radius:0px; border-bottom-right-radius:0px; }
#MembersDashboardRight .panel {display:none;}
#MembersDashboardRight .panel.show {display: block; padding:30px; width:100%;}

.StatusBG2 {background-color:#efe4be !important;}
.StatusBG3 {background-color:#bee9cf !important;}
.StatusBG4 {background-color:#d9b5b1 !important;}

.OrderNum {float:left; width:10%; padding:8px 0 8px 0; }
.OrderDate {float:left; width:40%; padding:8px 0 8px 0; }
.OrderPrice {float:left; width:25%; padding:8px 0 8px 0; }
.OrderIcons {float:left; width:25%; padding:8px 0 8px 0; text-align:right;}
          .OrderIcons svg {width:20px; height:20px; padding:0 0 0 0; float:left; display:block; position:relative;}
          .OrderIcons svg path {fill:#222222 !important;}
          .OrderIcons svg:hover path {fill:#666666 !important;}

.OrderItem {width:90%; margin-left:10%; float:left; border-bottom:1px solid #ffffff; padding:10px 0 10px 0;}
      .OrderItemName {width:30%; float:left;}
      .OrderItemOptions {width:60%; float:left;}
      .OrderItemPrice {width:10%; float:left;  text-align:right;}


.OrdersBottomAddress {background-color:#ffffff; float:left; margin-left:10%; width:45%; margin-top:20px; padding:30px;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.OrdersBottomNote {background-color:#ffffff; float:right; width:40%; margin-top:20px; padding:30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }



/*PROFILE PAGE */

.ProfileBoxLeft {width:48%; margin:0 1% 40px 1%; float:left; position:relative; border:1px solid #00add8; border-radius:8px; padding:30px;}

#ProfileImage {height:300px; width:300px; margin:10px auto;  background-size:cover; background-position:center center; border-radius:50%;}

.ProfileBoxRight {width:46%; margin:0 1% 40px 1%; float:right; position:relative; border-radius:8px; padding:30px 0;}



/* PRIVATE MESSAGES */

.MemberInboxBlock {width:100%; float:left; margin-bottom:20px; background-color:#f3f3f3; border-radius:8px; padding:20px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer; background-image:url('../../images/nextwhite.png'); background-position:center right; background-size:60px 60px; background-repeat:no-repeat; }
.MemberInboxBlock:hover {background-color:#cccccc;}

      .MemberInboxTopRow {float:left; width:100%; padding:0; }
            .MemberInboxTopRowPhoto {height:60px; width:60px; float:left; margin-right:20px; background-color:#35baff; background-position:center center; background-size:cover; border-radius:50%;}
            .MemberInboxTopRowText {width:70%; float:left; }



.MemberMessagBlock {width:100%; float:left; margin-bottom:20px; background-color:#f3f3f3; border-radius:8px; padding:30px;}
.MemberMessagBlock h4 {text-align:left; color:#222222;}
.MemberMessagBlock p {text-align:left;}

      .TopRow {float:left; width:100%; border-bottom:1px solid #ffffff; padding:10px;}
            .TopRowPhoto {height:60px; width:60px; float:left; background-color:#b9d536;  margin-right:20px; background-position:center center; background-size:cover; border-radius:50%;}
            .TopRowText {width:70%; float:left; }
      .BottomRow {float:left; width:100%; padding:20px 0 0 0;}







/* CART FORM */

#CartForm {width:98%; margin:0px 1% 0px 1%; padding:20px;  clear:both; float:left; background-color:#f5f5f5;}
#CartForm h3 {padding:0px;}
#CartForm p {padding:0px;}
#CartForm input {width:100%; float:left; clear:both; margin-bottom:10px;}
#CartForm select {width:100%; float:left; clear:both; margin-bottom:10px; }
#CartForm .SubmitButton {float:left; width:200px;}

#status_text_outer {width:100%; height:30px; float:left;}
#status_text {color:#018328; }

#cartpopup {background-color:#eeeeee; width:500px; height:300px; margin-left:auto; margin-right:auto; left:0px; right:0px; position:fixed; top:200px;}
.hidden {display:none; }
.unhidden {display:block; }





/* CHECKOUT */

.CheckoutItem {float:left; width:100%; border-bottom:1px solid #cbcbcb; padding:12px 30px 12px 30px;}
.CheckoutItemName {float:left; width:85%; padding:8px 0 8px 0; }
.CheckoutItemPrice {float:left; width:10%; padding:8px 0 8px 0; text-align:right;}
.CheckoutItemIcons {float:right; width:2%; padding:8px 0 8px 0; }
          .CheckoutItemIcons svg {width:20px; height:20px; padding:0 0 0 0; float:right; display:block; position:relative;}
          .CheckoutItemIcons svg path {fill:#222222 !important;}
          .CheckoutItemIcons svg:hover path {fill:#666666 !important;}

.CheckoutTop {float:left; width:100%; padding:12px 30px 12px 30px; text-align:right;}
.CheckoutBottom {float:left; width:100%; background-color:#cbcbcb; padding:12px 30px 12px 30px; text-align:right; margin-bottom:30px;}
.CheckoutBottomVoucher {float:left; width:100%; background-color:#f3f3f3; padding:12px 30px 12px 30px; text-align:right;}




@media only screen and (max-width: 768px) { /* LIME - FOR IPAD PORTRAIT AND SMALLER */

#MembersDashboardLeft {float:left; width:100%; }
#MembersDashboardRight {float:right; width:100%;}


.MemberLogin input {width:31.3%; margin-right:2%; }

          .OrderNum {float:left; width:20%;  }
          .OrderDate {float:left; width:40%;  }
          .OrderPrice {float:left; width:15%; }
          
          #MembersDashboardLeft {margin-bottom:30px;  }

#MembersDashboard .DashIcon {width:31.3%; }
#MembersDashboard { padding:0 0; }

}





@media only screen and (max-width: 667px) { /* PURPLE - FOR IPHONE 6 PORTRAIT AND SMALLER */

.MemberLogin input {width:100%; margin-right:0%; }

            .MemberForm .FormLeft {float:left; width:100%;}
            .MemberForm .FormRight {float:right; width:100%;}

            .OrderNum {float:left; width:50%;  }
            .OrderDate {float:left; width:50%;  }
            .OrderPrice {float:left; width:50%; }
            .OrderIcons {float:left; width:50%; }

            .OrderItem {width:100%; margin-left:0%;}
            .OrderItemName {width:100%; float:left;}
            .OrderItemOptions {width:80%; float:left;}
            .OrderItemPrice {width:20%; float:left;  text-align:right;}

            .OrdersBottomAddress {margin-left:0%; width:100%; }
            .OrdersBottomNote { width:100%; }

#MembersDashboard .DashIcon {width:23%; }
#MembersDashboard { padding:0 0; }


                                  #MembersDashboard .DashIcon {width:48%; }

}