#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;
}
.container{
    height:100%; width:100%; position:fixed; top:0; left:0; z-index:9999999999999;
    background: rgba(255, 255, 255, 0.8); display:none;
}




/* MEMBERS DASHBOARD STYLES */

#MembersDashboardLeft {float:left; width:25%; position:relative; background-color:#f3f3f3; padding:30px; margin-bottom:40px; }
#MembersDashboardRight {float:right; width:70%; position:relative; margin-bottom:40px; }


                .DashIcon {width:100%; height:40px; border-bottom:1px solid #555555; float:left; position:relative; clear:both; margin-bottom:6px;}
                
                .DashIconImg {float:left; width:20%; position:relative; }
                .DashIconImg svg {width:30px; height:30px; float:left; display:block; position:relative;}
                .DashIconImg svg path {fill:#666666 !important;}
                .DashIcon:hover svg path {fill:#a60000 !important;}
                
                .DashIconText {color:#666666; text-align:left; font-size:0.90em; line-height:30px; width:76%; float:left;  }
                .DashIcon:hover .DashIconText {color:#a60000;}

.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;}


/* NOTICE BOARD STYLES */

      .DashboardNotice {float:left; width:99%; padding:30px; margin-bottom:10px; position:relative; margin-right:1%;  border:1px solid #ffffff;}
      .DashboardResource {float:left; width:49%; padding:30px; margin-bottom:10px; position:relative; margin-right:1%; font-size:1.30em; color:#222222; border:1px solid #ffffff; }
      
      .Pink {background-color:#e183e4; color:#ffffff;}
          .Pink h1 {color:#ffffff;}
          .Pink h2 {color:#ffffff;}
          .Pink h3 {color:#ffffff;}
          .Pink p {color:#ffffff;}
          
      .Yellow {background-color:#f2ff9d; color:#222222;}
          .Yellow h1 {color:#222222;}
          .Yellow h2 {color:#222222;}
          .Yellow h3 {color:#222222;}
          .Yellow p {color:#222222;}
          
      .Green {background-color:#7cca87; color:#ffffff;}
          .Green h1 {color:#ffffff;}
          .Green h2 {color:#ffffff;}
          .Green h3 {color:#ffffff;}
          .Green p {color:#ffffff;}

      .Ferrari {background-color:#fa3103; color:#ffffff;}
          .Ferrari h1 {color:#ffffff;}
          .Ferrari h2 {color:#ffffff;}
          .Ferrari h3 {color:#ffffff;}
          .Ferrari p {color:#ffffff;}
          
      .Lime {background-color:#b6f102; color:#222222;}
          .Lime h1 {color:#222222;}
          .Lime h2 {color:#222222;}
          .Lime h3 {color:#222222;}
          .Lime p {color:#222222;}

      .Blue {background-color:#0e2c7b; color:#ffffff;}
          .Blue h1 {color:#ffffff;}
          .Blue h2 {color:#ffffff;}
          .Blue h3 {color:#ffffff;}
          .Blue p {color:#ffffff;}

      .Cyan {background-color:#09cbbb; color:#ffffff;}
          .Cyan h1 {color:#ffffff;}
          .Cyan h2 {color:#ffffff;}
          .Cyan h3 {color:#ffffff;}
          .Cyan p {color:#ffffff;}
          
      .Grey {background-color:#f3f3f3; color:#222222;}
          .Grey h1 {color:#222222;}
          .Grey h2 {color:#222222;}
          .Grey h3 {color:#222222;}
          .Grey p {color:#222222;}
          
      .Clear {background-color:#ffffff; color:#222222;}
          .Clear h1 {color:#222222;}
          .Clear h2 {color:#222222;}
          .Clear h3 {color:#222222;}
          .Clear p {color:#222222;}
          





/* GENERAL FORM STYLES */

.MemberForm {width:100%; float:left; position:relative; background-color:#f3f3f3; padding:30px; margin-bottom:30px; border-radius:6px;}
      .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, select, textarea {width:100%; padding:20px; margin:0px; background-color:#ffffff;  }
.MemberForm textarea {height:100px; background-color:#ffffff;}

               .MemberForm input[type=checkbox] {width:15px; height:15px; background-color:#ffffff; padding:0px; margin-right:6px;  color:#000000;  content: '\2714';}
               .MemberForm input[type=checkbox]:checked {background: #a60000 !important;}
               .MemberForm input[type=radio] {width:15px; height:15px; background-color:#ffffff; border-radius:50px; padding:0px; margin-right:6px; color:#000000;  content: '\2714';}
               .MemberForm input[type=radio]:checked {background: #a60000 !important;}



.MemberForm .SubmitButton {font-size:0.95em; color:#ffffff; float:left; background-color:#a60000 !important; width:180px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;}
.MemberForm .SubmitButton:hover {background-color:#222222; }

.MemberForm .SubmitButtonRed {font-family:DefaultBold; color:#ffffff; background-color:#c31301 !important; clear:both; float:left;  font-size:0.85em;width:160px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;margin-top:30px;padding:10px 30px 10px 30px; border-bottom:3px solid #900f02;}
.MemberForm .SubmitButtonRed:hover {background-color:#900f02; }


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

.Form1Col {width:100%; float:left; }
      .ImagePreview {background-color:#ffffff; width:50%; margin:0px 25% 10px 25%; padding:15px; float:left;} .ImagePreview img {width:100%;}
      .ImagePreview2 {background-color:#ffffff; width:23%; margin:0px 1% 10px 0%; padding:15px; float:left;} .ImagePreview2 img {width:100%;}
            .ImagePreview2 input {background-color:#ededed !important; padding:4px; margin-top:4px; }
               .ImagePreview2 input[type=checkbox] {width:15px; height:15px; background-color:#ededed; padding:0px; margin-right:6px;  color:#000000;  content: '\2714';}
               .ImagePreview2 input[type=checkbox]:checked {background: #00add8 !important;}




/* LOGIN FORM STYLES */

.MemberLogin {width:98%; margin:0 1% 0 1%; float:left; position:relative;}
.MemberLogin .FormFull {width:100%; float:left; margin-bottom:20px;}

.MemberLogin input {background-color:#ffffff; width:23%; float:left; margin-right:2%; border: 1px solid #c0c0c0; color: #222222; margin-bottom:10px; padding:20px; outline:none; font-size:1em;  float:left;}
                          .MemberLogin input:focus, textarea:focus, textarea:focus {background:#ffffff; border: 1px solid #a60000;}

                                                          .MemberLogin .SubmitButton {border:0; font-size:1.15em; color:#ffffff; float:left; background-color:#a60000; width:200px; padding:20px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;}
                                                          .MemberLogin .SubmitButton:hover {background-color:#222222; }
                                                          .MemberLogin ::-webkit-input-placeholder { /* Chrome */color: #222222;}
                                                          .MemberLogin :-ms-input-placeholder { /* IE 10+ */  color: #222222;}
                                                          .MemberLogin ::-moz-placeholder { /* Firefox 19+ */  color: #222222;  opacity: 1;}
                                                          .MemberLogin :-moz-placeholder { /* Firefox 4 - 18 */  color: #222222;  opacity: 1;}







/* MEMBERS ORDERS */

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;}
div.accordion.orders.active {font-weight:600; background-color:#cccccc !important;  float:left; margin:0 0 0 0; }
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%;}
div.accordion.orders.active {border-bottom-left-radius:0px; border-bottom-right-radius:0px; }

.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; }





/* 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 {padding:20px; width:%; background-color:#f3f3f3; float:left; clear:both; margin-bottom:10px;}
#CartForm select {padding:20px; width:100%; background-color:#f3f3f3; float:left; clear:both; margin-bottom:10px; }
#CartForm .SubmitButton {font-size:0.95em;color:#ffffff; text-align:center; padding:20px;  float:left; background-color:#a60000; width:200px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;}
#CartForm .SubmitButton:hover {background-color:#222222; }

#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%; }
}





@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%; }

}