@charset "UTF-8";
@media all and (min-width: 900px){
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;}
.AJXCSSMenuEdVUbCC,.AJXCSSMenuEdVUbCC_n,.AJXCSSMenuEdVUbCC *,.AJXCSSMenuEdVUbCC_n * {box-sizing:border-box;}
.AJXCSSMenuEdVUbCC {position: -webkit-sticky;  position: sticky; left:5px;top: 0;width:146px;text-align: center;z-index:2;line-height:0;border:1px solid #98b1c4;border-radius:0 0 3px 3px;background:#AFCB5A;box-shadow:3px 3px 10px rgba(0,0,0,.5);}
.AJXCSSMenuEdVUbCC ul {display:inline-block;margin:0;padding:0;list-style-type:none; left:20%;}
*+html .AJXCSSMenuEdVUbCC ul {display:inline;}
.AJXCSSMenuEdVUbCC li {margin:0 2px;}
.AJXCSSMenuEdVUbCC li:first-child {margin-left:0;}
.AJXCSSMenuEdVUbCC li:hover,.AJXCSSMenuEdVUbCC li.ajxover {position:relative;}
.AJXCSSMenuEdVUbCC a,.AJXCSSMenuEdVUbCC_n a {display:block;overflow:hidden;}
.AJXCSSMenuEdVUbCC>ul>li>a {height:60px;white-space:nowrap;padding:0 10px 0 10px;font:16px Tahoma;line-height:60px;text-decoration:none;text-transform:none;text-align:center;border:0;border-radius:0 0 3px 3px;color:#333333;transition:background-color 0.3s linear,color 0.3s linear;background:none;}
.AJXCSSMenuEdVUbCC>ul>li:hover>a,.AJXCSSMenuEdVUbCC>ul>li.ajxover>a {color:#ffffff;background:#c04912;}
.AJXCSSMenuEdVUbCC>ul>li>a.ajxsub {padding:0 10px 0 10px;background:none;}
.AJXCSSMenuEdVUbCC>ul>li:hover>a.ajxsub,.AJXCSSMenuEdVUbCC>ul>li.ajxover>a.ajxsub {position: static;background:#c04912;}
/* Look here for lots of change */
.AJXCSSMenuEdVUbCC li ul {position:absolute;left:-9999px;top:-9999px;width:142px;height:auto;display:inline-block;vertical-align:top;font-size:0;float:none;padding:0;border:1px solid #98b1c4;border-radius:3px 3px 3px 3px;background:#AFCB5A;box-shadow:3px 3px 10px rgba(0,0,0,.5);}
.AJXCSSMenuEdVUbCC li:hover > ul,.AJXCSSMenuEdVUbCC li.ajxover > ul {left:144px;top:0px;}
.AJXCSSMenuEdVUbCC li li { width:140px;margin:0;margin-top:1px;}
.AJXCSSMenuEdVUbCC li li:first-child {margin-top:0;}
.AJXCSSMenuEdVUbCC li li a {height:auto;white-space:normal;padding:21px 10px 21px 10px;font:16px Tahoma;line-height:16px;text-decoration:none;text-transform:none;text-align:left;border:1px solid #00cc30;border-radius:3px 3px 3px 3px;color:#333333;background:none;}
.AJXCSSMenuEdVUbCC li li:hover>a,.AJXCSSMenuEdVUbCC li li.ajxover>a {border-color:#ffffff;color:#ffffff;background:#c04912;}
.AJXCSSMenuEdVUbCC li li a.ajxsub {width:140px;padding:21px 10px 21px 10px;background:none;}
.AJXCSSMenuEdVUbCC li li:hover>a.ajxsub,.AJXCSSMenuEdVUbCC li li.ajxover>a.ajxsub {position: static;background:#c04912;}
.AJXCSSMenuEdVUbCC li li:hover > ul,.AJXCSSMenuEdVUbCC li li.ajxover > ul {left:140px;top:-1px;}
#navbar {float: left;}
#logo:hover, #Home:hover {content: "Read this -"}
.email a, .email {text-decoration:none;color:#ffffff;text-align:right;font-size: 1.1em;line-height: 1.25em; }
.bodycontent a {text-decoration: none;}
#Select {position:relative;top:55px;}
.sticky {  position: fixed;top: 0;left:5px;} 
.manyimg,.modal-content,.container,.BigBoyImg,.refurb img,.container input:checked ~ .checkmark:after {display: block;}
.BigImg, .bodyimg, .bodiedimg, .tooltip {display: inline-block;}
.Content {height: 3000px;margin:0;}
.Content, .Foot, .modal {width:100%;}
.Foot{height:351px;}
.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;}.showbody {display: inline-block;float: left;}
.tabcontent, .modal, .Hideme, .checkmark:after, #Detail {display:none;}
.tabcontent li {list-style: inside;}
.refurb {display: table;}
.box {display: table-row; }
.col,.Desc {display: table-cell;}
/* Positioning */
.container input, .checkmark, .checkmark:after, .tooltip .tooltiptext {position: absolute;}
.roman, .Results, .container, .bodiedimg, .tooltip, #Detail {position: relative;}
#Heading {font-size: 2.5em;margin: 2em 0 1em;text-align:center;}
h2, h3, .manyimg, .roman, .Results, .Hideme, .tooltip .tooltiptext {text-align:center;}
.BigImg, .Desc, .Spider, .col {vertical-align:top;}
.box,.col,.manyimg,.BigImg,.bodyimg,.modal-content,.BigBoyImg,.SimpleLogo,.refurb,.border {margin:auto;box-sizing: border-box;}
/* Padding */
.Desc, .Ddoc, .Butt, #Detailsman {padding:10px;}
.Spider, .col {padding:20px;}
.tooltip .tooltiptext, .box { padding: 5px 0;}
/* Float */
nav.tab button, section.tab button, div.tab button, .bodiedimg, .showbodies, .fb-page {float: left;}
/* Borders */
.Desc, .col { -webkit-column-rule: 3px double; -moz-column-rule: 3px double;column-rule: 3px double;}
.itab {position: relative; text-align: center; }
.checkmark { border-style: groove; }
.Ddoc, .Butt, #Detailsman, .checkmark {border-width: 4px;}
.checkmark, .container .checkmark:after { border-radius: 50%;}
/* Colours */
.Ddoc, #Detailsman:hover, nav.tab button.active, section.tab button.active, div.tab button.active {background:#AFCB5A; }
#Detailsman, .Butt, .Butt:hover, .Ddoc:hover {border-color: #98b1c4; }
.Butt:hover, .Ddoc:hover, #Detailsman, nav.tab button:hover, section.tab button:hover, div.tab button:hover {background:#c04912; }
#Detailsman:hover{ border-color:#0c19cf;}
.tooltip .tooltiptext, .Ddoc, .Butt, #Detailsman, nav.tab button, section.tab button, div.tab button {color: #ffffff;}
.Ddoc{border-color: #333;}
.Butt, nav.tab button, section.tab button, div.tab button {background:#0c19cf; }
/* 3rd Dimension */
.roman { 	z-index: 1;}
.tooltip .tooltiptext, .modal-content { z-index: 5;}
/*Size */
.bodyimg{max-height: 150px;max-width: 150px; }
.BigImg{max-height:400px;max-width:400px;}
.TabImg {height:300px;width:300px;max-height: 100%;max-width: 100%;	 }
.modal-content {max-width: 100%; max-height: 800px;}
.refurb, .border {max-width: 95%;}
/* 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:20%;display:none;font-size:13px; }
.Lockers  {font-size:13px;width:300px;}
.contentbody  {width: 80%;background-color: white;padding: 10px;}
/* Clear floats after rows */ 
.row:after {content:"";display: table;clear: both;}
/* Content */
.bodycontent{background-color: white;padding: 10px;text-align: center;}
/* Code for the filtered radio elements */
.showbody{display: inline-block;float: left;}
.spacer{display: inline-block;float: left;padding: 10px;}
/* Mixed */
#Detailsman{position: relative; text-align: center;left:42%;}
nav.tab, section.tab, div.tab{overflow:hidden;}
.border{text-indent: 10px;}
.tooltip { border-bottom: 1px dotted black; }
.refurb img{ max-width: 350px;margin: 10px auto;}
.Meerkat {width: 80%;height: 700px; background-color:#98b1c4; }
nav.tab button, section.tab button, div.tab button { padding: 14px 16px; border-color: #ffffff; transition: 0.3s;font-size: 17px; }
nav.tab button.active, section.tab button.active, div.tab button.active, nav.tab button:hover, section.tab button:hover, div.tab button:hover {transition: 0.8s;}
.tabcontent {padding:6px 12px; border-top: none;}
.Ddoc, .Butt, #Detailsman{font-weight: normal; text-decoration:none; line-height: 4;border: double;white-space:nowrap; border-radius: 9px;}
.Desc, .border {list-style: inside;}
.Desc {width: 500px;}
.Pos {text-align: center;}
.Splitup{width:25%;padding:20px;clear:both;float: left;}
.modal {position:fixed;padding:100px 0 0;left:0;top:0;height:100%;background-color:#333;z-index: 4;}
.Hideme {float: right;vertical-align: bottom;}
.container{ padding:0 0 0 35px; margin: 0 0 12px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.container input { opacity: 0;}
.checkmark { top: 0;left: 0;height: 25px;width: 25px;background-color: #ffffff; }
.container:hover input ~ .checkmark {background-color: #ccc;}
.container input:checked ~ .checkmark {background-color: #2196F3;}
.checkmark:after {content: ""; }
.container .checkmark:after {top: 9px;left: 9px;width: 8px;height: 8px; background: white;}
figcaption {font-size:11px;}	
.bodiedimg {height: 200px;left:5px;padding: 0 15px}	
.FatMan{max-height:30px;max-width:260px;text-align: left; }
.BigBoyImg{max-height:600px;max-width:800px; }
.SimpleLogo{ margin:auto; }
.Spider{border-collapse:collapse; }
.showbodies{display: inline-block; }
.fb-page{margin-right: 10px;}
#myImg, .bodyimg {border-radius: 5px;cursor: pointer;transition: 0.3s;}
#myImg:hover {opacity: 0.7;}
.caption, #caption  { margin: auto; display: block; width: 80%; max-width: 700px; 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, #caption { -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s;}
#close{position: absolute;top: 15px; right: 35px;color: #f1f1f1;font-size: 40px; font-weight: bold; transition: 0.3s;}
#close:hover, #close:focus {color: #bbb; text-decoration: none; cursor: pointer;}
.tooltip .tooltiptext {visibility: hidden; width: 120px; background-color: #333; border-radius: 6px;}
.tooltip:hover .tooltiptext { visibility: visible; -webkit-transition-delay: 2.5s; transition-delay: 2.5s;}
address{vertical-align:top;text-align:center;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;font-size: 20px;}
}

@media all and (max-width: 1250px) and (min-width: 900px){

#logo {position:relative;left:5em;float: left;}
.email{position: absolute; top:0.6em; right:0.6em;}
main {width:auto ;margin-left: 100px;box-sizing: border-box;}
.manyimg{max-width:200px;height:200px;}
.itab{left:5%;}
.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%;}
.slide, .stuck {text-align: center; position: relative;top: 280px;z-index:3;left:40%;}
.side li {color:#fff;display: list-item;height: 60px;width:150px;list-style-type: none; background: #0c19cf;margin: 0 5px 0 0;}
.side a {color:#fff;font:16px Tahoma;  text-align: center; width:130px;text-decoration: none;margin: 10px 0;}
.side li:hover{border-color:#ffffff;color:#ffffff;background:#c04912;}}
	
@media all and (min-width: 1251px){
#logo {position:relative;left:10em;float: left;}
.email{position: absolute; top:0.6em; right:1.6em;}
#Select{position: relative;bottom:300px;}
main {max-width: 87em;margin: 0 12em;}
.manyimg{max-width:250px;height:250px;}
.itab{left:18%;}
.coms{position: absolute;width:160px;text-align: center;top:13em;right:20px;}
.slide {position: absolute; left: -35px;  top: 185px;z-index:3;}
.stuck {  position: fixed;top: -16px;left: -35px;z-index:3;}
.side li {color:#fff;display: inline-flex;border:1px solid #98b1c4; border-radius:0 0 3px 3px; box-shadow:3px 3px 10px rgba(0,0,0,.5);height: 60px;list-style-type: none; background: #0c19cf;margin: 0 5px 0 0;}
.side a {color:#fff;font:16px Tahoma;  text-align: center; width:130px;text-decoration: none;margin: 10px 0;}
.side li:hover{border-color:#ffffff;color:#ffffff;background:#c04912;}}