<!--
/* start - common styles systemwide */
:root {
    --grd-145-d: linear-gradient(145deg, rgba(200, 200, 200, 0), rgba(200, 200, 200, .35));
    --grd-180-d: linear-gradient(180deg, rgba(200, 200, 200, 0), rgba(200, 200, 200, .3));
    --g-bgcol-7: #777;
    --g-bgcol-5: #555;
    --g-bgcol-4: #444;
    --g-bgcol-3: #333;
    --g-bgcol-2: #222;
    --g-bgcol-1: #111;
    --g-tcol-d: #aaa;
    --g-tcol-n: #ccc;
    --g-tcol-h: #fff;
    --g-col-orange: #f83;
    --g-col-blk: #000;
}

::selection {
    background-color: var(--g-col-orange);
    color: var(--g-col-blk);
}

hr {display:none}

body {
    padding: 0;
    color: var(--g-tcol-n);
    font-size: 10pt;
    font-family: verdana, arial, helvetica, geneva;
    background: var(--g-col-blk);
    text-align: center;
}

a:link, a:visited, a:active {
    color: var(--g-tcol-n);
}

a:hover {
    color: var(--g-tcol-h);
    background: var(--g-bgcol-7)
}

a:link img, a:visited img, a:hover img, a:active img {
    border:1px solid var(--g-bgcol-4)
}

h1,h2,h3,h4, h5, h6 {font-style:italic;color:var(--g-tcol-h);font-weight:400}
h1 {font-size:18pt}
h2 {font-size:14pt}
h3, h4, h5 {font-weight:400}
h4, h5 {display:inline;}
h5,h6,samp,kbd {color:var(--g-tcol-h);font-size:9pt;}
h6{font-size:8pt;}

p + p {text-indent: 1.5em;}

.colGray{color:var(--g-tcol-d)}

input, select, textarea, label {
    color: var(--g-tcol-n);
    background: var(--g-col-blk);
    text-align: left;
    border: 1px ridge var(--g-bgcol-4);
    padding: .3em;
    font-size: 9pt;
    width: 10em;
}

select{margin:0;}
textarea{background:var(--g-col-blk)}
label{text-align:right;border:none;background:none}

.dhr {border-bottom:1px solid var(--g-bgcol-4);padding:0;margin: 1em 0}

.pageTtl {width:100%;text-align:center; margin-bottom:1em;}

.pgBody{width:1024px;text-align:left;margin-left:auto; margin-right:auto;margin-top:25px}

.main {position:relative;margin-left:11em;margin-right:160px;padding:0 0 0 1em}

.container {position:relative;height:85%;margin-top:1em}

div.sharing {
    position: relative;
    float: right;
    margin: 0 0 1em .5em;
    height: 24px;
}
.crumbDiv {
    background: var(--g-bgcol-4);
    background-image: linear-gradient(150deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .20));
    padding: .2em;
    margin: 1em 0 0 0
}

.crumbDiv a {text-decoration:none;padding:.2em}
/*.crumbDiv a:hover {background-image:linear-gradient(50deg, rgba(0,0,0,0), rgba(0,0,0,.20));}*/

.menu {border-right:1px solid var(--g-bgcol-4);float:left;position:absolute;top:0px;text-align:left}
.menu a {display:block;text-decoration:none;padding:1px 1px 1px 0em;margin:3px 0 0 0;background:none;color:var(--g-tcol-d)}
.menuFnt {font-weight:400;font-size:9pt;color:var(--g-tcol-d)}

.menu a:hover, div.menuGrp:hover {
    color: var(--g-tcol-h);
    background-color: var(--g-bgcol-4);
    background-image: var(--grd-145-d);
}

div.menuGrp {margin:1px 0 2px 0;height:1.5em;background:none}
div.menu div.dhr {padding:0;margin: .5em 0 .5em 0;height:1px}

div.menuGrp:hover div:first-child { border-bottom: none; padding:0;margin:0}
div.menuGrp > div.popup { display: none; width: 12em; padding-top: 1px;}

div.menuGrp:hover > div.popup {display: block;}

div.menuGrp em { text-decoration:none; font-style:normal;display: block; padding:0;}

div.popup {
    position: relative;
    top: -1.5em;
    left: 11em;
    background: var(--g-col-blk);
    margin: 0;
    border: 1px solid var(--g-bgcol-4);
    z-index: 1;
    padding: .5em .5em 0 .5em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

div.popup a {margin-bottom:4px;}
div.popup a:hover { background-color: var(--g-col-blk);}
div.popup div, div.popup a { display:block; text-decoration: none;margin:0;height:1.5em;padding:0}
/* div.popup div + div, div.popup a + a {} */

.sectionDiv, .cdsectionDiv {width:20em;text-align:left;padding:0;margin:0 0 .5em 0;background:var(--g-bgcol-3); 
  font-size:11pt;position:relative;border:1px solid var(--g-bgcol-4)}
.cdsectionDiv {background:none}

.sectionDiv a, .cdsectionDiv a {
    display: block;
    text-decoration: none;
    padding: 1px .5em;
    color: var(--g-tcol-n);
    transition: color .3s linear;
}

.sectionDiv a:hover, .cdsectionDiv a:hover {background:var(--g-col-blk); background-image:var(--grd-145-d); color:var(--g-tcol-h)}

.appletPara {margin-right:1em;border:1px solid var(--g-col-blk)}
.warningTxt {color:red}
.titleRow {background:var(--g-bgcol-3); background-image:var(--grd-145-d);}

.fList {width:45em;text-align:left;border-right:5px solid #999;margin-left:1em;list-style-type:none;background:var(--g-bgcol-3)}
.fList a {display:block;text-decoration:none;border:1px solid var(--g-bgcol-3); padding:1px 0 1px 0;border-right:1px}
.fList a:hover {border-bottom:1px solid #999;background:var(--g-bgcol-3)}

/* ant is a style for a floating div with small font for page annotations */
.lrv, .ant{font-style:italic;font-weight:300;font-size:8pt}
.ant{text-align:right;width:35em;padding:3px;padding-right:1em;position:relative;float:right;margin-bottom:1em}

.dcap:first-letter {float:left;padding:0 .1em 0 0;margin:0;font-size:48pt;font-weight:400;}
.kbd {font-style:italic;font-weight:600}

div.rvImgIcon {float:left;width:90px;margin:0 .5em 0 0;position:relative;}
div.rvImgIcon img {width:90px;height:50px;border:solid 1px}

/* style set for review items, used in knives, flashlights, etc*/
.rvitemdiv {
    width: 40em;
    text-align: left;
    padding: 0;
    font-size: 10pt;
    color: var(--g-tcol-n);
    border: 1px solid var(--g-bgcol-4);
    border-radius:3px;
    position: relative;
    margin: 0 0 1em 0;
    overflow: hidden
}
.rvitemdiv img {position:relative;float:right;top:1px;left:1px;}
.rvitemdiv a:link img, .rvitemdiv a:visited img{padding:0;margin:0px;border:1px solid var(--g-col-blk)}

.rvitemttl {color:var(--g-tcol-n);text-shadow:1px 1px 2px var(--g-col-blk)}

.rvitemttl a:link, .rvitemttl a:visited {
    position: relative;
    display: block;
    background: var(--g-bgcol-5);
    background-image: var(--grd-145-d);
    text-decoration: none;
    border: 1px solid var(--g-bgcol-5);
    padding: 1px 0 1px .5em
}
.rvitemttl a:hover {color: var(--g-tcol-h);border:1px solid var(--g-bgcol-4);background:var(--g-bgcol-7);}

.rvitemcont{font-size:8pt;margin:.5em 1px 1px .5em;}
.rvPageCtn{width:41em;text-align:center;overflow:auto}

/* new short review item div, */

.rvLeftCol, .rvRightCol {width:24em;text-align:left;margin:0em 0 1em 0}
.rvLeftCol {float:left;}
.rvRightCol {margin-left:25em;}

div.rvSecTtl{ width:auto;text-align:center; font-size:12pt; font-style:italic;color:var(--g-tcol-h); margin-bottom:1em}

div.rvitemsh {
    width: 23em;
    text-align: left;
    padding: 0px;
    font-size: 10pt;
    color: var(--g-tcol-h);
    position: relative;
    margin: 0 0 1.5em 0;
    border: 1px solid var(--g-bgcol-4);
    transition: border .5s linear 0s;
}

div.rvitemsh:hover {border:1px solid var(--g-tcol-h);transition: border .5s linear 0s;}
div.rvitemsh a:link img {border:none;margin:0;padding:0;background:none;}
div.rvitemsh a:hover {background:none;}
div.rvitemsh a:link, div.rvitemsh a:visited{text-decoration:none;color:var(--g-tcol-h);padding:0;}

div.rvitemprice {
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    padding: .3em 0 .3em 0;
    margin: 0;
    background: -webkit-linear-gradient(top, var(--g-bgcol-3), var(--g-bgcol-2), var(--g-bgcol-3));
}

div.rvitemshlt {font-size:8pt;float:left;border:1px solid var(--g-bgcol-4);margin:1em;border-collapse:collapse;}

div.rvitemshrt {font-size:8pt;margin:.5em 1px 1px 100px;line-height:180%}

div.rvitemshttl {
    text-align: center;
    height: 3em;
    padding: .3em 1em;
    font-size: 10pt;
    color: var(--g-tcol-h);
    text-shadow: 1px 1px 2px var(--g-col-blk);
    background: -webkit-linear-gradient(top, var(--g-bgcol-3), var(--g-bgcol-2), var(--g-bgcol-2), var(--g-bgcol-2), var(--g-bgcol-3));
}

div.rvitemshttl div {display:inline-block;vertical-align:middle;}
/* The class below inserts magic element before every rvitemshttl which causes child div to be aligned vertically centered. */
div.rvitemshttl:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -.25em;}


.mnuTbl {width:30em;border:1px solid var(--g-tcol-n);border-collapse:collapse}
.mnuTbl td {border:1px solid var(--g-tcol-n);padding:0.2em;text-align:left}
.mnuTbl th {font-size:11pt;font-weight:normal}
.mnuTbl th a{padding:0; text-decoration:none;}
.mnuTbl a {text-decoration:none;display:block;padding-left:3em}
.mnuTbl a:hover {
    background: var(--g-col-blk);
    background-image: var(--grd-180-d);
    text-shadow: 2px 2px 2px var(--g-col-blk);
}

.vtbl {border:none; width:35em;font-weight:normal}
.vtbl td {font-size:9pt;padding:7px;text-align:center;border:1px ridge var(--g-tcol-n); background:var(--g-col-blk)}


.cLeftCol {float:left;width:340px}
.cRightCol {margin-left:350px}
.cLeftCol, .cRightCol {text-align:left;margin-right:1em}
ul.cListMain {list-style-type:none;margin-top:0;margin-left:0;}
ul.cListMain li {font-size:10pt;font-style:italic;color:var(--g-tcol-h);padding-left:.5em}
ul.cListMain li img {margin-right:.5em}
ul.cList {text-align:left;list-style-type:none;padding-left:1em;margin-bottom:.5em;}
ul.cList li {font-size:9pt;padding-top:.2em}
ul.cList a:hover, ul.cListMain a:hover {background:none;color:var(--g-col-orange);}

.btny, .glCtl {
    color: var(--g-tcol-n);
    background-color: var(--g-bgcol-4);
    background-image: var(--grd-145-d);
    text-align: center;
    border: 1px solid var(--g-bgcol-4);
    padding: .2em;
    font-size: 9pt
}

.editBox, .btny, .brdtbl td {text-align:left}
.srchD   {width:26em; position:relative;border:1px solid var(--g-bgcol-4);padding:3px 10px 3px 10px}
.editBox {width:33em}
.glCtl {font-size:9pt}
.glSrTbl {width:120px;border:solid 1px var(--g-bgcol-4)}
.glSrTbl a:link img, a:visited img{border:none}
.glSrTbl a:hover img {background:var(--g-col-blk)}


/*music*/
.dstbl {border:none;width:60em}
.dstbl td, .dstbl th {width:12em;margin:0;padding:1px;border:1px solid var(--g-tcol-n);text-align:center;font-size:8pt}
.dstbl td>a:link img {position:relative;top:3px}

/*firearms*/
.gtbl {width:25em;border-collapse:collapse;font-weight:normal}
.gtbl th, .gtbl td {border:1px solid var(--g-tcol-d);padding:2px .5em 2px .5em}
.gtbl th {
    font-size: 11pt;
    background-color: var(--g-col-blk);
    background-image: var(--grd-180-d);
}

.impLinks a {text-decoration:none;padding:.1em .5em .1em .5em}
.impLinks a:hover{text-decoration:underline;background:none}

/* Tooltip support */
.tipDataSrc{visibility:hidden;margin:0;padding:0;position:absolute;}
div#tipDiv { color:var(--g-tcol-n); font-size:9pt; border:none;background:none; width:250px;}

div.stkCont {
    border: 1px solid var(--g-bgcol-4);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: auto;
    background: var(--g-bgcol-2);
    padding: 3px;
    color: var(--g-tcol-n);
    font-size: 8pt;
}

div#tipDiv div.txt { padding:3px; color:var(--g-tcol-n);font-size:8pt;}
div#tipDiv div.img { text-align:center; padding:3px;}

div.stkTtl {
    padding: 2px 2px 2px .5em;
    color: var(--g-tcol-h);
    background: var(--g-bgcol-3);
    text-shadow: 2px 2px 2px var(--g-col-blk);
    border: 1px solid var(--g-bgcol-4);
    font-size: 9pt;
    border-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

div.stkTtl a:link img, div.stkTtl a:visited img, div.stkTtl a:active img {float:right;border:1px solid var(--g-bgcol-4);margin:0;}

/* Ajax based autosuggest div support */
.suggestDiv {
    position: absolute;
    padding: 4px;
    top: 0px;
    left: 0px;
    color: var(--g-tcol-n);
    font-size: 9pt;
    background: var(--g-col-blk);
    overflow-y: auto;
    text-align: left;
}
.suggestDiv a {text-decoration:none; display:block;border:1px solid var(--g-col-blk);background:var(--g-col-blk);color: var(--g-tcol-n);}
.suggestDiv a:hover {text-decoration:none; display:block;border:1px solid var(--g-bgcol-4);background:var(--g-col-blk);color: var(--g-tcol-n);}

/* scrollbar support */
.scrlContent { position: absolute; top:0px; left:0px;}
.scbContainer{width:13px;}

.OScbUp, .OScbDown {
    position: absolute;
    border: 1px solid var(--g-bgcol-7);
    font-size: 0px;
}

.OScbUp {width: 11px;height: 10px;background: var(--g-bgcol-4) url(http://images.zknives.com/icons/sbup.png)}
.OScbDown {top: 190px;width: 11px;height: 10px;background: var(--g-bgcol-4) url(http://images.zknives.com/icons/sbdown.png)}

.OScbTrk {width: 11px; position: absolute;top: 10px;border:1px solid var(--g-bgcol-7);background-color: var(--g-bgcol-4);}
.OScbBtn {position: absolute;width: 9px; height: 20px;background-color: var(--g-bgcol-7);
    background-image: linear-gradient(90deg, var(--g-bgcol-4), var(--g-bgcol-7), var(--g-bgcol-4));
}


/*dialog support*/
.zkVeil { cursor: not-allowed;background-color: var(--g-col-blk);filter:alpha(opacity=50);-moz-opacity:.5;opacity: .5;
  position: absolute;display: none;top: 0px;left: 0px;}

.zdlgBtn {
    text-align: center;
    width: 6em;
    font-size: 10pt;
    border: 1px solid var(--g-bgcol-5);
    padding: 2px 0 3px 0px;
    margin: 2px 5px 0px 0px;
    color: var(--g-tcol-h);
    background-color: var(--g-col-blk);
    background-image: var(--grd-180-d);
    box-shadow: 2px 2px 4px var(--g-col-blk);
    border-radius: 5px;
}
div.zDlg {
    position: absolute;
    display: block;
    width: auto;
    background-color: var(--g-bgcol-2);
    color: #acacac;
    border:0;
    visibility: hidden;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
div.zDlg .Title {
    background-color: var(--g-col-blk);
    background-image: var(--grd-180-d);
    color: #acacac;
    font-size: 10pt;
    color: var(--g-tcol-h);
    padding: 2px 0px 4px 5px;
    cursor: move;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-shadow: 2px 2px 2px var(--g-col-blk)
}

div.zDlg .btnDiv {text-align:center;margin:10px 0px 10px 0px;}
div.zDlg .Title img {float:right; margin:1px 5px 0 0;}
div.zDlg .ContentArea {margin: 16px;}


/* Title Images */

-->