/* iPad - landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#newsprev, #newsnext, #specialsprev, #specialsnext, #spotlightprev, #spotlightnext, #galleryprev, #gallerynext, #testimonialsprev, #testimonialsnext { display: none !important; }
}
/* iPad - portrait */
@media only screen and (min-width : 569px) and (max-width : 940px){
	/* header/footer */
	#container .wrap { width: 768px; }
	#serving .wrap { width: 748px; padding-right: 20px; }
	#maincol { width: 548px; padding-right: 20px; }
		#maincol img { max-width: 548px; height: auto !important; }
	#fullcol { width: auto; padding: 0px 20px; padding-top: 20px; }
	#logo { padding-left: 20px; }
	#header #logo td a img { max-width: 500px !important; height: auto !important; }
	#topnav { padding-right: 20px; }
	#wxlogo { padding-right: 20px; }
	#mainnav { padding-left: 16px; }
		#mainnav ul li { margin-right: 0px; }
		#mainnav ul li a { padding-left: 4px; padding-right: 4px; }
	#contactinfo { padding-right: 20px; }
	#footercontact { padding-left: 20px; width: 240px; }
	#footernav { width: 140px; }
	#footersocial { width: auto; }
	
	/* content */
	#contacttext { width: 310px; }
	#contactmap #map { width: 386px; height: 376px; }
	#contactform .wrap { width: 728px; }
	#maincol .article .photo { width: 240px; }
	#maincol .article .info { width: 276px; }
	#staff { width: auto; }
	#staff .profile .info { float: none; width: auto; }
	#gallery { width: auto; }
	#photoprev { margin-left: 0px; margin-top: 130px; }
	#photonext { margin-left: 524px; margin-top: 130px; }
	#galleryshow { min-height: 400px; }
	#galleryshow ul { margin-left: 48px; }
	#galleryshow ul li { width: 460px; }
	#galleryshow ul li img { max-width: 460px; max-height: 400px; }
	#gallery iframe { max-width: 548px; max-height: 309px; }
	
	/* forms */
	#container .width284 input, #container .width284 textarea { width: 188px; } #container .width284 .sbHolder, #container .width284 .sbOptions, #container .width284 .sbSelector { width: 212px; }
	#container .width460 input, #container .width460 textarea { width: 328px; } #container .width460 .sbHolder, #container .width460 .sbOptions, #container .width460 .sbSelector { width: 352px; }
	#container .width940 input, #container .width940 textarea { width: 702px; } #container .width940 .sbHolder, #container .width940 .sbOptions, #container .width940 .sbSelector { width: 726px; }
	
	/* home */
	#container .homepanel .wrap { width: 728px; }
	#container .tri { margin-left: 357px; }
	
	#slideshowprev, #slideshownext { top: 408px; margin-left: 20px; }
	#slideshownext { margin-left: 728px; }
	#slideshow { height: 500px; }
	#slideshow ul li { height: 500px; }
	#slideshow .info { padding-top: 195px; }
	#slideshow .dots { top: 417px; margin-left: 317px !important; }
	
	#section_le { height: 468px !important; }
	#section_le #image img.photo { width: 335px !important; height: auto !important; }
	#section_le #text { width: 350px !important; padding-left: 40px !important; padding-top: 10px !important; }
	
	#home_news .wrap, #home_specials .wrap, #home_spotlight .wrap { width: 728px !important; }
	#newsprev, #newsnext, #specialsprev, #specialsnext, #spotlightprev, #spotlightnext, #galleryprev, #gallerynext, #testimonialsprev, #testimonialsnext { display: none !important; }
	#home_news ul, #home_specials ul, #home_spotlight ul { width: 744px !important; height: 561px !important; }
	#home_news .article, #home_specials .article, #home_spotlight .article { width: 229px !important; height: 502px !important; }
	#home_news .td_body, #home_specials .td_body, #home_spotlight .td_body { height: 423px; }
	#home_news .td_photo img, #home_specials .td_photo img { max-width: 229px; height: auto !important; }
	#home_spotlight .award { width: 229px; }
	#home_gallery .photos { width: 698px; margin: 0px auto; }
	#home_testimonials ul { }
	#home_testimonials ul li { }
	
	#home_contact .map { width: 420px; height: 370px; }
	#home_contact .info { width: 258px; }
	
	/* products */
	#products.thumb, #brands.thumb { width: 564px !important; }
	#products.thumb .product, #brands.thumb .brand { width: 234px !important; margin-right: 16px !important; }
	#products.thumb .product .banner { margin-left: 161px !important; }
	#products .product .banner { margin-left: 439px !important; }
	#productsbody #back img { margin-left: 373px !important; }
	#productsbody #recipe h2 { width: auto !important; }
	#productsbody #recipe img { margin-top: 0px !important; }
	
	#testimonialform{ float:left; width:546px; margin-top:20px; }
	#testimonialform input{ float:left; width:237px; }
	#testimonialform input.last{ float:left; margin-left:20px;}
	#testimonialform textarea{ float:left; width:520px; margin-top:20px; }
	#testimonialform .submitbtn { float:right; margin-top:20px; }	
}

/* iPhone - portrait/landscape */
@media only screen and (min-width : 320px) and (max-width : 568px){
	/* header/footer */
	#container .wrap { width: 320px; }
	#container #sidecol { width: 320px; position: relative; display: none; }
		#leftnav ul { padding-bottom: 0px; background-color: #fff; position: relative; margin-bottom: 1px; }
		#leftnav ul li { margin: 0px; border-top: 1px solid #fff; }
		#leftnav ul li a { padding: 10px 5px; }
		#footer_subnav #leftnav ul { padding-bottom: 0px; }
	#content { padding-bottom: 0px; }
	#maincol { width: 280px; padding: 0px 20px; float: none; position: relative; padding-bottom: 25px; padding-top: 15px; }
		#maincol img { max-width: 278px !important; height: auto !important; }
	#header { position: relative; }
	#fullcol { width: auto; padding: 0px 20px; padding-top: 20px; }
	#topnav { display: none; }
	#wxlogo { display: none; }
	#header #contactinfo { float: left; clear: left; text-align: left; padding-left: 20px; padding-bottom: 12px; padding-top: 0px; }
	#mainnav { display: none; position: relative; top: 0px; height: auto; }
		#mainnav ul li { float: none; width: auto !important; height: auto; border-top: 1px solid #fff; line-height: 15px; text-align: center; padding: 0px; margin: 0px; }
		#mainnav ul li a { background-color: #ccc; font-size: 14px; font-weight: 400; color: #fff; letter-spacing: 1px; padding: 10px 5px; line-height: 15px; display: block; }
		#mainnav ul li a.selected,
		#mainnav ul li a:hover { background-color: #5f6262; color: #fff; }
		#mainnav ul li ul li a { background-color: #eee; color: #5f6262; font-weight: 300; letter-spacing: 1px; }
	#header #logo { width: 280px; padding-left: 20px; height: auto; padding-bottom: 12px; padding-top: 12px; }
	#header #logo td { height: auto; }
	#header #logo td a { top: 0px !important; margin-left: 0px !important; display: block; }
	#header #logo td a img { max-width: 280px !important; height: auto !important; }
	#header { height: auto; }
	#header_container { height: auto; }
	#header .wrap { height: auto; }
	#serving .wrap { width: 280px; }
	#serving .wrap td { text-align: left; }
	#menubars { display: block; float: right; width: 21px; margin-right: 30px; padding: 5px; }
	#footer { position: relative; height: auto; }
		#footer .wrap { width: 280px; padding-bottom: 20px; }
		#wxlogo_white { display: block; padding-top: 30px; }
		#footer h2 { padding-top: 20px; }
		#footercontact { width: 170px; padding-right: 20px; }
		#footernav { width: 90px; }
		#footersocial { width: auto; float: none; clear: both; }
		#footersocial h2 { padding-top: 20px; }
		#footersocial ul li img { width: 32px; height: 32px; }
		#footer #copyright { padding-top: 5px; }
		#footer .divider { display: none; }
		#footer .newline { display: inline; }

	/* content */
	#maincol .article { padding: 15px 0px; padding-bottom: 0px; }
	#maincol .article .info.nophoto { padding: 0px 15px; }
	#maincol .article .info h4 { text-align: center; }
	#maincol .article .info .date { text-align: center; }
	#maincol .back { position: relative; top: 0px; left: 0px; margin: 0px; float: none; height: auto; margin-bottom: 15px; }
	#staff { width: auto; }
	#staff .photo { width: 278px;  height: 278px; background-size: 278px; }
	#staff .bio { height: auto; margin-bottom: 30px; width: 278px; }
	#staff .profile .info { width: auto; float: none; clear: both; padding-top: 10px; }
	#gallery { width: auto; }
	#gallery .gallery { width: 278px; height: 278px; background-size: 278px; }
	#gallery .gallery .hoverinfo, #gallery .gallery .hoverinfo a { width: 278px; height: 278px; }
	#photoprev, #photonext { display: none; }
	#galleryshow ul { height: auto !important; width: 280px !important; }
	#galleryshow ul li { position: relative !important; top: 0px !important; left: 0px !important; display: block !important; width: 280px !important; opacity: 1 !important; margin-bottom: 8px !important; }
	#maincol .hoverinfo td.name { height: 140px; }
	#gallery iframe { width: 280px; height: 158px; }
	#unsublink { position: relative; top: 0px; }
	#contacttext { width: auto; float: none; padding-bottom: 0px; }
	#contactmap #map { width: 278px; height: 300px; float: none; margin-bottom: 40px; }
	#contactform .wrap { width: 280px; }
	#maincol .article .photo { float: none; width: auto; }
	#maincol .article .info { float: none; width: auto; padding: 0px 15px; }
	#maincol .article .info .more { text-align: center; margin-bottom: 15px; }
	
	/* forms */
	#container .article .width280 input, #container .article .width280 textarea { width: 222px; } #container .article .width280 .sbHolder, #container .article .width280 .sbOptions, #container .article .width280 .sbSelector { width: 246px; }
	#container .width284 input, #container .width284 textarea { width: 254px; } #container .width284 .sbHolder, #container .width284 .sbOptions, #container .width284 .sbSelector { width: 278px; }
	#container .width460 input, #container .width460 textarea { width: 254px; } #container .width460 .sbHolder, #container .width460 .sbOptions, #container .width460 .sbSelector { width: 278px; }
	#container .width940 input, #container .width940 textarea { width: 254px; } #container .width940 .sbHolder, #container .width940 .sbOptions, #container .width940 .sbSelector { width: 278px; }
	#container form.oneline .submitbtn { top: 0px; margin-bottom: 0px; }
	
	/* home */
	#container .homepanel .wrap { width: 280px; }
	#container .tri { margin-left: 114px; }
	
	#slideshowprev, #slideshownext { display: none; }
	#slideshow { height: 330px; }
	#slideshow ul li { height: 330px; background-size: 810px; }
	#slideshow .info { padding-top: 90px; width: auto; padding-left: 20px; padding-right: 20px; font-size: 34px; line-height: 40px; }
	#slideshow .dots { display: none; }
	
	#section_le { height: auto !important; }
	#section_le .wrap { padding-bottom: 40px !important; }
	#section_le #image img.photo { width: 280px !important; height: auto !important; }
	#section_le #text { width: auto !important; padding-left: 0px !important; padding-top: 10px !important; text-align: center; }
	
	#home_news .wrap, #home_specials .wrap, #home_spotlight .wrap { width: 280px !important; }
	#newsprev, #newsnext, #specialsprev, #specialsnext, #spotlightprev, #spotlightnext, #galleryprev, #gallerynext, #testimonialsprev, #testimonialsnext { display: none !important; }
	#home_news ul, #home_specials ul, #home_spotlight ul { width: 280px !important; height: 561px !important; }
	#home_news ul li, #home_specials ul li, #home_spotlight ul li { width: 280px; overflow: hidden; }
	#home_news .article, #home_specials .article, #home_spotlight .article { width: 278px !important; height: 502px !important; }
	#home_news .td_body, #home_specials .td_body, #home_spotlight .td_body { height: 423px; }
	#home_news .td_photo img, #home_specials .td_photo img { max-width: 229px; height: auto !important; }
	#home_news .article, #home_specials .article, #home_spotlight .article { display: none; }
	#home_news .article:first-child, #home_specials .article:first-child, #home_spotlight .article:first-child { display: block; }
	#home_spotlight .award { width: 278px; }
	#home_gallery ul { height: 280px !important; }
	#home_gallery .photos { width: 280px; margin: 0px auto; }
	#home_gallery .photos .photo { width: 274px; height: 274px; }
	#home_gallery .photos .photo img { width: 274px; height: 274px; }
	#home_testimonials ul { width: 280px !important; height: auto !important; position: relative !important; }
	#home_testimonials ul li { position: relative !important; }
	#home_testimonials .testimonial { font-size: 25px; line-height: 30px; }
	#home_testimonials td { height: auto !important; padding-bottom: 20px; }
	#home_video .video iframe { width: 280px; height: 158px; }	
	#home_contact .map { width: 280px; height: 300px; float: none; }
	#home_contact .info { width: auto; float: none; }
	
	/* products */
	.brand, .product { margin-right: 0px !important; padding-left: 15px !important; padding-right: 15px !important; padding-top: 15px !important; padding-bottom: 15px !important; }
	.brand .td_photo, .product .td_photo { width: 100px !important; padding-right: 10px !important; }
	.brand td, .product td { vertical-align: middle !important; padding-bottom: 10px; height: auto !important; }
	.product .details td { vertical-align: top !important; padding-bottom: 8px !important; }
	.product { overflow-x: hidden !important; }
	#products .product .banner { margin-left: 175px !important; margin-top: -15px !important; }
	#products .product .td_body { height: 155px !important; }
	#products.thumb, #brands.thumb { width: 276px !important; }
		#products.thumb .product, #brands.thumb .brand { width: 246px !important; margin-right: 0px !important; }
		#products.thumb .product .banner { margin-left: 173px !important; margin-top: -15px !important; }
		#products.thumb .product td { height: auto !important; }
	#products .product h2 { padding-right: 0px !important; }
	#products .product h2.hasbanner { padding-right: 50px !important; }
	#maincol .brand .td_photo img, #maincol .product .td_photo img { height: auto !important; max-width: 90px !important; }
	#filters { padding-top: 15px; }
	#filter_submit { position: absolute; margin-left: 207px; margin-top: 147px; }
	#filter_submit.expanded { margin-top: 657px; }
	#filters .field { margin-bottom: 10px !important; }
	#container .width186 input { width: 254px !important; }
	#productsbody #back { padding-top: 10px; }
	#productsbody #back img { margin-left: 100px !important; }
	#productsbody #recipe h2 { width: auto !important; }
	#productsbody #recipe img { max-width: 278px !important; height: auto !important; margin: 0px !important; float: none !important; padding: 0px !important; }
	
	#testimonialform{ float:left; width:100%; margin-top:20px; }
	#testimonialform input{ float:left; width:252px; margin-top:20px; }
	#testimonialform input.last{ float:left; margin-left:0px;}
	#testimonialform textarea{ float:left; width:252px; margin-top:20px; }
	#testimonialform .submitbtn { float:right; margin-top:20px; }		
	
}