*, *:before, *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;}
body{margin:0;}
.columnsContainer, .column{position:relative;margin:.5em;overflow:auto;}
.leftColumn{padding:1.25em;margin-bottom:.5em;padding-top:100px;}
.rightColumn{padding:1.25em;}
.right, .left{padding:5px;margin-right:5px;}
.left .leftbox, .left .clearbtn, .left .newbtn, .left .usedbtn, .left #showadvanced{width:98%;margin:8px auto 8px;}
.left .leftbox{margin-top:25px;border:1px solid #ddd;padding:10px;outline:none;overflow:auto;border-radius:5px;}
.leftadvanced, .rightadvanced{margin:5px 10px;border:1px solid #ddd;padding:10px;outline:none;overflow:auto;border-radius:5px;}
.leftadvanced select{width:32%;outline:none;}
.advanced-desc{font-size:20px;margin:0 0 28px 0;font-family:Arial, Helvetica, sans-serif;font-weight:550;color:#008000;text-align:center;}
@media screen and (min-width:600px){.rightColumn,.rightadvanced{float:right;width:55%;min-width:400px;}
.leftColumn{width:40%;}
.right{float:right;width:56%;}
.left{float:left;width:42%;}
}
.leftColumn h2{font-size:38px;margin:0 0 28px 0;font-family:Arial, Helvetica, sans-serif;font-weight:700;text-align:center;}
.leftColumn h3{font-size:30px;margin:0 0 28px 0;font-family:Arial, Helvetica, sans-serif;font-weight:550;color:#008000;text-align:center;}
.leftColumn h4{font-size:16px;margin:0 0 30px 0;font-family:'Times New Roman', Times, serif;font-weight:100;font-style:italic;text-align:center;}
.header-slogan{position:relative;font-family:Arial, Helvetica, sans-serif;font-size:20px;bottom:8px;left:10px;font-weight:bold;color:#008000;display:inline;}
#header-logo{position:relative;z-index:2;margin-top:20px;float:left;padding-left:55px;display:block;}
.topnav{overflow:hidden;background-color:#fff;font-family:Arial, Helvetica, sans-serif;margin-top:5px;}
.topnav a{float:left;display:block;color:green;text-align:center;padding:5px 10px;text-decoration:none;font-size:15px;font-weight:700;}
.topnav .topnav-container{background-color:#fff;float:right;}
.topnav a:hover{background-color:#ddd;color:black;}
.topnav a.active{background-color:#4CAF50;color:white;}
.topnav .icon{display:none;}
.dropdown{float:left;overflow:hidden;}
.dropdown .dropbtn{font-size:17px;border:none;outline:none;color:#f2f2f2;background-color:green;padding:14px 16px;margin:0;}
.dropdown-content{display:none;position:absolute;background-color:#fafafa;min-width:160px;box-shadow:2px 8px 16px 0px rgba(0,0,0,0.2);font-family:arial;z-index:1;}
.dropdown-content a{float:none;color:green;padding:12px 16px;text-decoration:none;display:block;font-size:15px;text-align:left;}
.dropbtn::after{content:' \25be';}
.dropdown:hover .dropbtn{background-color:red;}
.dropdown-content a:hover, .dropdown:hover .dropbtn{background-color:#ddd;color:black;}
.dropdown:hover .dropdown-content{display:block;}
::placeholder{font-size:12px;opacity:0.7;}
input[type=text], input[type=password], select, textarea{width:98%;padding:8px;margin:5px 0 12px 0;display:inline-block;border:none;background:#f1f1f1;border-radius:5px;font-size:16px;}
#usedbook select, .urefine select{width:32%;outline:none;}
input[type=text], textarea{border:1px solid #ccc;}
input[type=text]:focus, input[type=password]:focus{background-color:#ddd;outline:none;}
input[type=text]:hover, input[type=password], select:hover, .checkbox:hover{background-color:#ddd;}
button{background-color:#4CAF50;color:white;padding:14px 20px;border:none;cursor:pointer;width:100%;font-weight:600;font-size:16px;border-radius:5px;}
button:hover{background-color:#063d8f;color:white;}
.clearbtn, .usedbtn, .newbtn{float:left;width:54%;border-radius:5px;align-items:center;color:white;background:#1E90FF;padding:10px 20px;margin:8px 10px;border:none;cursor:pointer;font-weight:600;font-size:14px;outline:none;}
.clearbtn{background:#8aca2b;width:36%;}
.usedbtn{background:#1E90FF;}
.comparebtn{width:25%;padding:6px 12px;color:white;outline:none;text-decoration:none;display:block;}
@media only screen and (max-width:930px) and (min-width:600px){.clearbtn{width:33%;}
.usedbtn, .newbtn{width:52%;}
}
@media screen and (max-width:599px){.topnav a:not(:first-child), .dropdown .dropbtn{display:none;}
.topnav a.icon{float:right;display:block;}
.header-slogan{font-size:2.5vw;}
.comparebtn{width:80%;}
}
@media screen and (max-width:599px){.topnav.responsive{position:relative;}
.topnav.responsive .icon{position:absolute;right:0;top:0;}
.topnav.responsive a{float:none;display:block;text-align:left;}
.topnav.responsive .topnav-container{float:none;}
.topnav.responsive .dropdown{float:none;}
.topnav.responsive .dropdown-content{position:relative;}
.topnav.responsive .dropdown .dropbtn{display:block;width:100%;text-align:left;}
}
.container{padding:2px;}
.clearfix::after{content:"";clear:both;display:table;}
.form-control{display:block;}
label{width:100%;display:block;font-size:15px;clear:left;}
.checkbox, #checkit{padding:10px;background-color:#eee;display:inline-block;outline:none;width:32%;margin-top:2px;vertical-align:top;}
#checkit{width:97%;background-color:#d6f2ea;}
#advanced{display:none;}
#advanced-btn{margin:70px auto 10px;}
#advanced-btn a{text-decoration:none;}
#showadvanced{margin:0 auto 0;padding:3px;font-size:14px;background-color:#e0b900;width:35%;position:relative;text-align:center;border-radius:5px;box-shadow:1px 5px 10px #888;font-weight:600;overflow:auto;}
#showadvanced::after{content:' \25be';}
#showadvanced a:link{text-decoration:none;}
#showadvanced:hover{background-color:#ddd;}
@media screen and (max-width:600px){.clearbtn, .usedbtn, .newbtn{width:94%;}
label{width:100%;}
input[type=text], input[type=password], select, textarea{padding:6px;margin:5px 0 14px 0;}
.leftColumn,.left{padding:1.25em;margin-bottom:.5em;padding-top:10px;}
.checkbox{width:47%;}
#showadvanced{width:95%;left:0;}
}
#tabs{overflow:auto;clear:both;box-shadow:1px 5px 15px #888;border-radius:5px;}
.ui-widget-header{background:#fff;font-size:16px;font-weight:600;border:none;padding-left:15px;}
#tabs .ui-widget-content{padding:10px;border-radius:5px;background:#fff;font-size:80%;overflow:auto;border:none;}
.tabs-smaller .ui-tabs-nav li{margin-top:0.6em;font-size:80%;}
.tabs-smaller .ui-tabs-nav li.ui-tabs-selected,
.tabs-smaller .ui-tabs-nav li.ui-state-active{margin-top:0em;font-size:100%;}
.ui-tabs-anchor{outline:none;}
.searchdesc, .ebay, .searchsave, .comparison{margin-left:10px;margin-bottom:10px;display:inline-block;}
.searchdesc,.comparison{display:block;width:100%;}
.newresult{font-family:'Source Sans Pro','Arial','Helvetica',sans-serif;display:inline-block;margin:20px 10px 10px 5px;line-height:19px;font-weight:500;}
.newresult a{text-decoration:none;}
.newresult a:hover{background-color:#198cf0;color:black;}
.ntitle{padding-top:10px;font-weight:700;font-size:20px;margin-left:10px;color:#0066c0;}
.hrecord{font-size:17px;margin-left:50px;padding-bottom:10px;}
.nimg{float:left;overflow:auto;margin:10px 15px 10px 3px;}
.newlabel, .pricelabel,.tlabel{display:none;}
.ndesc, .nauthor{padding-bottom:3px;margin:5px auto 5px 10px;}
.nauthor{font-style:italic;}
.ncompare{padding:2px 20px;border:1px solid #06b62c;padding:1px 3px;text-decoration:none;border-radius:5px;font-size:13px;font-family:'Source Sans Pro', Arial, Helvetica, sans-serif;font-weight:400;color:#06b62c;text-align:center;width:150px;margin:0px auto 5px 10px;line-height:40px;}
.comparison{color:green;font-weight:700;font-family:'Source Sans Pro', Arial, Helvetica, sans-serif;text-align:center;}
.split{border-bottom:1px solid #ccc;margin-left:10px;}
.uresult,.nresult{width:100%;overflow:auto;margin-top:10px;display:table;margin:10px 5px;}
.nresult{font-size:16px;}
.urecord, .urecordx, .nrecord, .nrecordx, .srecord, .tabrow{display:table-row;margin:1px 5px 2px;width:99%;overflow:auto;padding:2px 1px 5px 2px;position:relative;background-color:#ddeeee;}
.urecordx{background-color:#F0F8f8;}
.tabrow{background-color:#fff;}
.tabcell-left{display:table-cell;width:10%;text-align:right;margin:5px;padding:5px;font-weight: 600;font-family:Arial, Helvetica, sans-serif;}
.tabcell-right{display:table-cell;width:88%;padding:5px !important;}
.nrecord, .nrecordx, .srecord{font-family:'Source Sans Pro', Arial, Helvetica, sans-serif;}
.srecord{margin:5px 5px 5px;}
.nrecordx{background-color:rgb(240, 240, 240);}
.nrecord, .srecord{background-color:#fff;}
.nrecord:hover, .nrecordx:hover, .srecord:hover{background-color:rgb(247, 246, 206);box-shadow:-1px 2px 5px;}
.usimilar{width:100%;display:block;background-color:#198cf0;color:white;font-family:Arial, Helvetica, sans-serif;text-align:center;overflow:auto;padding:5px;margin:1px;}
.uhead,.nhead{background-color:#006666;display:table-row;color:#fff;font-weight:600;text-align:center;}
.nhead{background-color:green;}
.urefine{width:50%;font-family:Arial, Helvetica, sans-serif;overflow:auto;margin:15px auto 15px;border-radius:5px;box-shadow:1px 5px 15px;}
.urefine .rhead{background-color:#00661f;display:block;color:#fff;font-weight:600;text-align:center;padding:5px;}
.urefine .rsort{padding:10px 2px 5px 10px;}
.utitle, .htitle{display:table-cell;width:30%;overflow:auto;font-weight:700;}
.utitle{color:#111;text-decoration:none;}
.utitlelink{color:#111;}
.utitle, .uauthor, .uprice, .udealer, .udesc, .htitle, .hauthor, .hprice,.hdealer,.hdesc, .buyat, .bprice, .sprice, .tax, .total, .stock, .shipping, .memo, .priceshipping{border:1px solid #fff;display:table-cell;padding:3px 3px 3px 15px;overflow:auto;overflow-x:hidden;vertical-align:top;}
.bprice, .sprice, .tax, .total, .memo{width:5%;padding-top:5px;margin-top:5px;line-height:25px;vertical-align:baseline;}
.stock, .shipping{vertical-align:baseline;}
.bprice, .sprice,.tax{text-align:right;}
.buyat{width:15%;padding:12px;font-size:18px;line-height:35px;}
.totalprice{color:red;border:1px solid red;padding:5px 20px;font-weight:500;font-family:Arial, Helvetica, sans-serif;outline:none;text-decoration:none;margin:0 auto 0;line-height:55px;text-align:center;font-size:18px;}
.used{border:1px solid #bbb;padding:5px;margin:2px;line-height:14px;text-align:center;display:inline-block;}
.perpage select{width:50px;display:inline-block;font-size:12px;line-height:15px;outline:none;padding:2px;margin:2px;border-radius:0;border:1px solid transparent;}
.perpage{font-size:14px;float:right;}
.perpage .select-selected{background-color:DodgerBlue;}
#hidden-id{display:none;}
.stock, .shipping{width:14%;}
.priceshipping{width:85%;}
.uauthor,.hauthor{width:15%;}
.uprice,.hprice{width:5%;}
.udealer,.hdealer{width:15%;}
.udesc,.hdesc{width:33%;}
.general-btn, .quote-btn, .general-new,.memo-btn{border:1px solid #06b62c;padding:1px 3px;margin:50px 5px;text-decoration:none;border-radius:5px;font-size:13px;font-family:'Source Sans Pro', Arial, Helvetica, sans-serif;font-weight:400;color:#06b62c;}
.memo-btn{border:1px solid #198cf0;color:#198cf0;}
.quote-btn{display:none;}
.increase:hover, .decrease:hover, .quote-refresh:hover, .utitle a:hover{background-color:#198cf0;color:black;}
.general-btn:hover, .quote-btn:hover, .totalprice:hover, .general-new:hover, .memo-btn:hover{background-color:#198cf0;color:white !important;border:none;}
.cogpc, .cogmb{opacity:1;display:inline;text-decoration:none;}
.cogmb img, .cogpc img{width:16px;height:16px;float:right;margin:2px 2px;}
.cogpc img{background-color:green;}
.fontsizemb,.fontsizepc{display:none;font-weight:400;font-family:'Source Sans Pro',Arial, Helvetica, sans-serif;font-size:14px;}
.fontsizepc{margin:0 auto 0;}
.fontsizemb{float:right;margin-right:20px;overflow:hidden;}
.increase, .decrease{width:14px;color:black;padding:2px 2px 0px 0px;background-color:#fff;border:1px solid #198cf0;font-family:'Source Sans Pro',Arial, Helvetica, sans-serif;outline:none;}
.cogmb{display:none;}
.quote{max-width:400px;background-color:#f8f2c0;border-radius:5px;box-shadow:1px 5px 10px #888;margin:5px auto 5px;padding:10px;}
.quote-content{font-size:16px;}
.quote-refresh{text-decoration:underline;color:blue;text-align:center;font-family:'Source Sans Pro', Arial, Helvetica, sans-serif;}
.quote-author{text-shadow:black;text-align:right;}
.general-center{text-align:center;font-family:'Source Sans Pro', Arial, Helvetica, sans-serif;}
.contact-container, .searchbox{width:50%;margin:30px auto 30px;border:1px solid #ddd;padding:10px;outline:none;overflow:auto;}
.search-bar{width:350px;display:inline-block;padding:0;margin:0;height:35px;position:relative;overflow:hidden;float:right;}
.search-bar .search-bar-input{padding:4px;font-size:17px;border:1px solid #ddd;border-right:none;float:left;width:77%;background:#f1f1f1;border-radius:2px;}
.search-bar .topsearch-btn{padding:3px;float:left;width:20%;background:#2196F3;color:white;font-size:17px;border:1px solid grey;border-left:none;border-radius:2px;margin:6px -1px;}
.fa::before{content:url('../icons/search.png');}
.topsearch-btn:hover{background-color:#87cefa;}
@media screen and (max-width:600px){.tabcell-left, .tabcell-right{display:inline-block;text-align:left;margin:0;padding:0;}
.tabrow{display:block;padding:0;margin:0;}
.rightColumn{padding:5px;}
#tabs{box-shadow:1px 5px 25px #ddd;}
.newquote{display:none;}
.quote{margin:5px;}
.urecord, urecordx{display:block;}
.nrecord, .nrecordx, .srecord, .urecord, .urecordx{padding:5px 5px 15px;display:block;border-radius:5px;box-shadow:1px 1px 5px #888;width:95%;margin-bottom:10px;}
.utitle, .uauthor, .uprice, .udealer, .udesc{border:none;line-height:1.2;width:98%;display:block;padding:3px 3px 3px;margin:1px 2px 2px;font-family:'Source Sans Pro', Arial, Helvetica, sans-serif;}
.priceshipping{float:right;width:70%;}
.buyat,.bprice, .sprice, .tax, .total, .memo,.stock, .shipping{width:95%;display:block;border:none;font-family:'Source Sans Pro','Arial','Helvetica',sans-serif;line-height:15px;}
.buyat,.bprice, .sprice, .tax, .total{margin:0 6px;}
.buyat{margin-left:30px;}
.newlabel{display:inline;}
.pricelabel{display:inline-block;width:100px;text-align:right;position:absolute;right:80px;}
.used{position:absolute;right:200px;line-height:20px;padding:2px 5px;}
.tlabel{position:relative;display:inline-block;margin-right:20px;text-align:right;position:absolute;right:140px;}
.totalprice{margin-right:20px;line-height:15px;float:right;}
.udesc{font-family:'Times New Roman', Times, serif;}
.urefine, .contact-container, .searchbox{width:97%;}
.ucurr{display:inline;}
.uprice{color:red;}
.uauthor::before{content:"Author: ";}
.uprice::before{content:"Price: ";}
.udealer::before{content:"Site: ";}
.uhead, .nhead{display:none;}
.cogmb{display:inline;position:absolute;right:35px;}
.ncompare{width:60%;}
.hrecord{margin-left:15px;padding-bottom:10px;}
.search-bar{display:none;}
}
.copyright{width:100%;margin:150px auto 25px;font-size:14px;text-align:center;}
.disclosure{width:60%;margin:50px auto 50px;font-size:14px;}
.asc, .desc{color:yellow;text-decoration:none;}
.asc::after{content:'\25b2';}
.desc::after{content:'\25bc';}
.hsort{margin:0 auto 0;}
nav[role="navigation"]{text-align:center;font-size:14px;}
.cd-pagination{margin:5px auto 5px;text-align:center;}
.cd-pagination li{display:inline-block;margin:10px 2px;}
.dotdot{display:inline-block;margin:0px;padding:0px;}
.cd-pagination li.button{display:inline;}
.cd-pagination a, .cd-pagination span{display:inline;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:.3em .4em;}
.cd-pagination a{border:1px solid #e6e6e6;border-radius:0.25em;color:#2E4057;text-decoration:none;}
.cd-pagination a:hover{background-color:#87cefa;}
.cd-pagination a:active{-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);-o-transform:scale(0.9);transform:scale(0.9);}
.cd-pagination a.disabled{color:rgba(46, 64, 87, 0.4);pointer-events:none;}
.cd-pagination a.disabled::before, .cd-pagination a.disabled::after{opacity:.4;}
.cd-pagination .button:first-of-type a::before{content:'\00ab  ';}
.cd-pagination .button:last-of-type a::after{content:' \00bb';}
.cd-pagination .current{background-color:green;border-color:green;color:#ffffff;pointer-events:none;}
@media only screen and (min-width:768px){.cd-pagination li{display:inline;}
}
@media only screen and (max-width:768px){.search-bar{width:250px;}
}
@media only screen and (min-width:1170px){.cd-pagination{margin:0.5em auto 1em;}
}
#topBtn{display:none;position:fixed;bottom:10px;right:30px;z-index:99;font-size:12px;border:none;outline:none;background-color:#aaa;color:white;cursor:pointer;padding:3px 15px;border-radius:4px;width:80px;}
#topBtn:hover{background-color:#555;}
.new{border-bottom:2px solid red;}
