/*-- PROD DETAILS --*/
.pdbtnbx { border-top:1px solid #D3D3D3; clear:both; padding:10px 0; margin:5px 0 0 0; text-align:right;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.qtyxt { display:inline-block; padding:8px 5px 0 0; }
.pcode { font-size:11px; }
.pdsum { padding:10px 0; }
input.prodqty { background:#fff; border:1px solid #b6b6b6; padding:10px 5px; width:40px; margin:0; vertical-align:top; text-align:center; font-size:0.8em; line-height:normal; }
.dropwrap { padding:20px 0; width:60%; margin:0 auto 0 0; }
.dropbound { display:inline-block; background:#fff; border:1px solid #b6b6b6; padding:2px; margin:0 0 5px auto; width:100%;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
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%; }
.mainpic { padding:0 0 10px 0; }
.thumbx { text-align:left; }
.picthumb { float:left; width:23%; margin:1%; padding:0; border:1px solid #D2DDE3; cursor:pointer; }
/*-------- BUTTONS --*/
input.infobtn { background:#E0E0E0; border:1px solid #cdcdcd; padding:10px 25px; margin:0; vertical-align:top; font-size:0.9em; line-height:normal; color:#000; cursor:pointer;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
input.infobtn:hover { background:#959595; border:1px solid #000; cursor:pointer; color:#fff;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
}
a:link.infobtn, a:visited.infobtn { display:inline-block; text-decoration:none; background:#E0E0E0; border:1px solid #cdcdcd; padding:10px 25px; margin:0; vertical-align:top; font-size:0.9em; line-height:normal; color:#000; cursor:pointer; font-family:'Open Sans', sans-serif; text-transform:uppercase;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
a:hover.infobtn, a:active.infobtn { background:#959595; border:1px solid #000; cursor:pointer; color:#fff;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
}
input.addbtn { background:#f46534; border:1px solid #c93d0d; color:#fff; padding:10px 25px; margin:0; vertical-align:top; font-size:1.2em; font-weight:bold; line-height:normal; cursor:pointer; text-transform:uppercase; width:100%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-moz-box-shadow: inset 0 0 5px #c93d0d;
-webkit-box-shadow: inset 0 0 5px #c93d0d;
box-shadow: inset 0 0 5px #c93d0d;
}
input.addbtn:hover { background:#e44008; border:1px solid #373D41; color:#fff; cursor:pointer;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
-moz-box-shadow: inset 0 0 15px #c93d0d;
-webkit-box-shadow: inset 0 0 15px #c93d0d;
box-shadow: inset 0 0 15px #c93d0d;
}
input.dobtn { background:#DB5E00; border:1px solid #FF6D00; border-right:5px solid #FF6D00; padding:8px 15px; margin:0; vertical-align:top; font-size:0.8em; line-height:normal; color:#fff; cursor:pointer; word-wrap: break-word;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
}
input.dobtn:hover { background:#FF6D00; border:1px solid #FF6D00; border-left:5px solid #DB5E00; color:#fff; cursor:pointer;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
}
a:link.dobtn, a:visited.dobtn { display:inline-block; text-decoration:none; background:#DB5E00; border:1px solid #FF6D00; border-right:5px solid #FF6D00; padding:8px 15px; margin:0; vertical-align:top; font-size:0.8em; line-height:normal; color:#fff; cursor:pointer; }
a:hover.dobtn, a:active.dobtn { text-decoration:none; background:#FF6D00; border:1px solid #FF6D00; border-left:5px solid #DB5E00; color:#fff; cursor:pointer; }
input.acbtn { background:#f46534; border:1px solid #c93d0d; color:#fff; padding:10px 25px; margin:0; vertical-align:top; font-size:0.9em; line-height:normal; cursor:pointer; text-transform :uppercase;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-moz-box-shadow: inset 0 0 5px #c93d0d;
-webkit-box-shadow: inset 0 0 5px #c93d0d;
box-shadow: inset 0 0 5px #c93d0d;
}
input.acbtn:hover { background:#e44008; border:1px solid #373D41; cursor:pointer; color:#fff;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
-moz-box-shadow: inset 0 0 15px #c93d0d;
-webkit-box-shadow: inset 0 0 15px #c93d0d;
box-shadow: inset 0 0 15px #c93d0d;
}
a:link.acbtn, a:visited.acbtn { display:inline-block; text-decoration:none; background:#f46534; border:1px solid #c93d0d; color:#fff; padding:10px 25px; margin:0; vertical-align:top; font-size:0.9em; line-height:normal; cursor:pointer; text-transform :uppercase;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-moz-box-shadow: inset 0 0 5px #c93d0d;
-webkit-box-shadow: inset 0 0 5px #c93d0d;
box-shadow: inset 0 0 5px #c93d0d;
}
a:hover.acbtn, a:active.acbtn { background:#f46534; border:1px solid #373D41; cursor:pointer; color:#fff;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
-moz-box-shadow: inset 0 0 15px #c93d0d;
-webkit-box-shadow: inset 0 0 15px #c93d0d;
box-shadow: inset 0 0 15px #c93d0d;
}
input.profbtn { display:flex; background:#f46534; border:1px solid #1a7395; color:#fff; padding:10px 25px; margin:20px 0 0 0; vertical-align:top; font-size:0.8em; font-weight:bold; line-height:normal; cursor:pointer; text-transform:uppercase;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-moz-box-shadow: inset 0 0 5px #fff;
-webkit-box-shadow: inset 0 0 5px #fff;
box-shadow: inset 0 0 5px #fff;
}
input.profbtn:hover { background:#f46534; border:1px solid #373D41; color:#fff; cursor:pointer;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
}
input.pqty { background:#fff; border:1px solid #b6b6b6; padding:5px; margin:0; text-align:center; width:40px; font-size:1em; line-height:normal;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
a.freels { display:block; background:#373D41; text-decoration:none; padding:10px 20px; margin:10px 0 0 0; color:#fff; font-size:0.9em; line-height:1.2em; vertical-align:top;
-webkit-border-radius:3px; text-align:center;
-moz-border-radius:3px;
border-radius:3px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
}
a.freels:hover { background:#565c61; text-decoration:none;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
}
.pdinfl { width:54%; float:left; padding:0 30px; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; }
.icbx { width:42%; float:right; padding:0; }
.checkic { background: url(/gfx/check-icon.png) center left no-repeat; padding:10px 0 10px 25px; line-height:1em; border-bottom:1px solid #cdcdcd; font-size:0.9em; }
.wavic { background: url(/gfx/wav-icon.png) center left no-repeat; padding:10px 0 10px 25px; line-height:1em; border-bottom:1px solid #cdcdcd; font-size:0.9em; }
.qtyic { background: url(/gfx/qty-icon.png) center left no-repeat; padding:10px 0 10px 25px; line-height:1em; border-bottom:1px solid #cdcdcd; font-size:0.9em; }
.sizeic { background: url(/gfx/size-icon.png) center left no-repeat; padding:10px 0 10px 25px; line-height:1em; border-bottom:1px solid #cdcdcd; font-size:0.9em; }
.pdsechd { font-weight: bold; padding: 0 0 10px 0; font-size: 1.3em; font-family: 'Muli', sans-serif; }
.freebx { background:#f5f0f0; border: 1px solid #cdcdcd; padding: 10px; margin:0 0 10px 0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
a.tags { font-size:0.9em; line-height:2; }
/*-- 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 { background:#8B1358; padding:10px 15px; margin:0 0 10px 0; font-size:1em; color:#fff; }
.revtx { font-size:0.8em; 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:#000; }
.revrep:first-child { border-bottom:1px solid #CDCDCD; padding:10px 0; margin:0 0 10px 0; }
.revrep { border-bottom:1px solid #CDCDCD; padding:10px 0; 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; }
.cbxtxa { padding:10px 0 10px 0; margin:0 0 20px 0; border-bottom:1px solid #cdcdcd; font-size:0.8em; line-height:normal; }
.cbxtxb { padding:10px 0 0 0; font-size:0.8em; line-height:normal; }
.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;
}
/*---------- Add Cart Popup --*/
.cartind { background:#ffffff; border:2px solid #cdcdcd; padding:10px 10px 0 10px; width:60%; color:#000000;
-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;
}
.cpophd { background:#3A3835; padding:10px; color:#fff; font-size:0.9em;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.cadclb { cursor:pointer; float:right; }
a:link.caddbtn, a:visited.caddbtn { display:block; text-decoration:none; background:#E0E0E0; border:1px solid #cdcdcd; padding:5px; margin:0 0 10px 0; width:100%; font-size:1em; line-height:normal; color:#000; cursor:pointer; text-transform:uppercase; text-align:center;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
a:hover.caddbtn, a:active.caddbtn { background:#959595; border:1px solid #000; cursor:pointer; color:#fff;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
}
a:link.gocheckbtn, a:visited.gocheckbtn { display:block; text-decoration:none; background:#f46534; border:1px solid #1a7395; color:#fff; padding:5px; margin:0; width:100%; font-size:1em; line-height:normal; cursor:pointer; text-transform:uppercase; text-align:center;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
a:hover.gocheckbtn, a:active.gocheckbtn { background:#f46534; border:1px solid #373D41; color:#fff;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
}
/*-- AC PROCESS --*/
section.co { background:#EAEAEA; padding:20px; margin:10px 0; border:1px solid #cdcdcd; }
.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-family: 'Muli', sans-serif; font-weight:bold; color:#3A3835; border-bottom:1px solid #3A3835; padding: 0 0 5px 0; margin: 0 0 20px 0; text-transform:uppercase; font-size:0.9em; }
.navbtnbx { float:left; }
.paybtnbx { float:right; text-align:right; }
.profbx { background:#EAEAEA; padding:20px; margin:10px 0; border:1px solid #cdcdcd; }
.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; }
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;
}
a.check { font-size:1.2em; }
/*---------- Modal Popup --*/
.modalBackground { background: url(/gfx/80.png) repeat; }
.modalPopup {
position:relative;
border:2px solid #cdcdcd;
background:#ffffff;
font-size:12px;
line-height:14px;
padding:30px;
width:450px;
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;
}
.modalPopup p { padding: 5px; }
.savehd { font-size:1.7em; color:#4e91ca; padding:0 0 10px 0; }
.savetx { border-bottom:1px solid #dedede; padding:5px 0 20px 0; margin:0 0 20px 0; font-size:1em; line-height:1.1em; }
input.savebx { background:#f3f3f3; border:1px solid #cdcdcd; padding:5px 8px; margin:0; vertical-align:top; font-size:1em; line-height:normal; width:200px; cursor:pointer;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
input.scclosebtn { background: #6a0303; border:1px solid #b70000; padding:5px 8px; margin:0; vertical-align:top; font-size:1em; line-height:normal; color:#fff; cursor:pointer;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
input.scclosebtn:hover { background:#bf2828; color:#fff; border:1px solid #b70000; cursor:pointer;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
input.scsavebtn { background:#f46534; border:1px solid #f46534; color:#fff; padding:5px 8px; margin:0; vertical-align:top; font-size:1em; 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;
-moz-box-shadow: inset 0 0 5px #fff;
-webkit-box-shadow: inset 0 0 5px #fff;
box-shadow: inset 0 0 5px #fff;
}
input.scsavebtn:hover { background:#f46534; border:1px solid #373D41; color:#fff; cursor:pointer;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
}