body, html {
	width: 100%;
	min-width: 280px;
}



/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.FBDetailImage + h1 {
		clear: right;
	}
	.FBDetailImage {
		float: none;
		padding: 10px 20px 20px 0px;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) 
Rearrange menu and Checkout button
Go to mobile layout
*/
@media only screen and (max-width: 599px) {
	#buybooks, #buybooks:hover{
		float: none;
		width: 100%;
		background-repeat: no-repeat;
		margin: 20px;
	}

}

@media only screen and (min-width: 600px) {
	.FBDetailImage + h1 {
		clear: none;
	}

}

/* Medium devices  */
@media only screen and (max-width: 932px) {
	
	.hctext {
		padding: 6px 0px 10px 3px;
	}
	#sitetitle, #fruit, #leftcorn, #rightcorn {
		display: none;
	}

	#banner {
		width: 100%; height: auto;
	}
	#centred {
		margin: -1px;
		border: none;
	}
	#main, #mainshort {
		width: 100%;
		margin: 0;
		background-color: #dfc0a2;
		padding: 5px 0 0 0;

	}
	
	#mainbackcolumn {
		font-size: 130%;
		line-height: 150%;
		padding: 0;
	}
	#mainbackcolumn #hebcal1 {
		line-height: 90%;
	}
	h1 {
		font-size: 180%;
	}
	h2 {
		font-size: 140%;
	}
	h3 {
		font-size: 120%;
	}
	#centred, #mainbackcolumn {
		background-image: none;	
		width: 100%;
	}
	#footer {
		height: fit-content;
	}
	#footer a {
		display: block;
	}

	#left {
		display: none;
	}
	#content {	
		margin: 0;
		width: 90%;
		float: none;
		margin-left: 5%;
		margin-right: 5%;
	}
	#content li {
		font-size: 90%;
	}
	#central {
		width: 100%;
	}
	#bottom {
		
		width: 100%;
		background: none;
		float: left;
	}
	#top {
		width: 100%;
		margin: 0;
		background-image: none;
		height: auto;
	}

	div#search {
		height: none;
		display:none;
	}
	
	#middle {
		padding-top: 10px;
	}

	#mobilemenu {
		width: 90%;
		height: 25px;
		padding: 8px  5% 12px 5%;
		font-size: 130%;
		color: #914f45;
		
		/* ff 3.6+ */
		background:-moz-linear-gradient(180deg, rgba(255, 255, 0, 1) 0%, rgba(223, 191, 162, 1) 0%, rgba(215, 175, 140, 1) 66%); 

		/* safari 5.1+,chrome 10+ */
		background:-webkit-linear-gradient(180deg, rgba(255, 255, 0, 1) 0%, rgba(223, 191, 162, 1) 0%, rgba(215, 175, 140, 1) 66%);

		/* opera 11.10+ */
		background:-o-linear-gradient(180deg, rgba(255, 255, 0, 1) 0%, rgba(223, 191, 162, 1) 0%, rgba(215, 175, 140, 1) 66%);

		/* ie 6-9 */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D7AF8C', endColorstr='#FFFF00', GradientType=1 );

		/* ie 10+ */
		background:-ms-linear-gradient(180deg, rgba(255, 255, 0, 1) 0%, rgba(223, 191, 162, 1) 0%, rgba(215, 175, 140, 1) 66%);

		/* global 94%+ browsers support */
		background:linear-gradient(180deg, rgba(255, 255, 0, 1) 0%, rgba(223, 191, 162, 1) 0%, rgba(215, 175, 140, 1) 66%);
	}
	

	#menuicon {
		display: inline;
		float: left;
		height: 25px;
		position: relative;
	}
	#menubasket
	{
		display: inline;
		float: right;
		height: 25px;
	}
	

	#menuicon:hover {
		background-color: #e5af8c;		
		padding: 8px 12px 10px 12px;
		margin-top: -8px;		
		left: -12px;
		border-radius: 20px/120px;
		cursor: pointer;
	}
	
	#menubasket:hover {
		background-color: #e5af8c;
		padding: 8px 0 10px 0;
		margin-top: -8px;
		position: relative;	
		border-radius: 20px/120px;
		cursor: pointer;		
	}
	.BuyPriceArea {
		padding-bottom:30px;
		width: 100%;
		height: none;
		width: none;
	}
	.BuyNote {
		width: 95%;
		margin-bottom: 20px;
		float: none;
		font-size: 90%;
		background-color: #d7af8c;
	}

	#menu {
		position: relative;
		top: -17px;
		left: -40px;
		display: none;
		float: none;
	}
	#menu.responsive {
		position: relative;
		display: block;
		z-index: 3;
		width: 220px;
		margin-left: -3px;
		height: 0;
		padding-top:0px;
		border: 1px solid transparent;
		margin-bottom: -2px;
	}
	#menu.responsive ul {
		border-top: 3px dotted #b95936;
	}
	#menu li a:hover {
		background-color: #dfbfa2;
		border-top: none;
		padding-top: 18px;
	}	
	#menu.responsive li,  {
		font-weight: bold;
	}
	
	#menu.responsive a {
		float: none;
		display: block;
		text-align: left;
		background-color: #d7af8c;
		xborder-bottom: 1px black solid;
		border-left: 3px dotted #b95936;
		border-right: 3px dotted #b95936;
		border-bottom: 3px dotted #b95936;
		color: #914f45;
		font-weight: bold;
		padding: 15px 20px;
	}

	#menu li.current a{
		background: transparent url(images/template/menuhighlight.jpg) repeat-x scroll left top!important;
		color: white!important;
		background-size: 100% 100%!important;
	}
	
	#menu.responsive #menucheckout  {
		display: none;
	}
	#X {
		font-weight: bold;
		background-color: red;
		color: white;
		padding: 1px 3px 0px 3px;
		border: 1px white solid;
		font-size: 80%;
		display: inline-block;
		margin-top:2px;
	}
	#hamb {
		color: black;
	}

	.FBRight {
		font-size: 80%;
		padding-left: 170px;
		
	}
	.FBLeft {
		width: 130px;
		padding-bottom: 30px;
	}
	.FBOuter {
		width: 100%;
	}
	table 
	{
		width: 100%;
	}
	.checkoutouter {
		display: none;
	}
	#footer li {
	visibility: hidden;
	}
	#footer {
		clear: all;
		margin: 0;
		background-color: #d7af8c;
	}
	#footer li a {
	visibility: visible;
	padding: 0;
	}

	#footer li,#footer a, #copyright {
		width: 100%;
		display: inline-block;
		text-align: center;
		font-size: 90%;
		color: #914f45!important;
		line-height: 110%;
	}
	#copyright {
		padding-bottom: 30px;
		margin: 0 5% 0 5%;
		width: 90%;
	}
	.productdescription li {
		font-size: 80%
	}
	
	.hchebmonth {
		font-size: 12pt;
		font-weight: normal;
	}	
	.hchebmonthyear {
		font-size: 14pt;
	}
}

/* Large devices (laptops/desktops, 933px and up) 
Lose the borders
*/
@media only screen and (min-width: 933px) {
	#banner  {
		display: none;		
	}

	#mobilemenu {
		display: none;
	}


}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	
}