html {
      font-size: 100%;
}

body {
        height: 100%;
        margin-top: 0px;
        color: #000000;
        text-align: center;
}

img { border: 0; max-width: 80%; height: auto;}

#date {
      width: 100%;
	  margin: auto;
      text-align: center;
	  font: italic 1.2em Arial, sans-serif;
}

#facebook {float: right; margin-top: -30px;}


h1 {
      margin-top: 5px;
      text-align: center;
      font-size: 2.2em;
      padding: 0;
      padding-top: 10px;

}

h3        {
          font-size: 1.5em;
}

hr {
      width: 90%;
      margin: auto;
   }


a {
        color:#3C98FF;
        text-decoration: none;
}

a:hover {
        color:#3C98FF;
}

a.electricblue {
        color: #3C98FF;
        font-size: 1.2em;
}

a.electricblue:hover {
        color:#DFDFDF;
}

a.electricbluelarge {
        color: #3C98FF;
        background: black;
        font-size: 1.5em;
}

a.electricbluelarge:hover {
        color:#DFDFDF;
        background: black;
}

.masthead {
	    display: none;
}

.current {
        margin: 0;
        padding: 0;
}


#content {
        width: 100%;
        margin: 0 auto;
        background: url(background5.gif) repeat-y;
        padding: 0 30px;
        text-align: left;
        font-family: Arial, sans-serif;
        overflow: scroll;
}

#mobile {
        display:block;
}

#mobile h1 {
        padding-top: 20px; font-family: Times New Roman, serif; font-style: italic;
        } 

#main {
        margin-top: 30px;
        z-index: 1;
}


#logo {
        position: absolute;
        z-index: 5;
        left: -5px;
        top: -5px;
}


#searchbox {
           margin-top: 20px;
}

fieldset { border: 0px;}

#news {
        width: 90%;
        padding: 20px;
        margin-top: -10px;
}


#news li {
        line-height: 2;
}


#newsticker {
        margin-left: 50px;
	    text-align: left;
}

#newsticker a {
        font: 16px Arial, helvetica, sans-serif;
}


#graphic {
	    clear: both;
        margin-top: 20px;
        margin-bottom: 20px;
}

#links {
        text-align: center;
}

#links li {
        text-align: left;
        float: left;
        font-size: 1em;
        padding: 10px;
}

div#links a span {display: none;}

div#links a:hover {
          display: block;
}

div#links a:hover span {
	      position: absolute;
	      display: block;
	      padding: 2px; margin: 5px; z-index: 100;
	      color: #000; background: #91C5FF;
        font-size: 1.2em;
}

#updates {
	     width: 100%;
         color: #AAAAAA;
         text-align: left;
}

#updates p {
        margin-left: 40px;
        font-size: 1.5em;
}

#updates li {
        font-size: 1.2em;
        padding: 10px;
}

#updates p.indent {
        margin-left: 90px;
}

#updates li {
        font-size: 1.2em;
        padding: 10px;
}

#mega a {
		display: block;
		padding: none;
        padding-left: 20px;
		text-align: left;
	}
    
#mega li {
      display: none;
}   
      
#mega li.current {
		display: block;
        padding: 0;
        background: none;
        }
       
#mega li.current: hover {
        border-bottom: 0;

        }

#mega ul:hover li {
		display: block;
        width: 250px;
	}



#mega {
width: 100%;
list-style:none;
clear: both;
margin:0;
margin-top: 0;
margin-left: -15px;
margin-bottom: 10px;
padding:0;
float: none;
position: relative;
z-index: 10;
}

#mega li {
margin: 0;
padding: 2px 0;
float:none;
text-align:center;
position:relative;
}

#mega li.home {
border-left: 0;
margin-left: 1px;
}

#mega li:hover {
position: relative;
z-index: 100;
}

#mega li:hover a {
color: #016481;
position: relative;
z-index: 100;
}

#mega li.home:hover {
border-bottom: 1px solid gray;
}

#mega a {
display:block;
color: #62B0FF;
font: 1.2em arial, helvetica, sans-serif;
text-transform: uppercase;
text-decoration:none;
}



/* ----------- Hide/Show Div ---------- */
#mega div {
position:absolute;
left:-999em;
margin-top:3px;
background: #D5E9FF;
padding: 0 0 15px 10px;
border-top: 0;
font-weight:normal;
text-align:left;
margin-left: 1px;
}

#mega div.narrowleft {
width: 240px;
margin-top:3px;
background: #D5E9FF;
border-top: 0;
font-weight:normal;
text-align:left;
}

#mega div.narrow {
position:absolute;
left:-999em;
margin-top:3px;
background: #D5E9FF;
padding: 0 0 30px 10px;
border-top: 0;
font-weight:normal;
text-align:left;
}

#mega li:hover div {
left:-1px;top:auto;
}

#mega li.dif:hover div {
left:-1px;
}

#mega li.dif:hover div.narrow {
left:-1px;
width: 240px;

}


/* --------- Within Div Styles --------- */

#mega div h2 {
font: bold 11pt "Trebuchet MS", sans;
margin:12px 0 5px 0;
float:left;
}

#mega div p {
float:left;
padding-left:30px;
padding-right:0;
margin:0px;
}

.menuhead {
font: bold 10pt "Trebuchet MS", sans;
margin:10px 0 2px -20px;
float:left;
}

.menuheadleft {
font: bold 10pt "Trebuchet MS", sans;
margin:10px 0 2px 10px;
float:left;
}

#mega div a {
text-transform: none;
text-decoration:underline;
float:left;
clear:left;
}

#mega div a:hover {
text-decoration:none;
}

#mega div.menuleft {
	border: 0;
}

#mega div.menuright {
	margin-left: 230px;
	border: 0;
}

.leftButton {
    display: none;
}

#transbox {
        width: 90%;
        margin: 20px auto;
        background-color: #555;
        text-align: left;
        padding-left: 10px;
        filter:alpha(opacity=60);
        -moz-opacity:0.6;
        opacity: 0.6;
        }

#transbox p {
        position: relative;
        filter:alpha(opacity=100);
        -moz-opacity:1.0;
        opacity: 1.0;
         color: #fff;
        font-size: 1.2em; 
        }


ul.nobullet {list-style: none;}

.clear {clear: both; height: 20px;}

.centre {text-align: center;}

.right {text-align: right;}

.indent {margin-left: 50px; }

.spacer30 {margin-top: 30px;}

.spacer50 {margin-top: 50px;}

#discog img {margin-right: 5px; margin-bottom: 5px;}

hr {color: #00001A; background-color: #00001A; height: 2px; clear: both;}

hr.half {width: 90%; text-align: center;}

em {background-color: #ffff00; font-weight: bold; color: #ff0000; }

table {font: normal 7pt Arial, sans-serif; max-width:90%;}

td.white {background-color: #ffffff;}

td.roundcorner {line-height: 0;}

td.boxout {background-color: #00001f; color: #ffffff; font-weight: bold; text-align: center;}

table.discog {font-size: 8pt;}

table.discog td {padding-right: 10px; vertical-align: top; padding-bottom: 10px;}

td select {font: normal 9pt Arial, sans-serif; margin-left: 20px;}

table.cd img {margin-top: 10px; margin-bottom: 30px;}

table.shopmenu td {text-align: center; width:20%; border:1px dotted #555; }



P.newsdate {font: italic small Arial, sans-serif; margin-top: -20px; margin-bottom: 30px;}


a  {
	color: #00346A;
}

img.add {
    vertical-align:middle;
    width: 110;
    height: 28;
}

#content2 {
	width: 500px;
	background-color: #D1D8E0;
	margin: 0 auto;
	text-align: left;
	padding: 30px;
	font-family: Arial, sans-serif;
}

#logo {float: left; position: relative; left: -14px; top: -22px; margin-bottom: -19px;}

#logo a {display: block; width: 150px; height: 104px; background: url(/web/20141006233928/http://www.bjharvest.co.uk/logo.gif);}

#date {clear: both; float: left; font: italic small Arial, sans-serif; margin-top: 10px;}

#rss {clear: both; text-align: right; position: relative; top: -15px;}

#rss img {border: 0;}

#content P.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	text-align: center;
}


#shoptable {
    width: 100%;
    overflow: scroll;

}

#shoptable h1 {
    background: #FFFFFF;
    font-size: 16pt;
    text-align: left;
    padding: 10px;
    margin-bottom: 0px;
}

#column1, #column2, #column3, #column4 { 
    clear: both;
    background: #FFFFFF;
    float: none;
    margin-left: -70px;} 


.item {
    width: 180px;
    height: 180px;
    border:dotted 1px gray;
    margin: 5px;
    margin-top: 10px;
    padding: 5px;
    font-size: 9pt;
    text-align: right;
    position:relative;
    float: right;
    right: -100%;
    

}

.item img {
    margin: 3px;
}

.item p {
    position: absolute; bottom: 42px; left: 10px;
    text-align:center;
}

.cart {
    position: absolute; bottom: 10px; right: 0px;}

.item a {
    text-decoration:none; 
}
    
.item a:hover {
    color:#0080C0; 
}
    
#payment {
	margin: 40px 50px 40px 50px;
	border: 1px solid black;
	padding: 20px;
	font-size: 9pt;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
}

#payment p {
	color: #008000;
	padding: 10px;
}


#payment h3 {
	margin: 0;
	margin-bottom: -20px;
}


#boxout {
	display: block;
    width: 90%;
	margin: auto;
	margin-top: 0px;
	padding: 20px;
	text-align: center;
	border: 1px inset;
}

#boxout2 {
	margin: 20px 90px 50px 90px;
	border: 1px inset;
	padding: 20px;
	text-align: left;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
}

#giglist {
	margin-top: 60px;
}


#giglist table {
	margin-top: 30px;
}

#giglist table th {
	padding-bottom:10px;
}

#giglist table td {
	padding:0;
	padding-right:10px;
	vertical-align: top;
}

.leftButton {
    display: none;
}


@media screen  and (max-width: 979px) /* Tablet */ {
  body {
    background: black;
  }
}
 
@media screen and (max-width: 500px) /* Mobile */ {
  body {
    background: black;
  }
  span.cartimg {display:none; }
  span.carttxt {display:inline-block; }
}
  .carttxt {color: red;}