/* iPad - portrait */
@media only screen and (min-width : 569px) and (max-width : 900px){
	#container .wrap { width: 768px; }
	#header { }
		#logo { padding-left: 36px; width: 202px; padding-top: 46px; }
			#logo img { width: 156px !important; height: 28px !important; }
		#mainnav ul li a { width: 111px; font-size: 15px; }
		#social ul li a { width: 38px; }
			#social ul li.facebook a { background-position: 16px 11px; }
			#social ul li.twitter a { background-position: -34px 11px; }
			#social ul li.youtube a { background-position: -82px 11px; }
			#social ul li.contact a { background-position: -131px 11px; }
			#social ul li.search a { background-position: -180px 11px; }
		#actions ul li a { width: 64px; font-size: 11px; }
			#actions ul li.news a { background-position: 22px 11px; }
			#actions ul li.find a { background-position: -59px 11px; }
			#actions ul li.locator a { background-position: -140px 11px; width: 64px; }
		#search { width: 194px; }
			#search input { width: 125px; font-size: 14px; }
			#searchbtn { background-position: -170px 11px; }
	#maincol { width: 548px; padding-right: 21px; }
	#fullcol { width: auto; padding: 0px 21px; padding-top: 20px; }
	#footer { font-size: 13px; }
		#footer #login { padding-left: 21px; margin-right: 40px; }
		#footer #login input { width: 216px !important; }
		#footer #contactinfo { width: 180px; display: none; }
		#footer #footernav { width: 180px; }
		#footer #copyright { font-size: 11px; }
		#language a { font-size: 14px; }
	
	#contactform .wrap { padding: 0px 21px; width: 726px; }
	#contactform [type="text"], #contactform .last[type="text"] { width: 321px !important; }
	#contactform textarea { width: 712px !important; }
	#contactform .message_button { padding-left: 0px; text-align: center; }
	#contactform .field { width: 726px; }
	
	#SearchField { width: 400px !important; }
	
	input[type="text"], input[type="password"], input[type="file"]{ width: 280px !important; }
	#maincol.clearfix form#updateform.validate.clearfix div.field { margin-right: 20px; }
	.note { width: 160px !important; }
	
	#video-player #video { width: 100%; height: 320px !important; }
	.video-nav.left, .video-nav.right { width: 272px !important; }
	
	#container #object, #container #object3 { width: 512px !important; height: 430px !important; margin-top: 0px !important; }
	#container #object2, #container #object4 { width: 200px !important; height: 260px !important; margin-top: 80px !important; }
	
	#container .homepanel #view_all img { margin-left: 316px !important; }
	#container .homepanel { min-height: 500px !important; }

	#winemaking .wrap { width: 736px !important; }
	#winemaking td img { width: 150px !important; height: auto !important; }
	#winemaking table { margin-bottom: 50px; }
	#container #winemaking h2 { font-size: 26px !important; }
	#container #winemaking h3 { font-size: 24px !important; line-height: 30px !important; }
	
	#container .tri { margin-left: 345px !important; }
	
	#section_le #image img.photo { width: 335px !important; height: auto !important; margin-top: 160px; left: 5px!important; }
	#section_le #text { padding-top: 50px !important; padding-left: 50px !important; }
	#container #section_le.homepanel #view_all img { margin-left: 0px !important; }
	
	#section_news .wrap { width: 726px !important; }
	#newsprev, #newsnext, #newsprev2, #newsnext2 { display: none !important; }
	#section_news ul { width: 741px !important; height: 500px !important; }
	#section_news .article { width: 228px !important; height: 490px !important; }
	#section_news .td_photo img { max-width: 228px; height: auto !important; }
	#section_news .td_body { height: 420px !important; }
	
	#spotlight .wrap { width: 726px !important; }
	#newsprev2, #newsnext2 { display: none; }
	#spotlight ul { width: 741px !important; }
	#spotlight .article { width: 228px !important; }
	
	#make_wine { padding-left: 0px !important; width: 170px !important; }
	#matchesprev2, #matchesnext2 { display: none !important; }
	#find_results { padding-left: 21px !important; padding-right: 21px !important; }
	#find_matches ul { width: 741px !important; }
	#find_matches .article { width: 228px !important; }
	#find_locationlist { width: 310px; }
	
	#section_locator .wrap { width: 726px !important; }
	#section_locator #locations { width: 370px !important; }
	
	/* 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; }
	
	#container .flipbook iframe { height: 500px; margin-bottom: 50px; margin-top: 1px; width: 100%; }
	
	#twitter_scroll #twitter { width: 606px; }
	#twitter .tickercontainer { width: 550px; }
}

/* iPhone - portrait/landscape */
@media only screen and (min-width : 320px) and (max-width : 568px){
	#container { overflow:hidden; }
	#container .wrap { width: 320px; }
	#header { height: 71px; }
		#logo { float: none; padding-top: 15px; padding-left: 37px; height: 56px; }
			#logo img { width: 192px !important; height: 35px !important; }
		#menubars { display: block !important; position: absolute; top: 22px; margin-left: 257px; }
		#social, #actions, #mainnav { display: none; }
		#social { position: relative; background-color: #000; }
			#social ul li a { width: 63px; height: 49px; background-image: url('/template/social2.png'); }
			#social ul li.facebook a { background-position: 26px 14px; }
			#social ul li.twitter a { background-position: -38px 14px; }
			#social ul li.youtube a { background-position: -102px 14px; }
			#social ul li.contact a { background-position: -166px 14px; }
			#social ul li.search a { background-position: -229px 14px; width: 64px; }
		#actions { position: relative; background-color: #000; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-top: 0px; }
			#actions ul li a { height: 38px; width: 66px; padding: 0px; padding-top: 11px; text-align: left; padding-left: 40px; font-size: 13px; background-image: url('/template/actions320.png'); }
			#actions ul li.news a { background-position: 9px 12px; }
			#actions ul li.find a { background-position: -135px 11px; }
			#actions ul li.locator a { background-position: -269px 11px; width: 71px; padding-left: 35px; }
		#mainnav { position: relative; background-color: #000; }
			#mainnav ul li a { width: 106px; height: 87px; line-height: 87px; font-size: 15px; }
			#mainnav ul li.last a { margin-right: 0px; }
		#search { width: 320px; height: 49px; }
			#search input { font-size: 17px; width: 250px; height: 49px; }
			#searchbtn { background-image: url('/template/social320.png'); height: 49px; background-position: -245px 14px; }
	#mobmenu { }
	#container #sidecol { width: 320px; position: relative; display: none; }
		#sidecol #leftnav ul { padding-bottom: 0px; background-color: #fff; position: relative; }
		#sidecol #leftnav ul li { margin: 0px; border-top: 4px solid #fff; }
		#footer_subnav #leftnav ul { padding-bottom: 0px; }
	#content { padding-bottom: 0px; }
	#maincol { width: 278px; padding: 0px 21px; float: none; position: relative; padding-bottom: 50px; }
		#maincol img { max-width: 278px !important; height: auto !important; }
	#fullcol { width: auto; padding: 0px 21px; padding-top: 20px; }
	#footer { position: relative; height: auto; padding-bottom: 30px; }
		#footer #login { float: none; width: auto; padding: 0px 21px; margin: 0px; }
			#footer #login h2 { padding-top: 45px; font-size: 18px; }
			#footer #lostlink { position: relative; top: 11px; float: left; }
			#login input[type=text], #login input[type=password] { width: 254px; }
		#footer #contactinfo { display: none; }
		#footer #follow { display: none; }
		#footer #footernav { display: none; }
		#footer #language { clear: both; text-align: center; float: none; margin: 0px; width: auto; }
		#footer #language ul { padding-top: 35px; width: auto; margin: 0px; }
		#footer #copyright { line-height: 18px; padding-left: 21px; padding-right: 21px; padding-top: 20px; }
	
	#contactform .wrap { padding: 0px 21px; width: 278px; }
	#contactform [type="text"], #contactform .last[type="text"] { width: 254px !important; margin-right: 0px; }
	#contactform textarea { width: 265px !important; }
	#contactform .message_button { padding-left: 0px; text-align: center; }
	#contactform .field { width: 278px; }
	input[name~="sender_prov/state"] { margin-bottom: 20px; }
	#contactform #form_input { padding-top: 10px; }
	
	.image_left { display: block; float: none; margin-right: 0px; clear: both; padding-bottom: 0px; padding-bottom: 10px; }
	.image_right { display: block; float: none; margin-right: 0px; clear: both; padding-bottom: 0px; padding-bottom: 10px; }

	.wiki { float: none !important; display: block !important; padding-bottom: 10px !important; }
	.members-header { border-bottom: none !important; padding-bottom: 25px !important; }
	.header-nav { position: relative !important; top: auto !important; float: none !important; }
	#SearchField { width: 180px !important; }
	
	input[type="text"], input[type="password"], input[type="file"] { width: 254px !important; }
	
	.article { margin-right: 0px !important; padding-left: 15px !important; padding-right: 15px !important; padding-top: 15px !important; padding-bottom: 15px !important; }
	.article .td_photo { width: 140px !important; padding-right: 10px !important; }
	.article td { vertical-align: middle !important; padding-bottom: 10px; height: auto !important; }
	#maincol .article .td_photo img { height: auto !important; max-width: 140px !important; }
	.more_link { text-align: center; }
	
	#video-player #video { width: 100%; height: 210px !important; }
	#course_header { padding-bottom: 0px !important; margin-bottom: 15px !important; }
	#course_header li a { margin-left: 0px !important; }
	.video-nav.left, .video-nav.right { width: 137px !important; }

	.note { width: auto; float: none; padding-bottom: 10px; margin-bottom: 15px; }

	#retailer_sections td h4 { font-size: 15px; font-weight: 300; }
	#retailer_sections img { width: 70px; height: auto !important; }

	#container #object, #container #object3 { width: 300px !important; height: 252px !important; margin-top: 0px !important; margin-left: 10px !important; }
	#container #object2, #container #object4 { width: 200px !important; height: 260px !important; margin-top: 80px !important; margin: 0px auto !important; padding-left: 110px !important; }
	#container .homepanel #view_all { padding-top: 25px !important; }
	#container .homepanel #view_all img { margin-left: 70px !important; }
	#container .homepanel h1 { font-size: 40px !important; text-align: center !important; }
	
	#winemaking { min-height: 100px !important; }
	#winemaking .wrap { width: 305px !important; }
	#winemaking td img { width: 80px !important; height: auto !important; }
	#winemaking table { margin-bottom: 50px; }
	#container #winemaking h2 { font-size: 20px !important; line-height: 22px !important; height: 50px !important; margin-top: 0px !important; }
	#container #winemaking h3 { font-size: 14px !important; line-height: 18px !important; }
	
	#section_le.homepanel h1 { font-size: 21px !important; }
	#section_le #image { text-align: center; }
	#section_le #image img { width: 240px !important; margin: 0px !important; margin-bottom: 20px !important; float: none !important; }
	#section_le.homepanel #text { width: auto !important; padding: 0px !important; font-size: 20px !important; line-height: 24px !important; padding-left: 21px !important; padding-right: 21px !important; }
	
	#section_news .wrap { width: 278px !important; }
	#newsprev, #newsnext { display: none !important; }
	#section_news ul { width: 278px !important; height: 520px !important; }
	#section_news .article { width: 246px !important; height: 510px !important; }
	#section_news .td_photo img { max-width: 228px; height: auto !important; }
	#section_news .td_body { height: 420px !important; }
	#section_news .article { display: none !important; }
	#section_news .article:first-child { display: block !important; }
	#section_news .wrap .tri { margin-left: 110px!important; }
	
	#spotlight .wrap { width: 278px !important; }
	#spotlight .article { display: none !important; }
	#spotlight .article:first-child { display: block !important; }
	#newsprev2, #newsnext2 { display: none; }
	#spotlight ul { width: 278px !important; height: 500px !important; }
	#spotlight .article { width: 246px !important; height: 460px !important; }
	#spotlight .award img { left: 40px !important; top: -15px !important; }
	#container #spotlight.homepanel #view_all img { margin-left: 45px !important; }
	
	#container .tri { margin-left: 112px !important; }
	#winemaking .tri { margin-left: 125px !important; }
	#section_le .tri { margin-left: 133px !important; }
	#section_le #image { margin-top: 20px!important; }
	#footer .tri { margin-left: 133px !important; }

	#section_find .wrap { width: 278px !important; }
	#find_intro h2 { font-size: 40px !important; }
	#find_intro h3 { font-size: 28px !important; }
	
	#container .width300 input { width: 274px; } #container .width300 .sbHolder, #container .width300 .sbOptions, #container .width300 .sbSelector { width: 278px; }  #container .width300 .btn-default { width: 280px; } #container .width300 .dropdown-menu { width: 278px; }
	
	#make_wine { padding-left: 0px !important; padding-top: 20px !important;  width: auto !important; text-align: center; padding-bottom: 25px !important; }
	#find_results table tbody tr td h2 { margin: 0px !important; width: auto !important; }
	#find_locationlist { padding-bottom: 20px !important; }
	#matchesprev2, #matchesnext2 { display: none !important; }
	#find_results { }
	#find_matches ul { width: 278px !important; height: 470px !important; }
	#find_matches .article { width: 246px !important; height: 460px !important; }
	#find_matches .article { display: none !important; }
	#find_matches .article:first-child { display: block !important; }
	#find_matches .award img { left: 40px !important; top: -15px !important; }
	#container #section_find.homepanel #view_all img { margin-left: 45px !important; }
	
	#section_locator .wrap { width: 278px !important; }
	#section_locator #locations { width: 278px !important; display: none; margin-bottom: 0px !important; }
	#map-canvas { height: 390px !important; }
	#locations_search { width: auto !important; padding-top: 0px !important; }
	
	/* 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: 173px !important; margin-top: -15px !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; }
	#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; }
	
	#container .flipbook iframe { height: 150px; margin-bottom: 0px; margin-top: 10px; width: 100%; }
	#container #brands.instructions .brand { height: auto; min-height: 0px; }
	#brands.instructions .link a { margin-left: 28px; }
	
	#twitter_scroll { display: none; }
}