html {
    height: 100%;
}
body {
    font-family:"Segoe UI",Tahoma,Helvetica,Sans-Serif;
    background:url('https://www.vintageguitarandbass.com/graphics/bg.gif');
    height: 100%;
    margin: 0 auto 0 auto;
    background-attachment: fixed;
}
.show767{
    display: none;
}
h1 {
    margin:0 0 4px 0;
    font-weight:bold;
    font-size:180%;
}
h2 {
    font-size:160%;
}
h2.grey {
    margin: 0;
    background:#eee;
    padding:0.125em;
    width:100%;
}
h2.bigtopmargin {
    margin-top: 16px;
}
h3 {
    font-size:130%;
}
h3.nomargin {
    margin: 0;
}
h3.grey {
    margin: 0;
    background:#eee;
    padding:0.125em;
    width:100%;
}
h3.xmltitle {
    margin: 4px 0 2px 0;
    font-size: 150%
}
h4 {
    font-style: italic;
    margin: 4px 0 4px 0;
}
h4.recommended {
    color:#fff;
    font-style:normal;
    font-weight:bold;
    background-color:#3AA;
    padding:4px;
}
h5 {
    font-weight:bold;
    margin: 2px 0 2px 0;
}
a, a:hover, a:visited, a:link, a:active {
    color:#3AA;
    text-decoration:none;
}
a.redtext {
    color:#f00;
    text-decoration:none;
}
a.btn-vgb {
    color:#eee;
    text-decoration:none;
    font-weight:bold;
}
p.large {
    font-size: 120%;
    margin:0;
}
p.nomargin {
    margin: 0;
}
LI {
list-style-position:inside;
}
UL {
margin-left:0;
padding-left:8px;
}
OL.nomargin {
margin-left:0;
padding-left:0px;
}
HR.thick {
    height:2px;
    border-width:0;
    color:#000;
    background-color:#3AA
}
#topbar {
    z-index:10;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    position:fixed;
    top: 0;
    left: 0;
}
.topbarstyle{
    display: block;
    position: relative;
    z-index: 10;
    margin: 0 auto;
    padding: 0em;
    max-width: 75em;
    background-color:#fff;
    opacity: 0.97;
    height: 4.125em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0 4px 4px -0.125em rgba(0,0,0,0.5);
}
.itemcontainer {
    display: block;
    overflow: hidden;
    padding: 8px;
    background-color: white;
    margin:10px 0 10px 0;
}
#search {
    display:inline-block;
    position:relative;
    padding: 8px;
    margin-right: 1em;
}
#menu {
    display:inline-block;
    border-radius:8px;
    width:2.5em;
    height:2.5em;
    padding:0;
    margin:0;
    float:right;
    position:relative;
    right: 1em;
    top: 4px;
}
#page {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0 8px 0 8px;
    max-width: 75em;      /* 1200px / 16px = 75em */
    background-color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#headerimage {
    display:block;
    position:relative;
    top: 4.125em;
    width:100%;
    max-width: 75em;
    overflow:hidden;
    background-color:#000;
    margin: 0 auto 4.125em auto;
}
#headerimage2 {
    position:relative;
    top: 4.125em;
    width:100%;
    max-width: 75em;
    height:8.75em;
    overflow:hidden;
    background-color:#000;
    margin: 0 auto 5em auto;
}
#slideshow {
    display: block;
    position: relative;
    overflow:hidden;
    max-width: 74em;    /* 1184px; */
    height: 16em;    /* 256px */
    margin: 0;
}
#slideshow > div {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow:hidden;
    max-width: 74em;    /* 1184px; */
}
#line {
  position:relative;
  border-radius:0.125em;
  top: 1.125em;
  right: 4px;
  background: #66cccc;
  float:right;
  display: inline-block;
  height: 4px;
  width: 2em;
  z-index: 20;
}
#line:after {
  background: #66cccc;
  content: "";
  display: inline-block;
  border-radius:0.125em;
  height: 4px;
    position: absolute;
    top: 0.562em;
    width: 2em;
  z-index: 20;
}
#line:before {
  background: #66cccc;
  content: "";
  display: inline-block;
  border-radius:0.125em;
  height: 4px;
    position: absolute;
    top: -0.562em;
    width: 2em;
  z-index: 20;
}
#line.hover2 {
  background: #FFF;
}
#line.hover2:after {
  background: #FFF;
}
#line.hover2:before {
  background: #FFF;
}
#menu_hit_area {
    position:absolute;
    top: 0;
    left: 0;
    display: block;
    width: 2.5em;
    height: 2.5em;
    z-index: 30;
}
.hover {
    background-color: #33aaaa;
}
.menu_pt1 {
    display: block;
    padding: 0 1em 1em 2em;
}
.menu_pt2 {
    display: block;
    width: 60em;
    height: 16em;
    padding: 8px 1em 1em 1.5em;
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
    vertical-align: top;
    -webkit-column-width: 20%;
    -moz-column-width: 20%;
    column-width: 20%;
}
#slidingDiv {
    display: block;
    position: relative;
    z-index: 50;
    max-width: 74em;
    background-color: #000;
    padding: 8px;
    margin: 0;
    -moz-box-shadow: 0 4px 4px -0.125em rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 4px 4px -0.125em rgba(0,0,0,0.5);
    box-shadow: 0 4px 4px -0.125em rgba(0,0,0,0.5);
}
.container {
    width: 100%;
    padding:0;
    margin:0;
}
.main {
    width: 100%;
    padding:0;
    margin:0 0 8px 0;
}
.sideright {
    display: block;
    margin-top: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-left: 1em;
    border-left: solid #000;
    border-left-width: 0.125em;
    height:100%;
}
.dropdownmenucontainer {
    display:table;
    height: 2.5em;
}
.lightgrey {
    background-color: #EEE;
}
.darkgrey {
    background-color: #666;
}
.whitebg {
    background-color: #FFF;
}
.boldwhite {
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
}
.redtext {
    color:#F00;
}
.white {
    color: #FFF;
    text-decoration: none;
}
a.white {
    color: #FFF;
    text-decoration: none;
}
a.forumlink {
    color: #666;
    text-decoration: none;
}
.black {
    font-weight: bold;
    color: #000;
    text-decoration: none;
}
a.black {
    font-weight: bold;
    color: #000;
    text-decoration: none;
}
.navtext {
    font-variant: small-caps;
    font-size: 90%;
}
.floatright {
    float: right;
}
.floatleft {
    float: left;
}
.pad0 {
    padding: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.pad2 {
    padding: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.pad4 {
    padding: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.pad8 {
    padding: 8px;
}
.pad4right {
    display: block;
    overflow: hidden;
    padding: 4px;
    margin: 8px 0em 8px 8px;
    float: right;
}
.pad4left {
    display: block;
    overflow: hidden;
    padding: 4px;
    margin: 8px 8px 8px 0em;
    float: left;
}
.clearer {
    clear: both;
    height: 0;
}
#footer {
    z-index:5;
    max-width: 75em;
    padding: 8px 32px 4px 32px;
    margin:auto;
    color: #fff;
    background-color:#000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#prefooter {
    display:block;
    overflow:hidden;
    z-index:5;
    max-width: 75em;
    padding: 16px 40px 16px 40px;
    margin: auto;
    color: #fff;
    background-color:#333;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom:1px solid #000;
}
#prefooter2 {
    display:block;
    overflow:hidden;
    z-index:5;
    max-width: 75em;
    padding: 16px 32px 16px 32px;
    margin: auto;
    background-color:#222;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#prefooter3 {
    display:block;
    overflow:hidden;
    z-index:5;
    max-width: 75em;
    padding: 16px 40px 16px 40px;
    margin: auto;
    color: #000;
    background-color:#fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom:1px solid #000;
}
.footercolumnstyle{
    float:left;
    padding: 1em;
}
#maplink{
	position: relative;
	width: 100%;
	padding-bottom: 77%;
	vertical-align: middle;
	margin: 0;
	overflow: hidden;
}
#maplink svg { 
	display: inline-block;
	position: absolute;
	top: 0; left: 0;
}
.ebayAPIouter{
    position:relative;
    width:48%;
    height:180px;
    padding:4px;
    margin:8px;
    background-color:#eee;
    overflow:hidden;
}
.ebayAPIinner{
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    position:relative;
    margin:8px;
    padding:4px;
    display:inline-block;
    overflow:hidden;
    background-color:#eee;
    height: -webkit-calc(100% - 1em);
    height: -moz-calc(100% - 1em);
    height: -o-calc(100% - 1em);
    height: calc(100% - 1em);
    width: -webkit-calc(100% - 1em);
    width: -moz-calc(100% - 1em);
    width: -o-calc(100% - 1em);
    width: calc(100% - 1em);
}
.ebayAPIouter:before, .ebayAPIouter:after
{
    content:"";
    position:absolute; 
    z-index:-1;
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    border-radius:100px / 10px;
} 
.ebayAPIouter:after
{
    right:10px; 
    left:auto; 
    transform:skew(8deg) rotate(3deg);
}
.borderleft {
    padding-left: 8px;
    border-left: solid #000;
    border-left-width: 0.125em;
}
.borderright {
    padding-right: 8px;
    border-right: solid #000;
    border-right-width: 0.125em;
}
.advertContainer {
    display: block;
    overflow: hidden;
    margin: auto;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
.dropshadow {
 -moz-box-shadow: 4px 4px 8px #aaa;
 -webkit-box-shadow: 4px 4px 8px #aaa;
 box-shadow: 4px 4px 8px #aaa;
}
.col-sm-9
{
    padding:0;
}
.block {
    display:block;
    overflow:hidden;
}
.comment {
    display: block;
    overflow: hidden;
    background-color: #EEE;
    padding: 8px;
    margin: 8px;
}
.newcommentform{
    display: block;
    width: 95%;
    padding: 4px;
    background-color: #eee;
    margin-top: 4px;
}
.replycommentform{
    display: block;
    width: 95%;
    padding: 0.125em;
    background-color: #C0D5D5;
    margin-top: 0.75em;
}
.replycomment{
    display: block;
    width: 95%;
    padding: 0 0.125em 0 8px;
    margin: 0.125em 0.125em 0.125em 1.25em;
    border-left: solid #CCC;
    border-left-width: 4px;
}
.commentform {
    display: block;
    padding: 8px;
}
.show_hide, .show_hide2, .show_hide3, .pointer {
    cursor: pointer;
}
.flexrow {
    display: flex;
    flex-direction: row;
}
.flexrow_stayrow {
    display: flex;
    flex-direction: row;
}
.flexitem {
    flex: 1;
}
.flexborder {
    padding-right: 8px;
    border-right: solid #000;
    border-right-width: 0.125em;
}
.flexwrap {
    flex-wrap: wrap;
}
.flexcol {
    display: flex;
    flex-direction: column;
}
.flexmargin8 {
  margin: 0 8px 0 0;
}
.flexmargin16 {
  margin: 0 16px 0 0;
}
.breakword {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
}
.nicebox {
    border: 8px solid #eee;
    border-radius: 12px;
    padding:4px 16px 16px 16px;
}
.nicebox2 {
    background-color: #eee;
    border-radius: 24px;
    padding:8px 8px 8px 8px;
}
.ebaytitle {
    margin:0 0 0 16px;
}
.border1 {
   border: 1px solid black;
}
.twocols {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
.threecols {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
.fivecols {
    -webkit-column-count: 5; /* Chrome, Safari, Opera */
    -moz-column-count: 5; /* Firefox */
    column-count: 5;
}
a.comment {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}
a.onpagelink {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}
.xmlelement {
    overflow:hidden;
}
.xmlelement2 {
    overflow:hidden;
    width:300px;
    float:left;
    height:300px;
}
.row {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    min-width: 100%;
    margin: 0;
    padding: 0;
}
article.greyborder {
    margin:0 0 2em 0;
    padding:8px;
    border: 2px solid #eee;
    border-radius:1em;
}
.vgp_inner_container {
    width:22.5em;
    height:17.25em;
    z-index:5;
    position:relative;
    border-radius:8px;
    background-color:#eee;
    padding:8px;
    margin:8px;
}
.vgp_title {
    text-align:right;
    z-index:1;
    position:absolute;
    top:1em;
    right:1em;
    padding:0.125em;
    border-radius:8px;
    background-color:#000;
    color:#fff;
    font: candara;
}
.vgp_outer_container {
    overflow:hidden;
    padding:8px;
    background-color:#fff;
    max-width:750px;
}
.vgp_float_left {
float: left;
}
.vgp_float_right {
float: left;
}
.adthumb {
    font-size:90%;
    line-height: 1.25em;
    word-wrap: break-word;
    padding: 4px;
}
.loadmore {
    display: block;
    line-height: 1.2;
    font-weight: bold;
    padding: 0.5em;
    color: #fff;
    cursor: pointer;
    background-color: #ff9933;
    max-width: 192px;
    margin: auto;
}
.border1 {
    border:1px solid black;
}
.label {
    line-height:14px;
    margin:2px;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}
.doshow400 {
    display: none;
}
.warning {
    font-size: 24px;
    font-weight: bold;
    color: #f00;
    margin:8px;
}




/* the next and previous buttons on the catalogue pages */
.imageContainer {
    position: relative;
    text-align: center;
    color: white;
}
.inner {
    position: absolute;
    top: 50%;
    margin-top: -15px; /* half icon's height */
    left: 50%;
    margin-left: -15px; /* half icon's width */
    z-index: 999;
}
.inner i:hover{
    color: rgba(255,255,255,0.9);
}
.arrow {
    color: rgba(255,255,255,0.3);
    font-size:200%;
}
.previous {
    position: absolute;
    top: 50%;
    left: 3%;
    text-align:center;
}
.next {
    position: absolute;
    top: 50%;
    right: 3%;
    text-align:center;
}
.round {
    background-color: rgba(255,255,255,0.05);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 20px;
    text-align:center;
}
.roundblack {
    background-color: rgba(0,0,0,0.2);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 20px;
    text-align:center;
}
.btn-vgb {
    color: #FFF;
    background-color: #3AA;
    border-color: #3AA;
}





.width50 {
    width: 50px;
}
.width70 {
    width: 70px;
}
.width80 {
    width: 80px;
}
.width100 {
    width: 100px;
}
.maxwidth100 {
    max-width: 100px;
}
.maxwidth160 {
    max-width: 160px;
}
.width152 {
    width: 152px;
}
.width160 {
    width: 160px;
}
.width170 {
    width: 170px;
}
.width180 {
    width: 180px;
}
.width200 {
    width: 200px;
}
.width208 {
    width: 208px;
}
.width224 {
    width: 224px;
}
.width240 {
    width: 240px;
}
.width250 {
    width: 250px;
}
.width256 {
    width: 256px;
}
.maxwidth275 {
    max-width: 275px;
}
.width280 {
    width: 280px;
}
.width300 {
    width: 300px;
}
.width320 {
    width: 320px;
}
.width328 {
    width: 328px;
}
.width336 {
    width: 336px;
}
.maxwidth336 {
    max-width: 336px;
}
.width352 {
    width: 352px;
}
.width380 {
    width: 380px;
}
.width385 {
    width: 385px;
}
.width400 {
    width: 400px;
}
.width408 {
    width: 408px;
}
.width416 {
    width: 416px;
}
.width464 {
    width: 464px;
}
.width475 {
    width: 475px;
}
.width500 {
    width: 500px;
}
.width508 {
    width: 508px;
}
.width512 {
    width: 32em;
}
.width560 {
    width: 35em;
}
.width608 {
    width: 38em;
}
.width616 {
    width: 38.5em;
}
.width656 {
    width: 41em;
}
.width690 {
    width: 43.125em;
}
.width768 {
    width: 48em;
}
.maxwidth200 {
    max-width: 200px;
}
.maxwidth250 {
    max-width: 250px;
}
.maxwidth380 {
    max-width: 380px;
}
.maxwidth400 {
    max-width: 400px;
}
.maxwidth500 {
    max-width: 500px;
}
.maxwidth560 {
    max-width: 560px;
}
.maxwidth750 {
    max-width: 750px;
}
.maxwidth754 {
    max-width: 754px;
}
.width33pc {
    width:32%;
}
.width50pc {
    width:50%;
}
.width100pc {
    width:100%;
}
.margin4 {
    margin: 4px;
}
.margin8 {
    margin: 8px;
}
.margin16 {
    margin: 16px;
}
.margin0440 {
    margin: 0 4px 4px 0;
}
.margin4040 {
    margin: 4px 0 4px 0;
}
.margin0880 {
    margin: 0 8px 8px 0;
}
.margin0080 {
    margin: 0 0 8px 0;
}
.margin0088 {
    margin: 0 0 8px 8px;
}
.margin001616 {
    margin: 0 0 16px 16px;
}
.margin8080 {
    margin: 8px 0 8px 0;
}
.margin160160 {
    margin: 16px 0 16px 0;
}
.margin016160 {
    margin: 0 16px 16px 0;
}
.margin032320 {
    margin: 0 32px 32px 0;
}
.height240 {
    height: 240px;
}
.height300 {
    height: 300px;
}
.height320 {
    height: 320px;
}
.height340 {
    height: 340px;
}
.height780 {
    height: 780px;
}
.height800 {
    height: 800px;
}
.height840 {
    height: 840px;
}

/* fix for non responsive images in mobile */
.img-responsive { 
    width:100%; 
}

.offset:before { 
 display: block; 
 content: " "; 
   height: 100px;      /* Give height of your fixed element */
        margin-top: -100px; /* Give negative margin of your fixed element */   
        visibility: hidden; 
}



/* gallery */
a,
.galleryThumbnails img {
	transition: all 150ms linear;
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
}
.galleryContainer {
	margin: 2px auto;
	max-width: 100%;
	max-height: 100%;
	overflow:hidden;
}
.galleryPreviewContainer {
	position: relative;
	max-width: 100%;
	height:auto;
}
.galleryPreviewImage img {
	max-width: 100%;
	max-height: 100%;
	display: none;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	box-shadow: 3px 3px 0 0 #eeeeee;
	position: relative;
	top: 0;
	left: 0;
}
img.previewImage1 {
	display: block;
}
.galleryPreviewArrows a {
	font-family: Arial;
	font-size: 30px;
	background: rgba(0,0,0, 0.3);
	width: 70px;
	height: 70px;
	line-height: 70px;
	display: block;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -35px;
}
a.nextSlideArrow {
	right: 20px;
	left: auto;
}
.galleryPreviewArrows a:hover {
	background: #000;
	margin-top: -40px;
}
.galleryNavigationBullets {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 60px;
}
.galleryNavigationBullets span {
	display: none;
}
.galleryNavigationBullets a {
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-right: 5px;
	background: #ddd;
}
.galleryNavigationBullets a:hover,
.galleryNavigationBullets a.active {
	background: #555;
}
.galleryThumbnailsContainer {
	max-width: 100%;
	overflow-x: auto;
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 5px 0;
}
.galleryThumbnails {
	width: 2000px;
}
.galleryThumbnails img {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	margin-right: 10px;
	border: 4px solid #e0e0e0;
	position: relative;
	top: 0;
}
.galleryThumbnails a:hover img {
	top: -5px;
	border: 4px solid #999;
}
.galleryThumbnails a.active img {
	border: 4px solid #000;
}
.embedded-video {
    margin:0;
    padding:0;
}


/* reverb */
.reverb-embedded-listings {
    list-style-type: none !important;
    float: left;
}
.reverb-embedded-listing {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 0.25em;
    box-shadow: 2px 2px 1px #f9f9f9;
    width: 240px;
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
    font-family: "Arial", "Verdana", sans-serif;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    list-style-type: none;
}
.reverb-embedded-listing a {
    text-decoration: none;
    color: #0080a5;
}
  .reverb-embedded-listing-info {
    border-top: 1px solid #ddd;
    padding: 1em;
    height: 5em;
}
.reverb-embedded-listing-title {
    display: block;
    max-height: 38px;
    color: #6f6f6f;
    font-size: 1.25rem;
    font-weight: bold;
    overflow: hidden;
}
.reverb-embedded-listing-price {
    position: absolute;
    padding: 0.75rem;
    top: 0;
    right: 0;
    font-weight: bold;
    background-color: #D27900;
    color: white;
}
.reverb-embedded-listing img {
    border-top-left-radius: 0.25em;
    border-top-right-radius: 0.25em;
    width: 100%;
}
.reverb-embedded-listing img:hover {
    opacity: 0.85; 
}











@media(max-width: 840px){
    #logo {
    width:300px;
    margin-left:8px;
    }
    #searchbox {
    width: 9em;
    height: 1.5em;
    }
    #searchbutton {
    height:1.5em;
    line-height: 2px;
    padding: 4px;
    }
    #search {
    top:0.125em;
    margin: auto;
    }
    #line {
    top: 1.125em;
    }
    #slideshow {
    height: 12em;
    }
    .topbarstyle{
    height: 3.5em;
    }
    #headerimage, #headerimage2 {
    top: 3.5em;
    }
    #menu {
    top: 0.125em;
    }
    .menu_pt1 {
    width: 52em;
    padding:8px;
    }
    .menu_pt2 {
    width: 52em;
    padding:8px;
    }
    .ebayAPIouter{
    width:47%;
    }
    .expand840 {
    width: 100%;
    }
}


@media(max-width: 767px){    /* sidebar goes horizontal at 767px */
    .sideright {
    display: block;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-left: 0;
    border: none;
    }
    .forumPostContainer
    {
    display:block;
    overflow:hidden;
    width:45%;
    height:100%;
    background-color:#eee;
    margin:0 8px 8px 0;
    padding:4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    }
    .forumPostInner
    {
    padding:4px;
    display:block;
    overflow:hidden;
    background-color:#fff;
    height: -webkit-calc(100% - 2px);
    height: -moz-calc(100% - 2px);
    height: -o-calc(100% - 2px);
    height: calc(100% - 2px);
    width: -webkit-calc(100% - 2px);
    width: -moz-calc(100% - 2px);
    width: -o-calc(100% - 2px);
    width: calc(100% - 2px);
    }
    .pad4left767
    {
    display: block;
    overflow: hidden;
    padding: 4px;
    margin: 8px 8px 8px 0em;
    float: left;
    }
    .hide767
    {
    display: none;
    }
    .show767
    {
    display: block;
    }
.fivecols {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
    }
}


@media(max-width: 700px){
    .ebayAPIouter{
    height: 210px;
    }
    .main{
    margin-right: 0;
    }
}


@media(max-width: 680px){
    #logo {
    width:200px;
    margin-left:8px;
    }
    #line {
    top: 1em;
    }
    #search {
    top:0.125em;
    }
    #slideshow {
    height: 10em;
    }
    .topbarstyle{
    height: 3em;
    }
    #headerimage, #headerimage2 {
    top: 3em;
    }
    #menu {
    top: 4px;
    right: 1.125em;
    height:2.375em;
    width:2.375em;
    }
    .menu_pt1 {
    width: 42em;
    }
    .menu_pt2 {
    width: 42em;
    height: 20em;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    vertical-align: top;
    -webkit-column-width: 25%;
    -moz-column-width: 25%;
    column-width: 25%;
    }
    .footercolumnstyle{
    float:none;
    }
    .ebayAPIouter{
    height: 230px;
    }
}


@media(max-width: 650px){
    .ebayAPIouter {
    height:260px;
    }
}


@media(max-width: 600px){
    .ebayAPIouter {
    width:97%;
    height:initial;
    }
    img.expand600 {
    width: 100%;
    }
.fivecols {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    }
}

@media(max-width: 500px){
    .forumPostContainer
    {
    width:100%;
    height:100%;
    float:none;
    }
    .flexrow {
    display: flex;
    flex-direction: column;
    }
    .flexborder {
    border-right-width: 0;
    padding-right: 0;
    padding-bottom: 8px;
    border-bottom: solid #000;
    border-bottom-width: 0.125em;
    }
    .expand500 {
    width: 100%;
    float:none;
    }
    img.expand500 {
    width: 100%;
    }
}


@media(max-width: 464px){
    #logo {
    display:none;
    }
    #search {
    top:0;
    margin-left:8px;
    }
    #line {
    width: 1.875em;
    top: 1em;
    }
    #line:after, #line:before 
    {
    width: 1.875em;
    }
    #menu {
    top: 0.125em;
    right: 1.125em;
    height:2.25em;
    width:2.25em;
    }
    #slideshow {
    height: 7em;
    }
    .topbarstyle{
    height: 2.5em;
    }
    #headerimage, #headerimage2 {
    top: 2.5em;
    }
    .menu_pt1 {
    width: 29em;
    }
    .menu_pt2 {
    width: 29em;
    height: 28em;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    vertical-align: top;
    -webkit-column-width: 33%;
    -moz-column-width: 33%;
    column-width: 33%;
    }
    .expand400 {
    max-width: 100%;
    }
    img.expand400 {
    max-width: 100%;
    }
    .nodisplay400 {
    display:none;
    }
}




@media(max-width: 400px){
    .expand400 {
    float:none;
    width: 100%;
    margin:0;
    }
    img.expand400 {
    max-width: 100%;
    }
    .borderleft {
    padding: 8px;
    border: none;
    }
    .borderright {
    padding: 8px;
    border: none;
    }
    a.comment {
    top: 0px;
    }
.dontshow400 {
    display: none;
    }
.doshow400 {
    display: block;
    }
}