@charset "UTF-8";
@media all and (max-width : 899px ){
html, body {font-family:Tahoma;margin: 0;box-sizing: border-box;}
header {padding:0.75em; height:11em;background-color:#0c19cf;display: block;position:relative;top: 0;left:0; z-index: 4;}
#navbar {position:absolute;width:100%;max-width:55.99em;z-index:2;padding-top: 3.7em;background:#AFCB5A;cursor:pointer;margin:0;}
#navbar ul, #navbar li{list-style: none;list-style-position:inside;        margin:0;        padding:0;}
#NavButton {background:#AFCB5A;border:none;position:absolute;top:0;right:0.75em;content:"\2261";font:bold 4em Tahoma;line-height:0.75em;color:#333;z-index:2;}
.Hidden{display: none;}
#Select {position:relative;top:55px;}
#logo:hover, #Home:hover {content: "Read this -"}
main {max-width: 800px;margin: 0 5px;}
h1, h2, h3 {text-align: center;white-space: pre-wrap;max-width:100%;box-sizing: border-box;}
#Heading {font-size: 2.5em;margin: 2em 0 1em;text-align:center;}
h2{font-size:18px;}
.box {position: relative; display: table; width: 100%; margin: auto;padding: 5px;box-sizing: border-box;list-style: inside; }
.col {width: 100%;min-width: 100px; white-space: pre-wrap; -webkit-column-rule: 3px double; -moz-column-rule: 3px double;column-rule: 3px double;border-style:double;display: table-cell; padding:0 20px; margin:auto;clear: right;float: left;box-sizing: border-box;}
.other{max-height: 350px;}
.index{max-height: 800px;}
/* Images for Table & Radio page */	
.manyimg{max-width:100px;display:inline-block;}
/* Tabbox */
nav.tab, section.tab, div.tab{margin:0 2em; overflow:hidden;border:1px solid #ccc;background-color:#0000FF;box-sizing: border-box;}
nav.tab button, section.tab button, div.tab button{background-color: #0000ff;float: left;border:double;border-color: #0000ff;padding: 9px 5px;transition: 0.3s;font-size: 17px;color: #ffffff;}
nav.tab button:hover, section.tab button:hover, div.tab button:hover{background-color:#c04912;transition: 0.8s;}
nav.tab button.active, section.tab button.active, div.tab button.active{background-color:#00cc30;border:double;transition: 0.8s;}
.tabcontent {display:none;padding:6px 12px;border:1px solid #ccc;border-top: none;}
.Ddoc, .Butt, #Detailsman {margin: 100px 0;box-sizing: border-box;white-space:nowrap;font-weight: normal;padding:10px; text-decoration:none;color:#FFFFFF;border-style: double;border-width: 4px;border-radius: 9px;line-height: 4;}
.Ddoc{background-color:#00cc30;border-color: #333;}
.Butt{background-color:#0c19cf;border-color: #98b1c4;}
.Butt:hover, .Ddoc:hover	{background-color:#c04912;border-color: #98b1c4;}
pre{font-family: Garamond;white-space: pre-wrap;}
/* Breadcrumb */
.side{display:flex;list-style: inside none; border: groove thick; border-radius: 20px;max-width: 80%;position: relative; left: 5%;}
.roman{position: relative;text-align: center;}
/* Radio Page Css */
.row{margin:10px -16px;}
/* Add padding BETWEEN each column */
.row, .row > .column{padding:8px;}
/* Create three equal columns that floats next to each other */
.column{float:left;width: 25%;display:none;}
/* Clear floats after rows */ 
.row:after{content:"";display:table;clear:both;}
/* Content */
.bodycontent{}
/* Code for the filtered radio elements */
.showbody{display:block;}
.Pos {text-align: center;}
/* Product Page Css */
.Desc, .border {list-style: inside;}
.Desc {display: table-cell;border-style:double;padding: 10px;-webkit-column-rule: 3px double;-moz-column-rule: 3px double;column-rule: 3px double;width: 100%;min-width: 100px;clear: right;float: left;box-sizing: border-box;}
.BigImg, .bodiedimg {max-height:100%;max-width:250px;display:inline-block;vertical-align:top;}
.BigBoyImg {text-align: center; max-height: 100%; max-width: 350px; }
.Fix {position:fixed;top:-222px;}
.Mix {position:absolute;top:-20px;}
.Top {top:200px;}
.Top.Fix  {top:0px;}
.ROC_dropCart {right:10px;z-index:3;margin: -2px 25px 0px 0px;padding: 6px 3px 5px 3px;width:294px;height:237px;border:solid 1px #000000;background-color:#ffffff;color:#535353;}
.ROC_dropCart iframe {width:294px;height:235px;margin:1px 0px 0px 0px;position:absolute;z-index: 1;}
.ROC_dropCartOpts {width:294px;height:23px;margin:0px -2px 0px 0px;padding:2px 0px 0px 0px;position:absolute;z-index: 2;top: 223px;}
.ROC_dCBkt {display:block;float:left;height: 15px;width: 160px;padding: 2px 0px 0px 0px;}
.ROC_dCBktArr {display:block;float:left;height: 15px;width: 15px;cursor: default;}
.ROC_dCEmpty {margin:0px 0px 0px 6px;background-color: #ffffff;color: #a1a1a1;}
a.ROC_dCChk {display: block;float: right;width: 124px;height: 16px;padding: 1px 0px;margin: 0px 0px 2px 0px;text-align: center;
text-decoration: none;background-color: #eeeeee;border: solid 1px #717171;color: #000000;}
a:link.ROC_dCChk {display: block;float: right;width: 124px;height: 16px;padding: 1px 0px;margin: 0px 0px 2px 0px;text-align: center;
text-decoration: none;background-color: #eeeeee;border: solid 1px #717171;color: #000000;font-family: arial,sans-serif;font-size: 12px;}
a:visited.ROC_dCChk {display: block;float: right;width: 124px;height: 16px;padding: 1px 0px;margin: 0px 0px 2px 0px;text-align:center;text-decoration: none;background-color: #eeeeee;border: solid 1px #717171;color: #000000;font-family: arial,sans-serif;font-size: 12px;}
a:hover.ROC_dCChk {display: block;float: right;width: 124px;height: 16px;padding: 1px 0px;margin: 0px 0px 2px 0px;text-align: center;text-decoration: none;background-color: #eeeeee;border: solid 1px #717171;color: #000000;font-family: arial,sans-serif;font-size: 12px;} 
a:active.ROC_dCChk {display: block;float: right;width: 124px;height: 16px;padding: 1px 0px;margin: 0px 0px 2px 0px;text-align: center;text-decoration: none;background-color: #eeeeee;border: solid 1px #717171;color: #000000;font-family: arial,sans-serif;font-size: 12px;}

.bodyimg{height: 100px;display:inline-block;}
.modal { display: none; position: fixed; z-index: 3; padding-top: 100px; left: 0; top: 0; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9);}
.modal-content { margin: auto; display: block; width: 80%; max-width: 400px;z-index: 3;}
/* Detail Page Css */
#Detailsman{position: relative; text-align: center;left:42%;background-color:#c04912;border-color: #98b1c4;}
#Detailsman:hover{background-color:#00cc30;border-color:#0c19cf;}	
#Detail, #Detail2, #Detail3,#Detail4{display: none;}
/* Table Page Css */
.box tr, .box th{border-style:double;border-collapse:collapse;padding:10px;font-size: 12px;}
.box td {max-width: 50%;list-style:inside circle;}
.Content {height: 4000px;margin:0;}
.Content, .Foot, .modal {width:100%;}
.Foot {height: 415px;}
/*Try to remove */
#myImg, .bodyimg, #myImg4, #myImg5, #myImg6,#myImg7, #myImg8 {border-radius: 5px;cursor: pointer;transition: 0.3s;}
#myImg:hover, #myImg1:hover, #myImg2:hover, #myImg3:hover, #myImg4:hover, #myImg5:hover, #myImg6:hover, #myImg7:hover, #myImg8:hover{opacity: 0.7;}
#caption, #caption2, #caption3, #caption4, #caption5, #caption6, #caption7, #caption8  { margin: auto; display: block; width: 80%; max-width: 400px; text-align: center; color: #ccc; padding: 10px 0; height: 150px;}
.IdntKnwLv { font-size: 20px;border: double;background-color:#0c19cf; color:#DFE7EE; border-color: #98b1c4; }
.modal-content, #caption, #caption2, #caption3, #caption4, #caption5, #caption6, #caption7, #caption8 { -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s;}
#close, #close2, #close3, #close4, #close5, #close6, #close7, #close8 {position: absolute; top: 15px; right: 35px; color: #f1f1f1;
font-size: 40px; font-weight: bold; transition: 0.3s;}	
#close:hover, #close:focus, #close2:hover, #close2:focus, #close3:hover, #close3:focus, #close4:hover, #close4:focus, #close5:hover, #close5:focus, #close6:hover, #close6:focus, #close7:hover, #close7:focus, #close8:hover, #close8:focus {color: #bbb; text-decoration: none; cursor: pointer;}
.tooltip { position: relative; display: inline-block;}
.refurb{-webkit-column-rule: 3px double;-moz-column-rule: 3px double;column-rule: 3px double;border-style:double;max-width: 95%;margin: auto;list-style: inside;display: table;}
.refurb img{display: block;max-width: 300px;margin: 10px auto;}
.border{border-style:double;max-width: 95%;margin: auto;text-indent: 10px;}
.tooltip .tooltiptext {visibility: hidden; background-color: black; color: #fff; text-align: center; position: absolute; z-index: 1;}
.tooltip:hover .tooltiptext { visibility: visible; -webkit-transition-delay: 2.5s; transition-delay: 2.5s;}
.coms{background-color:#717070; border-style: double;border-width: 1px;border-radius: 3px;border-color: #98b1c4;padding: 10px 20px;height:350px;overflow: hidden;}
#collect, .midcom {padding: 3px;float:right;clear:right;position:relative;bottom:45%;}
address {padding: 5px 10px;text-align:center;box-sizing: border-box;background-color:#717070;color:#FFFFFF;text-transform:uppercase; letter-spacing:2px;border-top-width:2px;border-style:double;border-width:1px;border-radius:3px;border-color: #98b1c4;}
.email{position: absolute; top:0.5em; right:0.5em;}
.email a, .email {text-decoration:none;color:#ffffff;text-align:right;font-size: 1em;line-height: 1.25em; }
#Search{width: 10em;}
}