/*-------------- CHECK CART --*/

 
                .progbar { float:right; text-align:center; margin:0 0 10px 0; padding:0; color:#b1a3a0; }

                .progbx {  font-size:0.65em; line-height:1em; text-transform:uppercase; display:inline-block; padding:0 0 0 20px; color:#a7a7a7; }
                .progbxgr { font-size:0.65em; line-height:1em; text-transform:uppercase; display:inline-block; padding:0 0 0 20px; color:#a08656; }
                .prognum { font-size:1.6em; line-height:1em; padding:0; margin:0; font-weight:bold; }



  			    input.pdqty { background:#fff; border:1px solid #b6b6b6; padding:15px; margin:0 5px 0 0;  text-align:center; width:auto; font-size:0.8em; width:50px; line-height:normal; vertical-align:top; display:inline-block;
				              -webkit-border-radius:4px;
				               -moz-border-radius:4px;
				               border-radius:4px;   
  			               } 

  			    input.pqty { background:#fff; border:1px solid #b6b6b6; padding:10px; margin:0 5px 0 0;  text-align:center; width:auto; font-weight:bold; font-size:0.8em; width:40px; line-height:normal; font-weight:bold; vertical-align:top; display:inline-block;
				              -webkit-border-radius:3px;
				               -moz-border-radius:3px;
				               border-radius:3px;   
  			               } 


	            input.updatebtn { display:block; background:none; border:none; padding:2px 4px 0 0; margin:5px auto; vertical-align:top; font-size:0.7em; line-height:normal; color: rgba(86, 1, 70, 1); cursor:pointer; text-align:center; text-decoration:underline;  text-transform:uppercase;
			                         -webkit-transition: 0.4s;
			                         -moz-transition: 0.4s;
			                         transition: 0.4s;
	                             }

	            input.updatebtn:hover {  color:#a08656;
			                             -webkit-transition: 0.2s;
			                             -moz-transition: 0.2s;
			                             transition: 0.2s;
	                                  }

	            input.removebtn { display:block; background:none; border:none; padding:2px 0; margin:5px auto 0 0; font-size:0.7em; line-height:normal; font-weight:bold; cursor:pointer; text-decoration:underline;  text-transform:uppercase; color: rgba(86, 1, 70, 1);
			                     -webkit-transition: 0.4s;
			                     -moz-transition: 0.4s;
			                     transition: 0.4s;
	                             }

	            input.removebtn:hover {  color:#a08656;
			                             -webkit-transition: 0.2s;
			                             -moz-transition: 0.2s;
			                             transition: 0.2s;
	                                  }

            	.dropboundbk { display:inline-block; background:#fff; border:1px solid #b6b6b6; padding:1px; margin:0; width:50%;
				                -webkit-border-radius:3px;
				                -moz-border-radius:3px;
				                border-radius:3px; 
            	              }

	            select.ship { background: url(/gfx/droparrow.png)  center right 5px no-repeat #fff; border:transparent; padding:5px 30px 5px 5px; cursor:pointer; font-size:0.75em; width:100%;
			                         -webkit-transition: 0.2s;
			                         -moz-transition: 0.2s;
			                         transition: 0.2s;
            	            }
	            select.ship:hover { background: url(/gfx/droparrow.png)  center right 5px no-repeat #fff; border:transparent; padding:5px 30px 5px 5px; cursor:pointer; font-size:0.75em; width:100%; 
			                         -webkit-transition: 0.2s;
			                         -moz-transition: 0.2s;
			                         transition: 0.2s;
	                              }


    		    input.vouch { background:#fff; border:1px solid #b6b6b6; padding:4px 8px; width:120px; margin:0 3px 0 0; vertical-align:top; text-align:left; font-size:0.7em; line-height:normal;
				                -webkit-border-radius:3px;
				                -moz-border-radius:3px;
				                border-radius:3px; 
    		                }

			    input.vouchbtn { background:#1f0a19; border:1px solid #1f0a19; padding:4px 8px; margin:0; vertical-align:top; font-size:0.7em; line-height:normal; color:#fff; cursor:pointer;  text-transform:uppercase;
			                     -webkit-transition: 0.2s;
			                     -moz-transition: 0.2s;
			                     transition: 0.2s;
				                 -webkit-border-radius:3px;
				                 -moz-border-radius:3px;
				                 border-radius:3px; 
      			               }
			
			
			    input.vouchbtn:hover { background:#a08656; color:#fff; border:1px solid #a08656; cursor:pointer; 
			                           -webkit-transition: 0.2s;
			                           -moz-transition: 0.2s;
			                           transition: 0.2s;
			                         }

                .dpcartbx  { width:60%; float:right; clear:both; padding:5px 0; }
                .checklbl { display:inline-block; width:30%; font-weight:normal; font-size:0.8em; }
 
 
                a.check { font-size:1.2em; }

                .check { border-collapse:collapse; margin:10px 0 20px 0; padding:0; line-height:normal; width:100%; font-size:0.9em; color:#121212; }
                .check th { background:#f3f3f3; padding:10px; text-align:left; font-weight:normal; border:1px solid #cdcdcd; }
                .check th.center { background:#f3f3f3; padding:10px; text-align:center; font-weight:normal; border:1px solid #cdcdcd;  }
                .check th.rightot { background:#f3f3f3; padding:10px; text-align:right; font-weight:bold; font-size:1.2em; border:1px solid #cdcdcd;  }
                .check th.right { background:#f3f3f3; padding:10px; text-align:right; font-weight:normal; border:1px solid #cdcdcd;  }
                .check td { background:#fff; padding:10px; text-align:left; border:1px solid #cdcdcd; word-wrap: break-word; }
                .check td.center { background:#fff; padding:10px; text-align:center; border:1px solid #cdcdcd; word-wrap: break-word; }
                .check td.centerbd { background:#fff; padding:10px; font-weight:bold; font-size:1.1em; text-align:center; border:1px solid #cdcdcd; word-wrap: break-word; }
                .check td.right { background:#fff; padding:10px; text-align:right; border:1px solid #cdcdcd; word-wrap: break-word; }
                .check td.rightbd { background:#fff; padding:10px; font-weight:bold; font-size:1.1em; text-align:right; border:1px solid #cdcdcd; word-wrap: break-word; }
                .check td.rightnb { background:#fff; padding:10px; font-weight:bold; font-size:1.1em; text-align:right; border:1px solid #cdcdcd;  word-wrap: break-word; }



                .cbtnbxnb { width:100%; clear:both; padding:0 0 40px 0; }
                .navbtnbx { float:left; }
                .paybtnbx { float:right; text-align:right; } 







/*---------- Modal Popup --*/

			.modalBackground { background: rgba(0,0,0,0.8); }
			
			.modalPopup {
				position:relative;
				border:2px solid #cdcdcd;
				background:#ffffff;
				padding:30px;
				width:60%;
				text-align:center;
				color:#000000;
			  	overflow:auto;
				-webkit-border-radius:3px;
				-moz-border-radius:3px;
				border-radius:3px;
				-webkit-box-shadow:0 0 10px #000;
				-moz-box-shadow:0 0 10px #000;
				box-shadow:0 0 10px #000;
                -webkit-transition:0.2s;
			    -moz-transition:0.2s;
			    transition:0.2s;
			}
			
			.modalPopup p { padding:5px; }




           .savehd { font-size:1.2em; color:#a08656; font-weight:bold; padding:0 0 10px 0; }
            .savetx { border-bottom:1px solid #dedede; padding:5px 0 10px 0; margin:0 0 10px 0; font-size:0.8em; line-height:normal;  font-family:'Open Sans', sans-serif; }

			input.savebx { background:#fff; border:1px solid #cdcdcd; padding:5px 8px; margin:0; vertical-align:top; font-size:0.8em; line-height:normal; 
				            -webkit-border-radius:3px;
				            -moz-border-radius:3px;
				            border-radius:3px;
		            	 }
	


			input.scclosebtn { background: #890805; border:1px solid #4b0200; padding:5px 8px; margin:0; vertical-align:top; font-size:0.8em; line-height:normal; color:#fff; cursor:pointer; 
			                    -webkit-transition: 0.2s;
			                    -moz-transition: 0.2s;
			                    transition: 0.2s;
				                -webkit-border-radius:3px;
				                -moz-border-radius:3px;
				                border-radius:3px;    
			                 }

			input.scclosebtn:hover { background:#f3dbda; color:#890805; border:1px solid #890805; cursor:pointer; 
			                         -webkit-transition: 0.2s;
			                         -moz-transition: 0.2s;
			                         transition: 0.2s;
			                       }
 



			input.scsavebtn { background:#550048; border:1px solid #550048; padding:5px 8px; margin:0; vertical-align:top; font-size:0.8em; line-height:normal; color:#fff; cursor:pointer; 
			                    -webkit-transition: 0.2s;
			                    -moz-transition: 0.2s;
			                    transition: 0.2s;
				                -webkit-border-radius:3px;
				                -moz-border-radius:3px;
				                border-radius:3px;
			                 }

			input.scsavebtn:hover { background:#978857; border:1px solid #978857; cursor:pointer; color:#000; 
			                         -webkit-transition: 0.2s;
			                         -moz-transition: 0.2s;
			                         transition: 0.2s;
			                       }
 


/*-------------- PROFILE --*/

 
               .bxnotes { font-size:0.8em; padding:10px 0 0 0; }
                      
                .profbx { background:#f8f8f8; padding:20px; margin:10px 0; border:1px solid #cdcdcd; font-size:0.9em; line-height:1.8em;
				            -webkit-border-radius:3px;
				            -moz-border-radius:3px;
				            border-radius:3px;
                         }

                .loghds { font-weight:bold; padding:0 0 10px 0; }


                  .profbl { display:inline-block; width:50%; vertical-align:top; padding:0 20px 0 0; }
                  .profbr { display:inline-block; width:50%; vertical-align:top; padding:0 0 0 20px; }  






 


        table.prof { border: 1px solid #ccc; width: 100%; margin:20px 0; padding:0; border-collapse: collapse; border-spacing: 0; font-size:0.8em; }

        table.prof tr { border: 1px solid #ddd; padding:10px;  }

        table.prof th, table.prof td { padding:10px; text-align: center; line-height:1em; }
        table.prof th { text-transform: uppercase; font-size:1em; background:#ddd; }

        table.prof tr:hover { background:#ededed; }

 

@media screen and (max-width: 600px) {

        table.prof { border: 0; }

        table.prof th { text-transform: uppercase; font-size:1em; letter-spacing:1px; }
            table.prof thead { display: none; }

        table.prof th, table.prof td { background:#f8f8f8;  line-height:normal; }

        table.prof tr { margin-bottom:15px;  display: block;  border:1px solid #cdcdcd;
                        -webkit-border-radius:3px;
				        -moz-border-radius:3px;
				        border-radius:3px;
                         background:#f8f8f8; 
                      }

        table.prof td { display: block; text-align: right; font-size:1em; border-bottom: 1px solid #cdcdcd; }

        table.prof td:last-child { border-bottom: 0; }
        table.prof td:before { content: attr(data-label); float: left; text-transform: uppercase; font-weight: bold; }
 

 


    }