﻿


 

            .dropwrap { padding:20px 0; width:60%; margin:0 auto 0 0; }

		    input.prodqty { background:#fff; border:1px solid #b6b6b6; padding:8px 5px; width:40px; margin:0; vertical-align:top; text-align:center; font-size:0.9em; line-height:normal; }

        	.dropbound { display:inline-block; background:#fff; border:1px solid #d2d2d2; padding:1px; margin:0 0 5px auto; width:100%;
				         -webkit-border-radius:3px;
				         -moz-border-radius:3px;
				         border-radius:3px;
        	            }

	        select.opts { background: url(/gfx/droparrow.png) no-repeat right center #fff; border:transparent; padding:5px 30px 5px 5px; cursor:pointer; font-size:0.9em; line-height:normal; width:100%;
			              -webkit-transition: 0.2s;
			              -moz-transition: 0.2s;
			              transition: 0.2s;
            	        }

	        select.opts:hover { background: url(/gfx/droparrow-r.png) no-repeat right center #f2f2f2; 
			                    -webkit-transition: 0.2s;
			                    -moz-transition: 0.2s;
			                    transition: 0.2s;
	                          }

	        .dropbound:hover { border:1px solid #fff;
			                    -webkit-transition: 0.2s;
			                    -moz-transition: 0.2s;
			                    transition: 0.2s;
                                -moz-box-shadow:    inset 0 0 3px #3300d8;
				                -webkit-box-shadow: inset 0 0 3px #3300d8;
				                box-shadow:         inset 0 0 3px #3300d8;
                	          }



 
            .pdsum { padding:10px 0; }
 

            .thumbx { text-align:left; }
            .picthumb { float:left; width:23%; margin:1%; padding:0; border:1px solid #D2DDE3; cursor:pointer; }




            table.prod { border-collapse:collapse; margin:10px auto 20px 0; font-size:0.9em; line-height:1.2em; width:100%; }
            table.prod th { background:#f3f3f3;  border:none;  padding:10px; text-align:center; font-weight:normal; border:1px solid #cdcdcd; text-transform:uppercase;  }
            table.prod td { background:#fff;  border:none;  padding:10px; vertical-align:middle; text-align:center; border:1px solid #cdcdcd; word-wrap: break-word; }
 





			/*-- REVS --*/

 
			    .revbx { border-top:1px solid #CDCDCD; border-bottom:1px solid #CDCDCD; padding:5px 0 10px 0; margin:10px 0; text-align:left;  }
                .revstars { display:inline-block; padding:8px 0 4px 0; margin:0; vertical-align:top; }
			    .revnote { display:inline-block; padding:10px 0 4px 5px; margin:0; vertical-align:top; font-size:11px; line-height:normal; }
 		
			    .revtitle { display:inline-block; padding:0; margin:0; font-weight:bold; font-size:14px; }

                .revtx { font-size:0.9em; padding:0; margin:0; }
			    .revstarsb { padding:5px 0; clear:right; overflow:hidden; }
			    .revinfo { clear:left; padding:5px 0 10px 0; margin:0; font-size:11px; }
			    .revspan { padding:0 3px; color:#3300d8; }

                .revrep:first-child { border-bottom:1px solid #CDCDCD; padding:10px 15px; margin:0 0 10px 0; }
			    .revrep { border-bottom:1px solid #CDCDCD; padding:10px 15px; margin:10px 0; }

                input.rev { border:1px solid #b6b6b6; padding:6px 10px; margin:0; vertical-align:top; font-size:12px; line-height:normal; width:100%; }
                             .rev:focus { background: #fff; box-shadow: 0;
	                                      border:1px solid #718492;
	                                      color: #000;
			                              -webkit-transition: 0.2s;
			                              -moz-transition: 0.2s;
			                              transition: 0.2s;
                                          -moz-box-shadow:    inset 0 0 3px #718492;
				                          -webkit-box-shadow: inset 0 0 3px #718492;
				                          box-shadow:         inset 0 0 3px #718492;
                                        }


                 input.revx { border:1px solid red; padding:6px 10px; margin:0; vertical-align:top; font-size:12px; line-height:normal; width:100%; }



               textarea.rev { border:1px solid #b6b6b6; padding:6px 10px; margin:0; vertical-align:top; font-size:12px; line-height:normal; width:100%; height:300px; }
                             textarea.rev:focus { background: #fff; box-shadow: 0;
	                                      border:1px solid #718492;
	                                      color: #000;
			                              -webkit-transition: 0.2s;
			                              -moz-transition: 0.2s;
			                              transition: 0.2s;
                                          -moz-box-shadow:    inset 0 0 3px #718492;
				                          -webkit-box-shadow: inset 0 0 3px #718492;
				                          box-shadow:         inset 0 0 3px #718492;
                                        }

               textarea.revx { border:1px solid red; padding:6px 10px; margin:0; vertical-align:top; font-size:12px; line-height:normal; width:100%; height:300px;  }


			    .revtitleform { background:#961B1F; padding:9px; margin:0 0 10px 0; font-weight:bold; font-size:14px; color:#fff;
				    -webkit-border-radius:2px;
				    -moz-border-radius:2px;
				    border-radius:2px;
			     }






/*--------- ALSO --*/


            .alsohd { background:#2A2A2A; padding:10px 15px; margin:0 0 10px 0; font-size:1em; color:#fff; width:100%; clear:both;
				        -webkit-border-radius:2px;
				        -moz-border-radius:2px;
				        border-radius:2px;
                    }


            a:link.also, a:visited.also { display:block; text-decoration:none; padding:5px 5px 15px 5px; width:23.5%; margin: 0 2% 1% 0; float:left; text-align:center; position:relative; border:1px solid #cdcdcd; }
            a:hover.also, a:active.also { display:block; text-decoration:none; padding:5px 5px 15px 5px;  width:23.5%; margin: 0 2% 1% 0; float:left; text-align:center;position:relative; border:1px solid #cdcdcd; }


            a:link.also:last-child, a:visited.also:last-child { display:block; text-decoration:none; padding:5px 5px 15px 5px; width:23.5%; margin: 0 0 1% 0; float:left; text-align:center; position:relative; border:1px solid #cdcdcd; }

            a:hover.also:last-child, a:active.also:last-child { display:block; text-decoration:none; padding:5px 5px 15px 5px;  width:23.5%; margin: 0 0 1% 0; float:left; text-align:center; position:relative; border:1px solid #cdcdcd; }


            .bxnotes { padding:10px 0 10px 0; font-size:0.9em; line-height:1.4em; }
 


            
/*--------- AC PROCESS --*/


            .cbtnbx { border-top:1px solid #cdcdcd; padding:20px 0 0 0; margin:20px 0 0 0; }
            .cbtnbxnb { padding:0 0 20px 0; margin:0; }
            .cohds { font-weight:bold; color:#383838; border-bottom:1px solid #282E5C; padding: 0 0 5px 0; margin: 0 0 20px 0; text-transform:uppercase; font-size:1em; }        
 
			.ccbox { width:100%; display:block; clear:both; padding:20px 0; }  


            .progbar { float:right; text-align:center; margin:0 0 10px 0; padding:0; color:#b1a3a0; }

            .progbx { font-size:0.8em; line-height:1em; text-transform:uppercase; display:inline-block; padding:0 0 0 20px; }
            .progbxgr { font-size:0.8em; line-height:1em; text-transform:uppercase; display:inline-block; padding:0 0 0 20px; color:#941315; }
            .prognum { font-size:2em; line-height:1em; padding:0; margin:0; }



            .dpcartbx { width:50%; float:right; clear:both; padding:5px 0; }
            .checklbl { display:inline-block; width:40%; font-weight:normal; font-size:0.8em; }
            .dropboundbk { display:inline-block; background:#fff; border:1px solid #b6b6b6; padding:2px; margin:0; width:45%; }
	        select.ship { background: url(/gfx/droparrow.png) no-repeat right center #fff; border:transparent; padding:5px 30px 5px 5px; cursor:pointer; font-size:0.8em; width:100%; }


            .check { border-collapse:collapse; margin:10px auto 20px 0; line-height:normal; width:100%; }
            .check th { background:#f3f3f3; padding:10px; text-align:left; font-weight:normal; border:1px solid #cdcdcd; border-right:none; }
            .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; border-left:none; border-right:none; word-wrap: break-word; }

            a.check { font-size:1.2em; }

	        input.removebtn { display:block; background:none; border:none; padding:2px 0; margin:5px auto 0 0; font-size:0.8em; line-height:normal; color:#961B1F; font-weight:bold; cursor:pointer; text-decoration:underline;
			                    -webkit-transition-duration: 0.2s;
			                    -moz-transition-duration: 0.2s;
			                    transition-duration: 0.2s;
	                            }

	        input.removebtn:hover {  color:#54537C; 
			                        -webkit-transition-duration: 0.2s;
			                        -moz-transition-duration: 0.2s;
			                        transition-duration: 0.2s;
	                                }
	

	        input.updatebtn { display:block; background:none; border:none; padding:2px 0; margin:5px auto 0 auto; vertical-align:top; font-size:0.8em; line-height:normal; color:#54537C; cursor:pointer; text-align:center; text-decoration:underline;
			                        -webkit-transition-duration: 0.2s;
			                        -moz-transition-duration: 0.2s;
			                        transition-duration: 0.2s;
	        }

	        input.updatebtn:hover {  color:#961B1F; 
			                        -webkit-transition-duration: 0.2s;
			                        -moz-transition-duration: 0.2s;
			                        transition-duration: 0.2s;

	                            }
	
 
 
    		input.vouch { background:#fff; border:1px solid #b6b6b6; padding:4px; width:120px; margin:0 3px 0 0; vertical-align:top; text-align:left; font-size:0.7em; line-height:normal; }

			input.vouchbtn { background:#89A528; border:1px solid #607710; padding:4px; margin:0; vertical-align:top; font-size:0.7em; line-height:normal; color:#fff; cursor:pointer; 
			                    -webkit-transition: 0.2s;
			                    -moz-transition: 0.2s;
			                    transition: 0.2s;
      			            }
			
			
			input.vouchbtn:hover { background:#bad16a; color:#000; border:1px solid #89A528; cursor:pointer; 
			                        -webkit-transition: 0.2s;
			                        -moz-transition: 0.2s;
			                        transition: 0.2s;
			                        }

 


			.gdp { padding:20px; border:1px solid #cdcdcd; width:50%; margin:20px auto 0 0; }