/* ---------------------------------------------------------------------------
	DEFAULTS FOR ALL DEVICES
--------------------------------------------------------------------------- */
#pageouter {	width: 100%;}

#pagepanel {width:1200px;}

#headerpanel {width: 100%;}

#content {	float: left;	width:840px;		min-height:400px;	padding: 5px 0;	margin: 1em 0px 0px 0px;	position:relative;	}
#sidepanel {float: right;	width: 270px;	}

#menupanel {
	position: relative;
	width:100%;
	padding-top: 10px;
	padding-left: 1px;
}

#navigation {position:relative;width:100%;}



/* ---------------------------------------------------------------------------
	RESPONSIVE ADJUSTMENTS - Ipad
	Just collapse up the overall page width and the content area
--------------------------------------------------------------------------- */

@media only screen and (max-width:1296px)  {

#pagepanel {	width: 920px;}
#content {	float: left;	width:570px;	}
#sidepanel {	float: right;	width: 270px;	}
#menupanel {	width:100%;}


#varieties_search {float:none;display:block;width:240px;}

#orchardimage {display:none}

.variety_photo {max-width:540px}

#catalogue li {
	width:170px;min-height:200px;
}
.catalogue_inner {
	width:164px;height:180px;
}

#navigation li a {
	padding: 12px 20px 12px 0px;
 }



}


/* ---------------------------------------------------------------------------
	RESPONSIVE ADJUSTMENTS - Small tablets
	Smaller main content but still visible at the side
--------------------------------------------------------------------------- */


@media only screen and (max-width:940px)  {

#pagepanel {		width: 720px;    padding:0 ;margin:auto;	}
#content {	float: left;	width:460px;	}
#sidepanel {	float: right;	width: 200px;	}
#menupanel {		width: 100%;	}


#varieties_search {float:none;display:block;width:240px;}

#orchardimage {display:none}


#variety_tab_container_outer {width:90% !important;max-width:90% !important;}
#varietypagetabs {display:none;overflow:hidden;}
.variety_tab_content {display:block !important; }

.variety_photo {max-width:440px}

}





/* ---------------------------------------------------------------------------
	RESPONSIVE ADJUSTMENTS - Smartphones 
--------------------------------------------------------------------------- */
@media only screen and (max-width: 760px)  {

body {
	background-image:none;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: none;
}

body,td,th,a,textarea {
    font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:medium;
	color: #333333;
	line-height: 19px;
}


#pagepanel {		width: 96%;    padding:0 ;margin:auto;	}
#content {	display:block;	float: none;		width: 100%;	padding:0 ;margin:auto;	}
#sidepanel {display:block;		float: none;		width: 100%;padding:0 ;margin:0 auto;	overflow:hidden;}
#menupanel {		width: 100%;	}




#varieties_search {		float: none;		display: block;		width: 240px;	}

#header_title {display: none;	}
#header_image {display:none;}
#headerpanel {height:0px;}
#header_strapline {display:none;}
#othersites {position:static;margin:0.2em auto 0.4em auto;text-align:center;}

#menupanel {	position: static; margin-top:2em;padding:0;text-align:center;	height:100%;}

h1,h2,h3,h4,h5 {font-family: Helvetica, Arial, Verdana, sans-serif;color:#000000;font-weight:600;}
h3, h4 {font-size:medium}

 img{
        max-width:100%;
        height:auto;
    }



 #navigation,#navigation li{
        float:none!important;
        clear:both!important;
        margin:0 auto 10px auto!important;
        display:block;
        padding:0;
        text-align:center!important;
        width:100%;
    }
    #navigation li{
        margin:0!important;
    }
    #navigation li a{
        display:block;
    }


#catalogue {margin:2em auto 0 auto;}
#catalogue li {float:none;display:block;min-height:90px;width:98%;}
#catalogue li h3 {margin-bottom:0.3em;margin-top:2em;clear:both;}
#catalogue li h3 a {font-size:medium;}
#catalogue li img {display:inline;padding:1px;border:1px dotted #999;margin-right:0.8em;float:left;}
.catalogue_summary {font-size:100%;line-height:1.1;}
	#lettersmenu {
		width: 98%;
	}



#orchardimage {display:none}

.orchard_callahead {
		float: none;
		width: 96%;
		margin:0.4em auto
	}

#variety_tab_container_outer {width:90% !important;max-width:90% !important;}
#varietypagetabs {display:none;overflow:hidden;}
.variety_tab_content {display:block !important; }

.post {overflow:hidden !important;}

.scrollable {overflow-x:auto;-webkit-overflow-scrolling: touch;}

}