@charset "utf-8";
/*
Theme Name:		Booths 2012
Version:		v0.1a
Author:			Soap Media
Author URI:		http://www.soapmedia.co.uk/
*/

#related-product > div { position:relative }
#related-product > div div.container.right { min-height:200px }
#related-product > div div.container.media { text-align:center; position:absolute; top:50%; margin-top:-100px }
#related-product > div div.container.media img { margin-bottom:-4px }

/* -------- GLOBAL TAGS */
html { -webkit-font-smoothing:antialiased; height:100%;overflow-y:hidden;overflow-x:hidden}
body { font-family:'Gill Sans W01 Book',Arial,Helvetica,sans-serif  !important;
    height:100%;
    width:100%;
    font-size:12px;
    color:#444C3F;
    margin:0 0 0 0;
    background:#FFF;
    overflow-y:auto;
    overflow-x:hidden;
    margin-top:65px;
}
hr { line-height:20px; margin:0 0 10px 0; border:none; border-bottom:2px solid #e6e6e6; height:0; clear:both }

code.success { color:green }
code.fail { color:red }

blockquote { border-top:2px solid #e6e6e6; border-bottom:2px solid #e6e6e6; padding:20px; margin:20px 0; position:relative }
.generatedcontent blockquote { padding-left:60px }
blockquote:before { display:block; content:''; height:24px; width:24px; background:red; position:absolute; left:20px; top:50%; margin-top:-12px; background:url("images/global_sprite.png") no-repeat 0 -291px }
blockquote p:last-child { margin-bottom:0 }
/* --------- Loading div */
#loading{position:absolute;top:0;left:0;height:100%;width:100%;background:#ffffff; z-index:999;}

/* -------- GOOGLE MAP FIX */
.google-map img { max-width:none }

/* -------- TRANSITIONS */
#debug,
a
{ 
-webkit-transition:opacity 0.15s, color 0.15s, background-color 0.15s, width 0.3s, border-color 0.3s; 
-moz-transition:opacity 0.15s, color 0.15s, background-color 0.15s, width 0.3s, border-color 0.3s; 
-ms-transition:opacity 0.15s, color 0.15s, background-color 0.15s, width 0.3s, border-color 0.3s; 
-o-transition:opacity 0.15s, color 0.15s, background-color 0.15s, width 0.3s, border-color 0.3s; 
}

/* -------- GLOBAL CLASSES */
img.left, .alignleft { margin:0 1.5em 1.5em 0 }
img.right, .alignright { margin:0 0 1.5em 1.5em }
ul.strip,
ol.strip { padding:0; list-style:none }
img.block { display:block }
.shadow { text-shadow:0 1px 1px rgba(0,0,0,0.3) }
.container { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden }
.container.border { border:2px solid #e6e6e6; position:relative }
.container.padded { padding:20px; background:#dadada;}
.container.margin { margin-bottom:30px }
	.container.margni h4{height:41px; overflow:hidden;}
.container.margin img{ width:100%;height:auto}
.cellar-row .container.margin img{ width:auto; height:auto}
.container.filled { background:url("images/ffffff.png"); }
.container.filled.dark { background:#444C3F }
.container.filled.dark * { color:#FFF }
.container.video { margin-bottom:30px }
.container.video h4 { margin-bottom:7px }
.container *:last-child { margin-bottom:0 }
.container .cutout { width:50%; float:left; position:absolute; top:0; left:0; bottom:0; background:#FFF }

ul.details li { line-height:24px; padding-left:30px; background-image:url("images/global_sprite.png"); background-repeat:no-repeat; font-size:16px; margin-bottom:5px }
ul.details li.phone { background-position:0 -112px }
ul.details li.email { background-position:0 -136px }
ul.details li.manager { background-position:0 -267px }

dl.details { line-height:30px; border-top:1px solid #cfcfcf; font-size:15px }
dl.details dt { float:left; clear:left }
dl.details dd { margin-left:0; text-align:right; border-bottom:1px solid #cfcfcf }

dl.tabular { overflow:hidden }
dl.tabular dt { float:left; width:30%; clear:left; font-weight:700; text-align:right; margin:0 3% 10px 0 }
dl.tabular dd { float:left; width:67%; margin:0 0 10px 0 }

ul.tags { overflow:hidden }
ul.tags li { float:left; margin:0 3% 3% 0; display:block; line-height:20px; height:20px; padding:8px 12px; color:#444C3F; background:#e6e6e6 url("images/facilities_sprite.png") no-repeat -36px 0; border-radius:2px }

ul li.event { min-height:58px; margin-bottom:20px }
ul li.event span { display:block; text-align:center; text-transform:lowercase; float:left; margin-right:6.25% }
ul li.event span.date { background:#e6e6e6; width:49px; height:25px; border-radius:2px; padding-top:33px; line-height:25px; position:relative }
ul li.event span.date span { background:#FFF; width:45px; height:31px; line-height:31px; font-size:21px; position:absolute; top:2px; left:2px }
ul li.event a { font-size:21px; line-height:24px; font-family:'Gill Sans W01 Light',Arial,Helvetica,sans-serif}

/* -------- STAR RATING <li class="rating"><span class="stars four">4 out of 5 stars</span></li> */
span.stars { background-image:url("images/stars_sprite.png"); background-repeat:no-repeat; width:98px; height:24px; text-indent:-9999px; display:inline-block }
span.stars.one		{ background-position:0 0 }
span.stars.two		{ background-position:0 -24px }
span.stars.three	{ background-position:0 -48px }
span.stars.four		{ background-position:0 -72px }
span.stars.five		{ background-position:0 -96px }

.split { width:50% }
.split.left { float:left }
.split.right { float:right }
#content .split { width:48.5% }
#content .split.left.wrap { margin:0 3% 3% 0 }
#content .split.right.wrap { margin:0 0 3% 3% }
#content .offer .left { width:25% }
#content .offer .right { width:75% }
#sidebar .split { width:50% }
#author-info .left { width:22.4% }
#author-info .left img { display:block }
#author-info .right { width:77.6% }

.row { overflow:hidden; margin-bottom:20px }
.quarter { width:22%; margin-right:3%; margin-bottom:5%;}
.quarter.left { float:left ;}
.quarter.right { float:right;}
.quarter.last { margin-right:0; clear:right; }
.quarter.two { width:48.5% }
.quarter.three { width:74.25% }

/* -------- ANCHORS */
a { text-decoration:none; color:#b8755f }
a:hover { color:#5c3a2f }
a:focus {  }
a:active {  }
a:visited {  }

/* -------- NOTICES */
.notice { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden; background:url("images/ffffff.png"); color:#757575; padding:10px;float:left;width:100%;}
.notice.error	{ background:#f5dbda; color:#d14a44; border:none }
.notice.event	{ background:#cce8f4; color:#0078aa; border:none }
.notice.success { background:#d9f098; color:#438800; border:none }
.notice.warning	{ background:#fdefbe; color:#e37700; border:none }
 
/* -------- HEADINGS */
h1,h2,h3,h4,h5,h6 { margin:0 0 15px 0 }
h1, .primus				{ font-size:40px; line-height:40px; font-family:'Gill Sans W01 Book',Arial,Helvetica,sans-serif }
h2, .secundus			{ font-size:28px; line-height:28px; font-family:'Gill Sans W01 Book',Arial,Helvetica,sans-serif }
h3, .tertius, legend	{ font-size:20px; line-height:21px; font-family:'Gill Sans W01 Book',Arial,Helvetica,sans-serif }
h4, .quartus			{ font-size:18px; line-height:20px; font-family:'Gill Sans W01 Book',Arial,Helvetica,sans-serif }
h5, .quintus			{ font-size:15px; line-height:20px; font-family:'Gill Sans W01 Book',Arial,Helvetica,sans-serif }
h6, .sextus				{ font-size:14px; margin-bottom:10px; line-height:20px;}
.divider				{ border-bottom:2px solid #e6e6e6; padding-bottom:20px }
.filled .divider		{ border-color:#CCC }

h4.producer {padding-left:24px;background-repeat:no-repeat;background-position:0 0}
h4.producer.fish {background-image:url("images/producer_fish_marker_small.png")}
h4.producer.meat {background-image:url("images/producer_meat_marker_small.png")}
h4.producer.fruit {background-image:url("images/producer_fruit_marker_small.png")}
h4.producer.veg {background-image:url("images/producer_veg_marker_small.png")}
h4.producer.bakery {background-image:url("images/producer_bakery_marker_small.png")}
h4.producer.dairy {background-image:url("images/producer_dairy_marker_small.png")}

.infowindow h3 {margin-bottom:10px}
.infowindow .divider {padding-bottom:10px}

.caption { color:#FFF; position:absolute; top:0; left:0; padding:15px 20px; background:rgba(68,76,63,0.7); text-shadow:0 1px 1px rgba(0,0,0,0.5); margin-bottom:0 }
.caption a { color:#FFF }


.producerRow {clear: both;float: left;height: auto;width: 100%;}

/* -------- SITE */
#site {height:auto;margin:0 auto;float:none;width:63.5% ;margin-top:35px !important;padding-left:1%;} 
#homePageContentHolderWrapper { width:101%;  float:left; overflow:hidden; background:#FFF; padding:0px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#halfContent{width:75%; padding:1% 1% 1% 0%;}

#find-postcode{
	float: left;
	width: auto;
	text-align: center;
	padding: 13px 20px;
	background: #444C3F;
	color: #FFF;
	font-size: 12px;
	text-transform: lowercase;
	font-weight: bold;
	text-decoration: none;
	cursor:pointer;
	margin: 10px 0px;
}

#found-postcodes{
	display:none;
	float:left;
	width:auto;
	clear:none;
	margin: 10px 0px 10px 10px;
}

#loader{
	display:none;
	float:left;
	width:auto;
	clear:right;
	margin-top: 15px;
	margin-left:10px;
}


/*Sliders for wine */
h2.counterWine{float:left;width:50%;margin-top:3%;text-indent:1%;}


.offers{float:right;width:48%;max-height:250px;height:250px;margin-bottom:3%;}
.offers #offer-slider{float:left;width:100%;height:100%;}
.offers #offer-slider ul li img{width:100%;height:auto;}

.recent{float:left;width:48%;height:auto;position:relative;max-height:250px;margin-bottom:3%;height:250px;overflow:hidden;margin-right:2%;}
.recent img{float:left;width:100%;height:auto;}
.recent .informationHolder{width:100%;height:50%;background:url("images/greenOverlay.png");position:absolute;bottom:0px;left:0px;}
.recent .informationHolder h2{color:#ffffff;font-size:200%;width:96%;margin:0px;text-align:center;margin:2%;}
.recent .informationHolder p{float:left;width:80%;margin:0% 10%;font-size:150%;color:#ffffff;}


/* -------- Wine text drop shadow */
.container.product.margin.fifth a{text-shadow:none}

/* -------- PROMO */
#promo { margin-bottom:30px }
#loginform{float:left;width:90%;margin:2% 5%}

 
/* ---------- WELCOME BANNER */
#backImg{background-position:top center !important; background-repeat:no-repeat !important; min-height:300px;}
.home #backImg{background-size: contain !important; background-color:#ffffff;}

#welcomeBanner{float:left;width:100%;height:435px;clear:both;background-position:center;margin-bottom:20px;position:relative;}
#welcomeBanner .wrapperPage{width:63%}
#mainImagefadeBottom{ background: url("images/fadeForBanner.png") repeat scroll 0 0 transparent;bottom: 0;float: left;height: 180px;left: 0;margin-top: -140px;width: 100%;}
#welcomeBannerContent {
    float: left;
    height: auto;
    margin: 21% 0 10px;
    padding: 10px 10px 10px 5px;
    width: 700px;
}
#welcomeBannerContent h1{float:left;border-bottom:1px solid #444C3F;clear:right;padding-bottom: 18px;font-size:6.2em;line-height:normal;color:#444C3F;font-family:'Gill Sans W01 Book',Arial,Helvetica,sans-serif;margin:0% auto 3%;}
#welcomeBannerContent h2{color:#444C3F !important;float:left;width:300px;font-size:16px;;color:#876a78;font-family:'Gill Sans W01 Book',Arial,Helvetica,sans-serif;font-weight:100}
#welcomeBannerContentButton{float:left;background:#444C3F;border-radius:0px;padding:10px;margin:12px 0 0 0;color:#ffffff;font-size:15px;clear:both;width:130px;height:26px;text-align:center;cursor:pointer;line-height:26px}
#welcomeBannerContentButton:hover{background:#262D22}
/* -------- BANNER */
#banner { border-top:2px solid #e6e6e6; border-bottom:2px solid #e6e6e6; margin-bottom:30px; height:69px; padding:40px 0 }
#banner > a { display:block; float:left; margin-left:10px }
#banner > a img { display:block }

/* -------- NAVIGATION */
#navigationHolder{ position:fixed; top:0px; left:0px; height:65px; width:100%; background:#444C3F; z-index:800}
#navigation { float:left; width:auto;overflow:hidden;height:100%;margin:0 0 0 1.5%}
	#navigation ul.strip{float:left;width:100%;padding:0px;margin:0px}
#navigation li { float:left; position:relative; width:auto; overflow:visible;}
#navigation li:first-child { margin-left:0 }
#navigation li ul li{display:block !important}
#navigation li a {float:left; height:65px;color:#ffffff; font-size:15px; font-family:'Gill Sans W01 Book',Arial,Helvetica,sans-serif; text-align:left;line-height:67px;width:auto;margin:0px;padding:0 9px 0 7px;}
#navigation li a:hover,#navigation li.current-menu-item a { color:#a5b3ac}
#logo{float:left; min-width:125px;height:65px;max-width:125px;min-height:65px;border-right: 2px solid #3A4136;padding:0 20px 0 3px}
	#logo img{float:left;height:24px;width:124px;margin:21px 0}
#navSearchHolder{float:right;width:4%;min-width:36px}
#navSearchIcon{float:none; width:20px; height:28px; position:relative; background:url("images/nav_sprite.png") repeat scroll 21px -49px transparent; margin:22px auto 15px;cursor:pointer}
	#searchDropDown{position:absolute;display:none;width:400px;height:80px;background:#262D22;top:43px;right:-13px;}
	#searchDropDown #s{float: left;margin: 3.3% 0 3.3% 3.3%;width: 79%;height:54px;padding-left:20px;font-family:'Gill Sans W01 Book',Arial,Helvetica,sans-serif !important;}
	#searchDropDown #searchsubmit{background-image: url("images/mapSearchBarIcon.jpg");border-radius: 0 0 0 0;float: left;height: 54px; margin: 3.3% 3.3% 3.3% 0;width: 54px;}
 
ul#navigationFull{float:left;width:50px;height:65px;cursor:pointer;padding:0px; text-align:center;}
ul#navigationFull li{float:left;width:106px;height:65px;list-style:none;line-height:70px;margin-left:-31px;font-size:15px;color:#a5b3ac;font-family:'Gill Sans W01 Light',Arial,Helvetica,sans-serif}
ul#navigationFull li a{float:left; height:65px;color:#ffffff; font-size:15px; font-family:'Gill Sans W01 Light',Arial,Helvetica,sans-serif;; text-align:center;line-height:63px;width:100%}
ul#navigationFull li:first-child{width:auto; text-align:left;margin:0 0 0 5px}


#mobileNavigation{display:none}

ul#navigation .sub-menu-header{background:#262d22;height: auto;width: 260px;position: fixed;text-align: left; top: 65px;z-index: 810;display:none;padding:0px}
ul#navigation .sub-menu-header li{float:left;width:50%;height:40px;margin:0px;list-style:none;font-size:12px;}
	ul#navigation .sub-menu-header li:hover{background:#444C3F}
ul#navigation .sub-menu-header li a{float:left;width:100%;height:40px;margin:0px;line-height:40px;text-indent:12px;text-align:left;padding:0px;}
	ul#navigation .sub-menu-header li a:hover{background:#444C3F}
ul#mobileNavigation li .sub-menu-header{display:none}

/* -------- HIDDEN NAVIGATIONAL ELEMENTS */
.hiddenElementHolder{position:fixed;top:-500px;height:85px;left:0px;width:100%;background:#262d22;z-index:699; display:none}
	.hiddenElementHolder#fullMenu{height:auto; padding-bottom:30px;min-height:300px}
	.hiddenElementHolder#storeLocatorHolder{height:30%}

.navigationDropDown {float: left;height: 95%;width: 24%;padding:0 0.3%;margin:0.5% 0% 0.5% 0%;border-left: 1px solid #111111;border-right: 1px solid #262D22;position:relative}
		.navigationDropDown li{float:left;width:100%;height:auto;list-style:none; color:#ffffff; font-family:'Gill Sans W01 Book',Arial,Helvetica,sans-serif;}
		.navigationDropDown li h2{float:left;width:95%;margin:0 1.5%; overflow:hidden; height:30px}
		.navigationDropDown li a{color:#ffffff; font-size:15px; padding-left:2.5%; font-family:'Gill Sans W01 Light',Arial,Helvetica,sans-serif;}
.closeThis{position:absolute;bottom:-25px;height:30px;background:#262d22;border-radius:0 0 6px 6px; color:#ffffff; right:1.5%;width:105px;text-align:center;height:25px;cursor:pointer}

/* navigation photo */ 
.navigationPhoto{float:left;width:95%;height:100px;margin:2.5%;background:red;overflow:hidden;min-height:105px}
.navigationPhoto img{float:left;width:100%;height:auto; min-height:105px}
#storeLocationElement{position:absolute;bottom:-85px;right:-2px;width:400px;height:85px;background:#50594b;display:none}
/* -------- WRAPPERS */
.headerWrapperMain{width:63%;height:100%;margin:0 auto;position:relative;min-height:1px;}
.wrapperMain{width:63.4%;height:auto;margin:0 auto;position:relative;min-height:1px;overflow:hidden;padding-left:1.1%}
/* -------- SUB NAVIGATION */
.generatedcontent #sub-navigation { padding:17px 0; position:relative; }
#sub-navigation:before,
#sub-navigation:after {display:block;content:'';width:34px;height:34px;border-radius:2px;background:#444C3F;z-index:10}
#sub-navigation:before	{position:absolute;top:0}
#sub-navigation:after	{position:absolute;bottom:0}
#sub-navigation li { position:relative; z-index:20 }
#sub-navigation li a { color:#444C3F; display:block; line-height:20px; padding:7px 0; font-size:18px;border-left:34px solid #444C3F; padding-left:16px }
#sub-navigation li a:hover,
#sub-navigation li.current-menu-item a { color:#a5b3ac; border-left-color:#a5b3ac }
#sub-navigation li:hover:before,
#sub-navigation li.current-menu-item:before {display:block;content:'';width:34px;height:34px;background:url("images/global_sprite.png") no-repeat 0 -437px;z-index:30;position:absolute;left:0;top:50%;margin-top:-17px}

/* -------- BREADCRUMBS */
#breadcrumbs { margin-bottom:30px; height:40px; width:62.5%; float:left }
#breadcrumbs p { line-height:40px }
#breadcrumbs p span { padding:0 5px; color:#B8755F; }

/* -------- NAVIGATION STORE LOCATOR ICON */
#navstore-locator {height:65px; float:right; width:8.5%; min-width:90px !important; border-right:2px solid #3a4136; border-left:1px solid #3a4136;position:relative}
#navstore-locator a { font-size:15px;display:block; float:left; line-height:45px;background:url("images/nav_sprite.png") no-repeat 45px 7px; color:#ffffff; height:40px; margin:12px 16px 0 14px; padding-right:33px}
#store-locator form { height:40px; float:right; margin-left:20px; padding-left:20px; border-left:2px dotted #e6e6e6 }


/* -------- Account Log in Button */
#account-login{
    background: url("images/nav_sprite.png") no-repeat scroll right bottom transparent;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 15px;
    height: 40px;
    line-height: 45px;
    margin: 12px 4px 0;
    min-width: 70px !important;
    padding-right: 24px;
}
#account-login a{
    color: #FFFFFF;
    float: left;
    height: 35px;
    margin-right: 0;
    overflow: hidden;
    width: auto;
}

#account-login-true{
    background: url("images/nav_sprite.png") no-repeat scroll right bottom transparent;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 15px;
    height: 40px;
    line-height: 45px;
    margin: 12px 4px 0;
    min-width: 70px !important;
    padding-right: 24px;
}
#account-login-true a{
    color: #FFFFFF;
    float: left;
    height: 35px;
    margin-right: 0;
    overflow: hidden;
    width: auto;}
/* -------- STORE LOCATOR */
.post-type-archive-store #backImg #welcomeBanner .wrapperPage #welcomeBannerContent h1{border-bottom:1px solid #ffffff;}
#store-locator {height:65px; float:left; width:99px; border-right:2px solid #3a4136; border-left:1px solid #3a4136;position:relative}
#store-locator a { font-size:14px;display:block; float:left; line-height:40px;background:url("images/global_sprite.png") no-repeat 36px 0px; color:#ffffff; height:40px; margin:13px 16px; padding-right:32px;font-family:'Gill Sans W01 Book',Arial,Helvetica,sans-serif}
#store-locator a:hover { color:#a5b3ac; background-position: 36px -640px}
#store-locator form { height:40px; float:right; margin-left:20px; padding-left:20px; border-left:2px dotted #e6e6e6 }
#store-locator form input[type=search] {width:auto;float:left;border-radius:20px 0 0 20px;width:130px}
#store-locator form input[type=search]:focus {width:230px}
#store-locator form input[type=submit] {width:auto;float:left;border-radius:0 20px 20px 0;height:40px}

/* -------- STORE LIST */
.stores-list li { border-radius:2px }
.stores-list li a { display:block; padding:14px; font-family:'Gill Sans W01 Medium',Arial,Helvetica,sans-serif; color:#444C3F; font-size:14px; line-height:14px }
.stores-list li a:hover {background:#DDD}

/* ---------- HOME PAGE CONTENT SLIDER */
#homePageContentHolder{float:left;width:100%;height:auto;position:relative;z-index:600}
#homePageContentContainer{float:left;width:100%;height:700px;overflow:hidden;position:relative;z-index:600;margin-top:35px}
#homePageContentCentre{display:box;float:none;width:63%;height:100%;margin:0 auto;position:relative;}
.homePageContentGutter{display:box;float:left;width:18.6%;height:100%;  z-index:5; position:relative;}
.homePageContentGutter#hpcgLeft{background-position:0px 0px}
.homePageContentGutter#hpcgRight{background-position:-399px 0px;float:right;}

.homeButtonHolder{position:absolute;top:0px;left:0px;width:100%;height:100%;position:relative;background:url("images/homeSliderGrad.png") 100%;z-index:3}
	.homeButton{position:absolute;height:96px;width:50px;background:url("images/homeContentButton.png");top:39%;cursor:pointer;z-index:700}
	.homeButton#homeButtonLeft{right:0px;background-position:-60px 0px}
	.homeButton#homeButtonRight{left:0px;background-position:0px 0px}
	
.homeSlideShowTopGrad , .homeSlideShowBottomGrad{position:absolute;width:100%;height:220px;background:url("images/sliderTopGrad.png");}
.homeSlideShowTopGrad{top:0px;}
.homeSlideShowBottomGrad {background:url("images/sliderBottomGrad.png");bottom:0px;}
	
	
#homePageSlideHolder{position:absolute;top:0px;left:-100%;width:600%;height:100%}
.homePageSlide{position:absolute;width:16.6%;height:100%;background:#ffffff;left:17.1%;opacity:1.0}
.homeContentColumn{float:left;width:50%;height:110%;overflow:hidden}

/* ---------- HOME CONTENT BOX STYLING */
.homeContentColumnLandscapeBox{float:left;width:97.8%;margin:0 0.3% 1%;height:56%;overflow:hidden;position:relative;}
	.homeContentColumnLandscapeBox  img{width:auto;height:100%}
	.imageHolderDescription{position:absolute;width:100%;bottom:0px;background:url("images/ffffff2.png");overflow:hidden}
	.imageHolderDescription a {float:left;width:100%;}
	.imageHolderDescription h2{float:left;width:100%;text-align:center;color:#444C3F;margin:2% 0; text-transform:uppercase;font-size:1.8em;}
	.imageHolderDescription .lineBreak, .lineBreakRecipe{width:60%; height:1px; background:#444C3F;margin:0 auto; clear:both;margin-bottom:3% !important;}
	.lineBreakRecipe{background:#5e6459;margin-bottom:1%;}
	
	.halfOfRecipe{float:left;width:50%;}
		#leftHR{border-right: 3px solid #5E6459;float: left;margin:2% 1.2% 2% 22.5%;width: 27.5%;padding-right:1%;}
	.recipeHalfHolder{height:75%;width:100%;float:right;border-right:1px solid #111111;}
		.recipeHalfHolder p{float:right;font-weight:100;font-size:1.6em;line-height:2.5;width:auto !important;}
	
	.recipeIcon{float:left;width:32px;height:32px;background:url("images/recipeIcons.png"); margin:2px;}
	.recipieIcon #servesIcon{margin-left:37%;}
	.recipeIcon#howLongIcon{background-position: -38px 0px;}
	
	.imageHolderDescription h3{float:left; width:100%; font-size:1.4em;font-weight:100; text-align:center;color:#444C3F; line-height:1.3em;margin-bottom:1%;text-transform:uppercase;margin:0px;}
	.imageHolderDescription h4{float:left;width:100%;text-align:center; color:#444C3F;font-size:1.5em}
	.imageHolderDescription p{float:left;width:100%;text-align:center;color:#444C3F;font-size:1.6em;margin:0% 0;height:auto;padding-bottom:3%;}	


.smallContentHolderBox{float:left;width:100%;max-width:300px;height:100%;margin:2% 1%;max-height:198px;position:relative;overflow:hidden;}
	.smallContentHolderBox img{width:100%; height:auto; display:block;float:left;}
	.smallContentHolderBox .imageHolderDescription{background:url("images/ffffff2.png");bottom:0px;overflow:hidden}
	.smallContentHolderBox .imageHolderDescription h2{color:#444C3F; font-size:1.8em; text-transform:uppercase;}
	.smallContentHolderBox .imageHolderDescription h2 b{font-weight:200}	
	.smallContentHolderBox .imageHolderDescription .lineBreak{background:#444C3F; margin-bottom: 3%;}
	.smallContentHolderBox .imageHolderDescription h3{color:#444C3F ; font-size:1.4em}
	.smallContentHolderBox .imageHolderDescription p{color:#444C3F;padding: 0 0 6%; }
	
	.smallContentHolderBox.counterBox{width:31.33%;max-height:159px;height:100%;max-width:none;margin:2% 2.9% 0 0;}
	.smallContentHolderBox.counterBox.last{margin:2% 0;}
	
	.smallContentHolderBox .imageHolderDescription2{background:url("images/imageHolderDescriptionBackground2.png");bottom:0px;height:auto;padding:10px 0; position:absolute;width:100%}	
	.smallContentHolderBox .imageHolderDescription2 h2{color:#444C3F; font-size:1.8em; margin:0 0 0 14px}
	 
	.largeAdvertHome{float:right;width:99%;height:61.5%;margin:0% 0.3% 2.1%;overflow:hidden;position:relative;margin-top:0;min-height:36px}
		/* this image is 100x100 as it is essentially a square */.largeAdvertHome img{min-width: 100%;min-height:100%}	
	.largeAdvertHome .imageHolderDescription{background:url("images/ffffff2.png");bottom:0px;overflow:hidden}
	.largeAdvertHome .imageHolderDescription h3{width:50%; font-weight:100; float:none; margin:2.5% auto 2% auto}
	.largeAdvertHome .imageHolderDescription h2 , .largeAdvertHome .imageHolderDescription h3, largeAdvertHome .imageHolderDescription h4{color:#444C3F !important; margin: 9px auto 2px 0; font-size:1.8em; margin: 1.5% 0; text-transform:uppercase;}
	
	
	.slideOneQuater , .slideOneQuater2 , .slideOneQuater3{float:left;width:47.7%;height:39%;margin: 1% 2.3% 1% 0;overflow:hidden;}
					  .slideOneQuater2{height:24%;margin-top:0px}
					  .slideOneQuater2 .smallContentHolderBox{height:100%}
					  .slideOneQuater3{height:24%;margin-top:0%} 
	#slideTest {float: left;height: 63%;width: 100%;}	
	
	img.slideImage{display:none}
	img.preLoader{max-height:32px !important;min-width:32px !important;min-height:32px !important;max-width:32px !important; margin:26% 45% 26% 45% !important;}
	img#preLoaderLogo{margin:20% 44.1% 0% 44.1%; float:left}
	#loading .preLoader{margin:2% 48.6% !important}	
	
	.SlideFade{position:absolute;top:0px;left:0px;background:url("images/111111.png");width:100%;height:100%;display:none;}
	
/* Home Page Slide Description Styling */
.Top{position:absolute;top:0px;height:auto;}
.Centre{position:absolute;top:40%;height:auto;}
.Bottom{position:absolute;Bottom:0px;height:auto;}


.Top p, .Centre p ,.Bottom p{font-size:200%;width:90%;margin:5%;line-height:100%;font-family:'Gill Sans W01 Book',Arial,Helvetica,sans-serif !important;}

.Left{left:0px; width:50%;}
.Right{right:0px;width:50%;}
.Left p{text-align:left;}
.Right p{text-align:right;}

.Full.Width{width:100%;left:0px;}

.Black{background:url("images/111111.png");}
.White{background:url("images/ffffff.png");}
.Red{background:url("images/351B1B.png");}
.Green{background:url("images/1D2102.png");}
.Yellow{background:url("images/AC9872.png");}
	
/* end of home page slide description */	
	
/* Video Player Overlay */
.videoPlayerOverlay{width:100%;height:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px;}	
	
	
	
/* Booths Social Media Holder */
#boothsSocialMediaHolder{float:left;width:99%;height:auto}
#boothsSocialMediaHolder h2{float:left;width:auto;margin: 17px 0 0; color:#444b3e; padding-left:5px;overflow:hidden}
.socialColumn{float:left;width:32%;margin: 0 1.9% 0 0;height:auto}	
	.socialColumTitleHolder{float:left;width:100%;padding-bottom:1.8%;border-bottom:2px solid #8f948c;}
	img.socialIcon{display:block;float:left;margin-top:15px;padding-bottom:12px;padding-right:6px}	
	.socialColumn h2{float:left;width:87.1%;height:30px;padding:10px 4px 10px 0px; line-height:30px;font-size:22px}	
.blogRecentPost {float: left;margin: 4%}
h2#socialMediaHolderTitle{text-indent:10px;font-size:35px;font-weight:100;margin-bottom:10px}

#twitterSocialMediaHub{margin:0px;}
	
/*pin trest*/
#pintrestHolder{float:left;width:90%;margin:5%}
#pintrestHolder .pintressphoto{float:left;width:100%;height:auto;margin-bottom:1%}
#pintrestHolder .pintressphoto img{float:left;width:90%;margin:0 5%}
#pintrestHolder  h4.pintrestTitle{float:left;width:90%;font-size:14px; color:#444C3F !important;margin:1% 5%;}
#pintrestHolder .pintrestLikes{float:left; width:100%; height:auto;margin:1% 0}
#pintrestHolder .pintrestLikes p {float:left;width:25%;text-align:left;margin:0px}
#pintrestHolder h4.pintrestVia {color: #999999 !important;float: left;font-size: 14px;height: 46px;line-height: 46px;margin: 0;padding-left: 1%;text-align: center;width: 97%;}
		
/*Twitter */
#twitterHolder{float:left;width:90%;margin:5%;height:auto} 
#twitterHolder .twitterInfo{float:left;width:100%;height:auto}
#twitterHolder .twitterInfo h4.twitterTitle{color: #100D0D !important;float: left;font-size: 0.8em;height: 27%;line-height: 23px;margin: 0;padding-left:1%;width: 13%;}	
#twitterHolder .twitterInfo h4.twitterUsername{color: #999999 !important;float: left;height: 25px;margin: 0;padding-left: 1%;width: 50%;}
#twitterHolder .twitterInfo h4.twitterUsername a{color:#999999 !important; font-size:14px}
#twitterHolder #twitterButtonHolder{float:left;width:158px;height:auto;clear:left;}
#twitterButtonHolder a{width:163px;height:30px;float:left;background:url("images/followTwitter.png")}
#twitterButtonHolder a:hover{background-position: 0px -30px}
.publishedTweet{float:left;margin:1% 0 ; width:95%;height:auto}
.publishedTweet p {font-size:14px; color:#444C3F;width:96%;margin:2%}
.publishedTweet img{float:left;width:96%;height:auto;margin:2%}
.publishedTweet #tweetBooths{float:left;width:96%;border-radius:4px; border:1px solid #c4c4c4; color:#c4c4c4; padding:2.5%;margin:1% 2%;height:30px;resize:none}
		
.socialAvatar{float:left;background:#414b40;width:40px;height:40px;border-radius:6px;overflow:hidden; margin:5px}
.socialAvatar img{float:left;width:100%;height:100%}

/* -------- CONTENT */
#content { width:66%; float:left; margin: 0 auto}
#Seasonalcontent { width:66%; float:left; margin: 0 auto}
#content.full { width:auto; float:none; clear:both }

/* -------- SIDEBAR */
#sidebar { width:32%; float:right; clear:right; padding-top:0px; padding-right:0px;}
	#sidebar h3{margin:10px 0 5px 0;}

/* -------- SLIDER COIN PAGINATION */
.flex-control-nav { position:absolute; margin:0; right:20px; list-style:none; padding:0;bottom: 40px;}
.flex-control-nav li { float:left; margin-right:4px }
.flex-control-nav li a { cursor:pointer; display:block; border:2px solid #FFF; height:8px; width:8px; text-indent:-9999px; background:#FFF; border-radius:50%; box-shadow:0 0 4px rgba(0,0,0,0.5); opacity:0.6 }
.flex-control-nav li a:hover { opacity:1 }
.flex-control-nav li a.flex-active { opacity:1; background:#a5b3ac }

.flex-direction-nav { padding:0; list-style:none }
.flex-direction-nav li a { position:absolute; text-indent:-9999px; width:28px; height:100px; top:50%; margin-top:-50px; z-index:20; background:#e6e6e6 url("images/scroll_sprite.png") no-repeat 0 0;  }
.flex-direction-nav li a:hover { background-color:#e6e6e6 }
.flex-direction-nav li a.flex-prev { left:0; border-radius:0 28px 28px 0; background-position:0 50% }
.flex-direction-nav li a.flex-next { right:0; border-radius:28px 0 0 28px; background-position:-28px 50% }

/* -------- HOME SLIDER */
#home-slider { clear:both; margin-bottom:30px; position:relative; }
#home-slider ul.slides { max-height:480px; overflow:hidden; margin-bottom:0 }
#home-slider ul.slides li .image { width:66%; float:right }
#home-slider ul.slides li .content { width:34%; float:left; padding:40px }
#home-slider ul.slides li .content h1 { width:100%; display:block; line-height:1.1em }
#home-slider ul.slides li .content h1 a {color:#444C3F}
#home-slider ol.flex-control-nav { bottom:20px }

.slideDescriptionHolder {position:absolute;height: 50%;margin: 18% 22.5% 12%;width: 55%;}
.slideDescriptionHolder h2{float: left;font-size: 6em;line-height: normal;margin-bottom: 0;opacity: 0.99;text-align: center;text-shadow: 1px 1px #111111;text-transform: uppercase;width: 100%;}
.slideDescriptionHolder .slideDescriptionBreak{float:left;width:100%;height:1px;margin:1% 0 2%;}
.slideDescriptionHolder p {float:left;width:100%;height:auto;font-size:1.6em;text-shadow:1px 1px #111111;text-align:center;}

/* ---------- FOOD-AND-DRINK */
#foodAndDrinkHolder{float:left;height: 100%;position: relative;width: 100%;}
.fnd-cont.smallContentHolderBox.slide-big{height:auto !important}
#site .fndDesc{font-size:14px;width:80%;margin:0 10%}

#The_content{float:left;width:100%;}
#The_content p{float:left;width:100%;}

/* -------- RECIPE SLIDER */
#recipe-slider { overflow:hidden; position:relative;}
#recipe-slider .container { margin:0 }
#recipe-slider .container.recipe { margin:0 }
#recipe-slider .flex-control-nav { bottom:60px }

/* -------- OFFER SLIDER */
#offer-slider {  overflow:hidden; position:relative; margin-bottom:30px }
#offer-slider ul { margin-bottom:0 }
#offer-slider .flex-control-nav { bottom:20px; right:20px }

/* -------- OFFER CAROUSEL */
#offer-carousel { position:relative }
#offer-carousel li div.container.split { width:33%; text-align:center; float:left; padding:0 3% }
#offer-carousel li div.container.split h3 { text-transform:uppercase; color:#AD001B }

/* -------- OFFER CAROUSEL */
#seasonal-slider { position:relative }
#seasonal-slider ul { margin-bottom:0 }
#seasonal-slider .flex-direction-nav li a { top:40px; margin-top:0 }

/* Seasonal Content */
.seasonContent  p {font-size: 14px;margin: 2% 0 !important;width: 97%;}
.sess img {width:100%;}
.sess .left { clear: left; }

/* -------- PAGINATION */
#page-navigation .page-previous { width:270px; float:left; background:#3b3b3b; margin-bottom:20px;  }
#page-navigation .page-previous a { display:block; padding:10px }
#page-navigation .page-next { width:270px; float:right; text-align:right; background:#3b3b3b; margin-bottom:20px }
#page-navigation .page-next a { display:block; padding:10px }

/* -------- HOME PAGE FIXES */
#featured-producer .container.filled,
#seasonal-produce .container.filled { position:relative; height:111px }
#featured-producer .container.filled p,
#seasonal-produce .container.filled p { max-height:100px; overflow:hidden }
#featured-producer .container.filled a.faux-button,
#seasonal-produce .container.filled a.faux-button { position:absolute; bottom:20px; right:20px }


/* -------- RECIPES WIDGET */
.container.recipe {float: left;margin: 0% 0 1%;position: relative;width: 100%;}
.container.recipe img{width:100%;height:auto}
.container.recipe .meta { height:40px; padding:8px 13px; position:absolute; bottom:0; right:0; background:rgb(68,76,63); background:rgba(68,76,63,0.7); margin:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;  }
.container.recipe .meta li { line-height:24px; color:#FFF; text-shadow:0 1px 1px rgba(0,0,0,0.5); background-image:url("images/global_sprite.png"); background-repeat:no-repeat }
.container.recipe .meta li.rating	{ float:right ; background:none }
.container.recipe .meta li.serves	{ float:left ; padding-left:24px; background-position:0 -64px; margin-right:10px }
.container.recipe .meta li.time		{ float:left ; padding-left:22px; background-position:0 -88px }
.container.recipe .meta li.view		{ float:right; margin-left:20px; background:none; position:relative; top:-3px; display:none }
.container.recipe.small h3 {float: left;margin: 1% 0 2% !important;width: 100%;}

.container.recipe.small  a{float:left;width:100%;height:auto;}


/* -------- OFFER STYLES */
.container.offer { text-align:center }
.container.offer.border { border-color:#ad001b }
.container.offer .container.padded { padding:10px }
.container.offer .container.filled { background-color:#ad001b }
.container.offer .container h2 { text-transform:uppercase; color:#FFF; margin:10px 0 }
.container.offer .container h2 a { color:#FFF }
.container.offer .container h3 { margin-bottom:5px }
.container.offer .container p { margin-bottom:5px }
.container.offer .container p.price { color:#FFF; font-size:15px; font-family:'Gill Sans W01 Book',Arial,Helvetica,sans-serif; margin-top:15px }
.container.offer .container p.price span { display:inline-block}
.container.offer .container p.price span.bar { padding-right:10px;margin-right:10px;border-right:2px dotted #d6808d}
.container.offer .container.image span { font-size:10px; color:#777; display:block }

/* -------- CHRISTMAS OFFER STYLE */
.container.offer.christmas.border { border-color:#E6E6E6 }
.container.offer.christmas .container.filled { background-color:#E6E6E6 }
.container.offer.christmas .container h2 { color:#444C3F }
.container.offer.christmas .container p.price { color:#444C3F }
.container.offer.christmas .container p.price span.bar { border-color:#999 }

/* -------- CHRISTMAS OFFER STYLE */
.container.offer.christmas.border { border-color:#cda672 }
.container.offer.christmas .container.filled { background-color:#cda672 }
.container.offer.christmas .container h2 { color:#FFF }
.container.offer.christmas .container p.price { color:#FFF }
.container.offer.christmas .container p.price span.bar { border-color:#a9895f }
.container.offer.christmas .container.image * { color:#9c1d30 }
.container.offer.christmas .container.image span { color:#777 }

/* -------- OFFER STYLES */
.container.search h3 { margin-bottom:10px }
.container.search cite { margin-bottom:10px; display:block }

/* -------- VIDEO STYLE */
.container.video .container a { display:block; position:relative }
.container.video .container a img { display:block }
.container.video .container a span { color:#FFF; font-size:10px; position:absolute; bottom:7px; right:7px; background:rgb(0,0,0); background:rgba(0,0,0,0.7); display:inline-block; border-radius:4px; padding:4px; line-height:10px }

/* -------- VIDEO GRID */
.video-grid { clear:both; overflow:hidden }
.video-grid .video { width:32%; float:left; margin-right:2%; clear:right; height:202px; overflow:hidden }
.video-grid .video img { }
.video-grid .video.pos3 { margin-right:0 }
.video-grid .video .container { margin-bottom:10px }

/* -------- BLOG ARTICLE */
.article { overflow:hidden; margin-bottom:1px; padding:3% 3% 3% 0;}
.article h3 { margin-bottom:10px; font-size:1.5em; }
.article h6 { padding-left:24px; margin-bottom:10px; line-height:24px; background:url("images/global_sprite.png") no-repeat 0 -40px }
.article hr { margin-bottom:10px }

/* -------- NOTE PAPER */
.notepad { background:#f6f6f6; box-shadow:0 1px 4px rgba(0,0,0,0.3); padding:25px 10px 25px 84px; background:url("images/notepad_bkg.png") repeat-y top left }
.notepad * { line-height:25px }

/* -------- RECIPE SHARE BAR */
#share-bar { border-bottom:2px solid #e6e6e6; margin-bottom:30px; padding:20px 1px }
#share-bar #social-share { width:48.5%; float:left; margin:0; padding:3px 0 }
#share-bar a.faux-button { float:right }
#share-bar a.faux-button.print { font-family: Gill Sans W01 Book;font-size: 20px;margin-left: 10px;padding: 10px 20px;text-transform:none;}

/* ------- Producer Single Page */
.producerRow{float:left;width:100%;clear:both;height:auto;}
#producerHeader{float:left;width:68%}
#producerHeader h1 {border-bottom: 2px solid #E6E6E6;float: left;margin-top: 18px;padding-bottom: 20px;width: 100%;}
#producerPhoto {float: left;height: auto;margin-bottom: 20px;position: relative;width: 100%;}
#producerPhoto img{width:100%;height:auto}

/* -------- RECIPE FILTER FORM */
#recipe-filter { margin-bottom:30px }
#recipe-filter form input.submit { width:17%; float:left; border-radius:0 20px 20px 0; height:40px }
/* -------- RECIPE BOXS */
.recipesBox{float:left;width:49%;height:auto;overflow:hidden;position:relative;margin:1% 2% 1% 0;}
.recipesBox a img{display:inline;width:100%;height:auto}
.recipesBox .imageHolderDescription{height:auto;background:url("images/ffffff2.png");padding-bottom:20px;}
.recipesBox .imageHolderDescription h3 a{color: #444C3F !important;float: left;font-size: 150%;margin: 2.6% 2% 2.6% 2%;text-align: center;line-height:1.1em;width: 96%;font-weight:100;max-height: 26px;overflow: hidden;}
.recipesBox .imageHolderDescription p{float:left;text-align:left;width:92%;margin:0 4%;font-size:1.1em;color:#444C3F !important;font-weight:100;} 
.recipesBox .imageHolderDescription a{color:#444C3F;font-weight:700;} 
.recipeInformationBox{float:left;width:100%;clear:both;}


.recipesBox.second{margin:1% 0 1% 0;}

#site .fndDesc{font-size:16px !important}
/* -------- MAP SEARCH FORM */
#map-search { margin-bottom:20px; overflow:hidden }
#map-search input.address {border-radius: 0 0 0 0;float: left;font-size: 1.3em;height: 54px;min-width: 260px;padding-left: 20px;width: 60%;}
#map-search input.submit { float:left; border-radius:0px; height:54px; width:54px; max-width:54px;}

#mapSearchBarIcon{background-image:url("images/mapSearchBarIcon.jpg");}

/* -------- PAGINATION */
#pagination { position:relative; border-radius:4px; clear:both }
#pagination ul { text-align:center; margin:0 }
#pagination ul li { display:inline-block; margin:0 5px; line-height:28px }
#pagination a.prev,
#pagination a.next { position:absolute; top:0; display:inline-block; background:#e6e6e6; width:14%; line-height:28px }
#pagination a.prev { left:0; text-align:left; padding-left:10px }
#pagination a.next { right:0; text-align:right; padding-right:10px }

/* -------- LINK LIST */
ol.link-list { list-style-position:inside }
.link-list li {float: left;font-size: 15px;line-height: 35px;padding-left: 10px;padding-right: 3px;width: 96.5%;}
.link-list li:nth-child(odd) { background:#f2f2f2 }
.link-list li span { float:right; padding-left:20px;padding-right:20px; border-left:2px solid #FFF; }

/* -------- DISQUS */
#disqus_thread { clear:both }
    
/* -------- SOCIAL SHARE */
#social-share { float:right; height:41px; padding:24px 0 0; width:7.4%; min-width:80px; border-left: 2px solid #3A4136; border-right: 2px solid #3A4136; margin-bottom:0px; position:relative; display:none;}
		#socialShareDropDown{position:absolute;display:none;width:420px;height:80px;background:#262D22;top:65px;right:-2px;} 
#social-share p { float:left; line-height:24px; margin-bottom:0 }
#social-share ul { margin:0 auto; width:72px; padding-right:6px; }
#social-share ul li { float:left; width:24px; height:31px;position:relative}
#social-share ul li a { display:block; height:25px; text-indent:-9999px; background-image:url("images/nav_sprite.png"); opacity:1; cursor:pointer}
#social-share ul li a.twitter	{ background-position:2px -90px }
#social-share ul li a.facebook	{ background-position:2px -133px }
#social-share ul li a.pintrest	{ background-position:2px -176px }

#sidebar #social-share { background:#e6e6e6; border-radius:20px; padding:8px }
#sidebar #social-share p { margin-left:10px }
#sidebar #social-share ul { float:right }

/* -------- SOCIAL LINKS  */
#social-links ul li { margin-bottom:20px }
#social-links ul li a { font-family:'Gill Sans W01 Book',Arial,Helvetica,sans-serif; display:block; height:40px; border-radius:20px; background-color:#e6e6e6; padding-left:50px; line-height:40px; font-size:17px; background-repeat:no-repeat; color:#444C3F; background-image:url("images/social_sprite.png") }
#social-links ul li a:hover { background-color:#cccccc }
#social-links ul li a.facebook		{ background-position:0 0 }
#social-links ul li a.twitter		{ background-position:0 -40px }
#social-links ul li a.youtube		{ background-position:0 -120px }
#social-links ul li a.newsletter	{ background-position:0 -80px }




/* --------- Wine Page */
	
		@font-face {
		font-family: 'secret_service_typewriterRg';
		src: url('fonts/secret-service-typewriter-webfont.eot');
		src: url('fonts/secret-service-typewriter-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/secret-service-typewriter-webfont.woff') format('woff'),
			 url('fonts/secret-service-typewriter-webfont.ttf') format('truetype'),
			 url('fonts/secret-service-typewriter-webfont.svg#secret_service_typewriterRg') format('svg');
		font-weight: normal;
		font-style: normal;

	}
	
	#mobileWineTitle {
		float: left;
		font-size: 2.4em;
		height: auto;
		text-align: center;
		width: 100%;
		margin:2% 0 3% 0;
		display:none;
	}	
	
	.contentHolder50{
		float:left;
		width:50%;
		margin:0px;
		padding:0px;
	}
	
	#wineTitle{
		float: left;
		width: 100%;
		padding-bottom:33px;
		border-bottom:1px solid #444C3F;
	}
	
	#wineTitle h2{
		float:left;
		width:100%;
		padding:0px;
		margin:0 0 30px 0;
		font-size:2.8em;
	}
	
	#wineTitle  h3 {
		float: left;
		margin: 0;
		width: 100%;
		font-size:18px;
	}	
	
	#wineDetails {
		float: left;
		width: 100%;
		padding-bottom:35px;
		border-bottom: 1px solid #444C3F;
	}	
	
	#wineDetails  h2 {
		float: left;
		margin-top: 31px;
		margin-bottom:15px;
		width: 100%;
		text-indent:-3px;
	}
	
	#wineDetails  p {
		float: left;
		margin: 0;
		width: 100%;
		font-size:18px;
	}

	#wineDetails  ul {
		float: left;
		margin-bottom: 0;
		padding: 0px;
		width: 90%;
		list-style:none;
	}
	
	#wineInformation li {
		font-size: 18px;
		margin: 10px 0 10px 30px;
		padding-left: 0;
		text-indent: 0;
	}	
	
	#wineInformation li:before {
		color: #B8755F;
		content: "• ";
		float: left;
		margin: 0 0 0 -30px;
	}
	
	
	#wineSocialShare {
		float: left;
		height: auto;
		margin: 5% 0;
		width: 100%;
	}
	
	#wineSocialShare h3 {
		float: left;
		margin-right: 2%;
		width: auto;
	}	

	#wineSocialShare .socialIconWine {
		background: url("images/socialIconWine.png") repeat scroll 0 0 transparent;
		float: left;
		height: 24px;
		margin: 0 0.5%;
		width: 24px;
		cursor:pointer;
	}

	#socialIconWineTwitter{background-position:0px 0px !important;}
	#socialIconWineFacebook{background-position:0px -24px !important;}
	#socialIconWineTumblr{background-position:0px -48px !important;}				
	#socialIconWineEmail{background-position:0px -72px !important;}
	
	#socialIconWineTwitter:hover{background-position:-24px 0px !important;}
	#socialIconWineFacebook:hover{background-position:-24px -24px !important;}
	#socialIconWineTumblr:hover{background-position:-24px -48px !important;}				
	#socialIconWineEmail:hover{background-position:-24px -72px !important;}	
	
	.st_booths_tweet{
	background: url("images/socialIconWine.png") repeat scroll 0 0 transparent;
	float: left;
	height: 24px;
	margin: 0 0.5%;
	width: 24px;
	cursor:pointer;	
	}
	
	
	#wineRelatedRecipes {
		float: left;
		height: auto;
		width: 100%;
	}
	
	.wineRecipe {
		float: left;
		margin: 0 2.5% 0 0;
		width: 31%;
	}
	

	.wineRecipe > img {
		height: auto;
		width: 100%;
	}	
	
	.wineRecipe h3 {
		float: left;
		font-size: 1.4em;
		margin-top: 5%;
		width: 100%;
	}
	

	#wineBottleImages {
		float: right;
		overflow: hidden;
		width: 90%;
	}	
	
	#priceLabel {
		background: none repeat scroll 0 0 #444C3F;
		bottom: 0;
		color: #FFFFFF;
		font-size: 2.8em;
		padding: 3.5% 5.5%;
		position: absolute;
		text-align: center;
		text-shadow: 1px 1px #111111;
	}	
	
	#mainWineBottleImage {
		float: left;
		height: 472px;
		margin-right: 0;
		max-height: 472px;
		position: relative;
		width: 70%;
	}	
	

	#mainWineBottleImage img{
		display: list-item;
		margin: 0 auto !important;
		max-height: 100%;
		text-align: center;
		width: auto;
	}	
	
	#smallWineBottleImageHolder {
		float: left;
		height: auto;
		margin: 0 0;
		width: 30%;
	}

	.smallWineBottleImage {
		cursor: pointer;
		float: left;
		margin: 0 5% 5%;
		max-height: 150px;
		overflow: hidden;
		width: 90%;
	}

	.smallWineBottleImage  img {
		height: auto;
		width: 100%;
	}	
		

	#wineSecondaryInformationHolder {
		background: none repeat scroll 0 0 #F0F0F0;
		float: right;
		margin: 3.4% 0;
		padding: 5%;
		width: 80%;
	}
	
	#wineOriginInformation {
		float:left;
		width:90%;
	}	
	
	
	#wineOriginInformation h5{
		float:left;
		width:100%;
		padding-bottom:17px;
		border-bottom:1px solid #b6b6b6;
		color:#b8755f;
		text-align:right;
		color:#b8755f;
	}
	
	#wineOriginInformation h5 span{
		float:left;
		text-align:left;
		color:#444C3F;
	}	

	#wineGrapeInformation {
		float: left;
		height: auto;
		width: 90%;
	}	
	
	#wineGrapeInformation h5{
		float:left;
		width:100%;
		margin-bottom: 14px;
		margin-top:0px;
	}
	
	#wineGrapeInformation h6{
		float:right;
		width:auto;
	} 
	
	.grapeAmountHolder{
		float:left;
		width:80%;
		background:#f1f1f1;
		height:auto;
		margin-bottom:35px;				
	}	

	.grapeAmount {
		background: #444C3F;
		float: left;
		height: 20px;
		width: 80%;
	}	


	.wineTastebuds {
		float: left;
		height: 45%;
		margin-bottom: 5%;
		overflow: hidden;
		width: 90%;
	}
	
	.wineTastebuds h3{
		float:left;
		width:100%;
		margin:0 0 2.5% 0;
		color:#444C3F;
		font-family:"secret_service_typewriterRg";		
	}
	
	
	.wineTastebuds p{
		float:left;
		width:100%;
		margin:0.5% 0 0.5% 0;
		color:#747474;
		font-family:"secret_service_typewriterRg";	
	}
	
	.wineTastebuds span {
		font-size: 1.7em;
		margin: 0 1.2%;
	}

	.tasting-notes {
		clear: both;
		float: left;
		width: 100%;
	}	
	
	#winePageRelatedWines {
		float: right;
		height: auto;
		margin: 2% 0%;
		width: 90%;
	}
	
	#winePageRelatedWines h2{
		float:left;
		width:100%;
		margin:0px;
	}	
	
	#winePageRelatedWineHolder{
		float:left;
		width:100%;
		height:auto;
	}
	
	.winePageRelatedWineItem {
		float: left;
		margin: 2% 5% 2% 0;
		width: 28.3%;
	}
	
	.winePageRelatedWineItem img {
		float: none;
		height: auto;
		margin: 1% auto 5%;
		width: 100%;
	}
	
	.winePageRelatedWineItem .lineBreakerWine{
		float:left;
		width:100%;
		height:1px;
		background:#bababa;
		margin:5% auto;
	}	
	
	
	.winePageRelatedWineItem  a {
		float: left;
		width: 100%;
		color:#444c3f;
	}

	.winePageRelatedWineItem  a :hover{
		color:#5a6354;
	}	
	
	.winePageRelatedWineItem h3 {
		float: left;
		font-size: 1.4em;
		line-height: 1em;
		margin: 0 0 5%;
		min-height: 36px;
		text-align: left;
		width: 100%;
	}
	
	.winePageRelatedWineItem h3 span{
		float:left;
		color:#50584c;
	}	
	
	.relatedWineSize {
		margin-top:5%;
		min-height: 0 !important;
		text-align:right !important;
	}	
	
	.relatedWineSize span{
		text-align:left !important;	
	}
	
	
	/*-- recipe seasonal boxes */
	.quater.left.container.margin{ 
		float: left;
		height: auto;
		margin: 0 0 5px;
		text-align: center;
		width: 100%;
	}





/* -------- CELLAR HEADER  */
#header { clear:both; background:url("images/cellar_header.jpg") repeat-x; margin-bottom:30px; background-size:cover; background-position:center; max-height:350px; padding:0 60px }
#header #product-search { background:#abc7ca; color:#FFF; margin:0 auto; width:100%; max-width:400px; padding:30px }
#header #product-search h1 { margin-bottom:20%; font-family:'Gill Sans W01 Light'; font-size:70px; line-height:70px }
#header #product-search hr { border-bottom-color:#FFF; margin:20px 0 }
#header #product-search form input { width:83%; border-radius:20px 0 0 20px; float:left; padding:10px }
#header #product-search form input[type=text] { background:#FFF }
#header #product-search form input.submit { width:17%; border-radius:0 20px 20px 0; height:40px }

.ie7 #header #product-search h1 { margin-bottom:40px }
.ie7 #header #product-search input { height:30px; padding:5px }

form#searchCellar{float:left;width:65%;margin-right:35%}
#searchCellarInput{border-radius: 0 0 0 0;float: left;font-size: 1.3em;height: 54px;min-width: 260px;padding-left: 20px;width: 60%;background:#E6E6E6 !important;color:#444C3F !important;}
#searchCellarSubmit{width:54px;min-width:54px;max-width:54px;height:54px;border-radius:0px;float:left;background-image:url("images/mapSearchBarIcon.jpg");background-repeat: no-repeat;}

/* Account Page */
#loginHolder {float: none;height: 310px;margin: 0 0 15%;width: 515px;}
#loginform-custom {
    display: block;
    float: left;
    height: auto;
    width: 100%;
	background:#6ba4b8;
	padding:20px;
}
#rememberme , #market_opt_in{float:left;display:block;margin:0px;border:1px solid #464646;height:20px;width:20px;padding:0px;}
p.login-submit{float:left;width:52%;}
p.login-submit #wp-submit{float:right;width:80%;text-align:center;border-radius:2px;margin-right:0.5%;}
p.login-remember{float:left;width:48%}
#accountLogInButton{float:right; margin: 6px 0px 0px 0px; width: 100px; border-radius:6px;}

#accountBackground{float:left;width:100%;height:auto;background:url("images/account_background.jpg") no-repeat;background-position:top right;}
#content-right{width:73% !important;margin-left:2%;float:right;}
#sidebar-left {float: left;width: 25%;}
#welcome-header{width:100%;position:relative; height:auto; /* height:135px; */ clear:both;margin-bottom:10px;}
	#welcome-header .register-card{position:absolute;top:-12px;right:0px;width:162px;}
	#welcome-header .register-card a{float:left;width:100%;font-size:16px;color:#111111;text-align:center;font-weight:600;margin-bottom:2px;}	
#welcome-header h2, h2#welcome-header{width:100%;height:50px;background:url("images/boothsAccountHeader.png") no-repeat;background-position:left;margin-bottom:0px;}
#welcome-header h3{
	width:100%;
	font-size:48px;
	line-height:48px;
	margin:0px 0px 10px 0px;
	color:#5196b1;
	text-transform:uppercase;
	font-weight:600;
}

#my-details,#account-Page-Link, #booths-card, #my-reciepts, #my-rewards {float:left;width:100%;overflow:hidden;height:auto}
#my-details h2,#account-Page-Link h2, #booths-card h2, #my-reciepts h2, #my-rewards h2 {font-size:20px;background:#444C3F;color:#ffffff;padding:5px 0px; text-indent:9px;margin-bottom:5px;width:100%;float:left;}
.accountInformationBlock{float:left;width:88%;height:auto;margin:6%}
	.accountInformationBlock.disabled .accountInformationIcon{background:url("images/account_sprite2.png");}
	.accountInformationIcon.disabled{background:url("images/account_sprite2.png");}

	
	
.accountLineBreak{float:left;height:1px;width:96%;margin:2%;background:#444C3F;}
.accountInformationIcon{float:left;width:40px;height:40px;background-image:url("images/account_sprite.png");margin:0 3% 0 0}
	#accountDetailsIcon{background-position:-6px -9px}
	#accountPersonalIcon{background-position:-6px -63px}
	#accountAddressIcon{background-position:-6px -115px}
	#boothCardIcon{background-position:-6px 436px}
	#myReceiptsIcon{background-position:-6px -215px;margin-top:3px;}
	#myShoppingHabbitsIcon{background-position: -6px -327px;margin-top:2px;}
	#myProductsIcon{background-position:-6px -373px;height:60px}
	#cookBookIcon{background-position:-6px -267px}
	#wineCellarIcon{background-position: -6px -445px;height:52px}
	#LogOuticon{background-position:-6px -520px; height:40px;}
	#FreeBagicon{background-position:-6px -574px; height:40px;}
	#accountLoginIcon{ background-image: url("images/logInIcon.png");height: 34px;margin-right: 12px;width: 34px;}
	
.accountInformationIcon img{width: 84%;}	
	
.accountInformationHolder{float:left;width:70%;margin-left:1%;height:auto;}
.accountInformationHolder  a{float:left;width:100%;height:auto;color:#587b7c;font-size:16px;font-weight:900}
.accountInformationHolder  p{float:left;width:100%;height:auto;color:#7f7f7f;font-size:14px;font-weight:100;margin-bottom:0px;}
.accountInformationHolder a.accountExternalLink{font-size:12px}

.accountOneThirdHolder{float:left;width:31%;height:auto;overflow:hidden;position:relative;margin:0 3.4% 3% 0;cursor:pointer;}
.accountOneThirdHolder img{float:left;width:100%;height:auto;}
.accountOneThirdHolder .topHolder{background:url("images/587b7c.png");overflow:hidden;color: #FFFFFF;left: 0;position: absolute;text-indent: 0.5em;top: 0;width: 100%;height:75px;vertical-align:middle !important;display:table;
}

.accountOneThirdHolder .topHolder .accountIcon{
    display: table-cell;
    height: auto;
    margin: 16px;
    padding: 5% 4% 4%;
    vertical-align: middle !important;
    width: 22%;
}
	
.accountOneThirdHolder .topHolder p{    display: table-cell;
    float: none;
    height: auto;
    line-height: normal;
    margin: 0;
    padding-left: 3%;
    padding-right: 3%;
    text-indent: 0;
    vertical-align: middle !important;
    width: 77%;}
	
#recipe-slider{float:left;width:100%;min-height:350px;}


#registerAnAccount{float:left;width:100%;}
#registerForm input , #registerForm select{font-size:1em;}
#registerForm input[type="checkbox"]{
	display:inline-block;
}
#registerForm label{float:left;margin:1.5% 0.5% 0.5% 0;width:100%;position:relative;}
#marketOptOutL{
   display: block;
    height: auto;
    margin-left: 5px !important;
    margin-top: 0 !important;
    min-height: 22px;
    width: 170px !important;
}	
#marketOptOutL strong {
    float: left;
    height: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
}

#ourCheckBox {
    background:#FFFFFF;
    border: 1px solid #111111;
    height: 17px;
    left: -23px;
    position: absolute;
    top: 0;
	display:none;
    width: 17px;
}

#registerForm label small{float:right;margin:0 0 0 1%;position:absolute;right:3%;}
#registerForm input[type="submit"]{border-radius:0px !important;margin:0% 0 5% 0;width:15%;}
#registerAnAccount p{float:left;width:auto;margin:0 2% 0 0;}

.full{float:left;width:100%;height:auto;position:relative;margin-bottom:3%;}
.full img{float:right;}

#content p img{float:left;}

#accountPageContentHolder{position:absolute;left:0px;top:0px;background:#587b7c;color:#ffffff;height:100%;width:50%}
#accountPageContentHolder h3{border-bottom: 1px solid #FFFFFF;font-family: 'Gill Sans W01 Book',Arial,Helvetica,sans-serif;font-size: 3.4em;font-weight: 100;line-height: 40px;margin: 7% 7% 0;padding-bottom: 20px;width: 86%;margin-bottom:0px;}
#accountPageContentHolder p{float:left;width:86%;margin:2.5% 7%;font-size:1.7em;line-height:32px;}

.accountSplitHalfHolder{float:left;width:96%;position:relative;}
	.accountSplitHalfHolder .imageHolderDescription , .accountSplitFull .imageHolderDescription  {height:14.5%;}
	.accountSplitHalfHolder .imageHolderDescription  p{float:left;width:90%;margin:5%}
	.accountSplitFull .imageHolderDescription p{float:left;width:90%;margin:3.5% 5%;}
.accountSplitFull{float:left;width:100%;position:relative; margin-top:3%;margin-bottom:5%}
#accountSplitHalfHolderRight{float:right}
.accountSplitHalfHolder img , .accountSplitFull img{float:left;width:100% !important;height:auto;}
.accountSplitHalfHolder h3, .accountSplitFull h3{background:#a5b3ac;float:left;width:92%;height:32px;margin-bottom:0px;padding:4%;line-height:34px;color:#ffffff;font-size:30px}
 
 h2.accountSlideShowInfo{position:absolute;width:100%;color:#ffffff;background:url("images/587b7c.png");overflow:hidden;bottom:0px;left:0px;text-indent:2.5%;padding:2.5% 0;}
 .exclusive-videos-holder{float:left;width:46%;height:auto;margin:2% 4% 2% 0;position:relative;background:#111111;}
	 .exclusive-videos-holder img{width:100%;height:auto;overflow:hidden;margin:0px;}
		.exclusive-videos-holder#rightVideoHolder{float:right;margin:2% 0% 2% 4%;}
 .exclusive-videos-holder .video-description{position:absolute;bottom:0px;left:0px;background:url("images/ffffff2.png");width:100%;height:20%;overflow:hidden;}
 .exclusive-videos-holder .video-description p{font-size:200%; margin:5% 0 0 5%; width:95%; height:75%; color:#444C3F;line-height:30px !important;}
 
 #offer-slider2{float:left;width:100%;height:auto;position:relative;margin-top:0%;}
 
/* -------- SOCIAL HUB */
#social-hub { background:#e6e6e6; position:relative; z-index:10 }
#social-hub .inner { max-width:1000px; margin:0 auto; padding:30px }
#social-hub .inner h3 { background-image:url("images/global_sprite.png"); background-repeat:no-repeat; padding-left:35px; line-height:24px }

/* -------- YOUTUBE FEED */
#youtube-feed { width:49%; float:left; margin-bottom:30px }
#youtube-feed h3 { background-position:0 -208px }
#youtube-feed .container.video { margin-bottom:0 }

/* -------- FLICKR FEED */
#flickr-pictures { margin-bottom:10px }
#flickr-pictures h3 { background-position:0 -379px } /* Insta - -471px */
#flickr-pictures ul { margin-right:-12px; height:75px; overflow:hidden }
#flickr-pictures ul li { display:block; background:#444C3F; margin-right:17px; float:left }
#flickr-pictures ul li a { position:relative }
#flickr-pictures ul li a img { display:block }
#flickr-pictures ul li:hover a:before { display:block; content:''; position:absolute; top:24px; left:24px; width:33px; height:35px; background:url("images/global_sprite.png") no-repeat 0 -232px; z-index:9000 }
#flickr-pictures ul li:hover a img { opacity:0.5; position:relative }

/* -------- TWITTER FEED */
#twitter-mentions { clear:both }
#twitter-mentions h3 { background-position:0 -184px }
#twitter-mentions div.marquee { background:#FFF; height:40px; border-radius:20px; position:relative; box-shadow:0 1px 1px rgba(0,0,0,0.15); overflow:hidden }
#twitter-mentions div.marquee:after { content:''; display:block; width:0; height:0; border:5px solid #e6e6e6; border-bottom:15px solid white; border-right-width:20px; position:absolute; top:-20px; left:20px }
#twitter-mentions div.marquee .contents { line-height:40px; width:92% }
#twitter-mentions div.marquee .contents span.tweet { display:inline-block; padding-right:50px; margin-right:34px; height:40px; line-height:40px; background:url("images/global_sprite.png") no-repeat right -339px }
#twitter-mentions div.marquee a.faux-button { border-radius:0 20px 20px 0; line-height:22px; position:absolute; right:0; top:0 }

/* -------- FOOTER */
#footer { max-width:64%; margin:0 auto; background:#FFF; padding:20px 0px 100px}
#footer div.third { float:left; width:46%; text-align:center; margin-bottom:30px }
#footer div.third.first { width:26%; text-align:left; padding:21px 0 }
#footer div.third.last { width:27%; text-align:right; padding:21px 0; float:right;}
#footer div.third p { float:none; width:auto; text-align:inherit; margin-bottom:0;font-size:1.2em }
#footer div.third p span { font-size:17px; font-family:'Gill Sans W01 Medium',Arial,Helvetica,sans-serif;  }
#footer div.third table { margin-bottom:0; border-spacing:0;  border-collapse:collapse }
#footer div.third table td { border-bottom:0; padding:0 }
#footer hr { margin-bottom:30px }

/* -------- FOOTER LINKS */
#footer-links { overflow:hidden; margin:0; clear:both }
#footer-links > li { width:15%; float:left; margin-right:2%; /* border-right:2px solid #e6e6e6; */ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding:20px 2% 20px 0 }
#footer-links > li:last-child { margin-right:0; border-right:0 }
#footer-links > li > a { color:#444C3F; font-size:18px; font-family:'Gill Sans W01 Book',Arial,Helvetica,sans-serif;  }
#footer-links li ul { list-style:none; padding:0; margin-top:15px;font-size:1.1em }

/* -------- WIDGETS */
.widget { float:left;margin-bottom:30px }

/* -------- CAMPAIGN OFFERS */
#campaign-offers li { text-align:center; margin-bottom:20px }

/* -------- SHOPPING LIST */ 
table { width:100%; margin-bottom:20px; border-spacing:2px;  border-collapse:separate }
table td,
table th { padding:2px 8px 6px 8px;  vertical-align:middle }
table th { padding-top:6px }
table thead tr th { background:#d9d9d9 }
table tbody tr td { border-bottom:1px solid #d9d9d9 }
table .offer { color:#697625 }

table#shopping-list tbody tr td a { display:block; height:18px; width:18px; background:url("images/global_sprite.png") no-repeat 0 -318px; text-indent:-9999px; opacity:0 }
table#shopping-list tbody tr:hover td a { opacity:1 }

/* -------- PRODUCT FEED FROM ORDERS */ 
span.price { font-family:'Gill Sans W01 Medium',Arial,Helvetica,sans-serif; font-size:16px }
span.price.large { font-family:'Gill Sans W01 Medium',Arial,Helvetica,sans-serif; font-size:22px }
span.price small { font-size:50% }

/* -------- CELLAR PRODUCTS */
.container.product h3 { min-height:63px; font-size:20px; margin-bottom:0px; margin-top:5%;margin-bottom: 5%;}
.container.product { position:relative; overflow:visible; max-width:320px; margin-left:auto; margin-right:auto }
.container.product h3 a{text-shadow:none;color:#111111;}
.container.product .meta { background:rgb(68,76,63); background:rgba(68,76,63,0.7); z-index:20; padding:10px; position:absolute; bottom:0; right:0 }
.container.product .meta a { vertical-align:top }
.container.product .meta span { color:#FFF; text-shadow:0 1px 1px black; font-size:25px; line-height:30px; display:inline-block }
.container.product dl.details { border-top:none; font-size:16px;}
.cellar-row{float:left;width:100%;clear:both;}
.secundus.divider {float: left;width: 100%;}
/* -------- CELLAR PRODUCTS - THIRD */
.container.product.third { float:left; width:31.33333333%; margin-right:3% }
.container.product.third.last { margin-right:0 }
.container.product.third.first { clear:both; }


.page-id-12366 #backImg #breadcrumbs a , .page-id-12366 #backImg #breadcrumbs span{color:#ffffff !important;}
.page-id-12366 #backImg #welcomeBanner #welcomeBannerContent h1{color:#ffffff !important;border-bottom:1px solid #ffffff !important;}
.page-id-12366 #backImg #welcomeBanner #welcomeBannerContent h2{color:#ffffff !important;}
.page-id-12366 #backImg #welcomeBanner #welcomeBannerContent p {color:#ffffff !important;}

.post-type-archive-product #backImg #breadcrumbs a , .post-type-archive-product #backImg #breadcrumbs span{color:#ffffff !important;}
.post-type-archive-product #backImg #welcomeBanner #welcomeBannerContent h1{color:#ffffff !important;border-bottom:1px solid #ffffff !important;}
.post-type-archive-product #backImg #welcomeBanner #welcomeBannerContent h2{color:#ffffff !important;}
.post-type-archive-product #backImg #welcomeBanner #welcomeBannerContent p {color:#ffffff !important;}

.tax-products_category #backImg #breadcrumbs a , .tax-products_category #backImg #breadcrumbs span{color:#ffffff !important;}
.tax-products_category #backImg #welcomeBanner #welcomeBannerContent h1{color:#ffffff !important;border-bottom:1px solid #ffffff !important;}
.tax-products_category #backImg #welcomeBanner #welcomeBannerContent h2{color:#ffffff !important;}
.tax-products_category #backImg #welcomeBanner #welcomeBannerContent p {color:#ffffff !important;}

#latestProductsH1{float:left;width:100%;margin:4% 0 0;}

/* Video Overlay */
a.videooverlay{width:100%;height:100%;position:absolute;top:0px;left:0px;background:url("images/videoPlayerOverlay.png");}

/* -------- pageNumbering */
.wp-pagenavi{width:30%;margin:3% 0 0 38% !important;float:left;}
.wp-pagenavi a, .wp-pagenavi span{float:left;}

/* -------- PROMISE PRODUCTS */
.container.promise h3 {float:left;width:100%;min-height:42px }
.container.promise { position:relative; overflow:visible; max-width:227px; margin-left:auto; margin-right:auto }
.container.promise .meta { background:rgb(68,76,63); background:rgba(68,76,63,0.7); z-index:20; padding:10px; position:absolute; bottom:0; right:0 }
.container.promise .meta a { vertical-align:top }
.container.promise .meta span { color:#FFF; text-shadow:0 1px 1px black; font-size:25px; line-height:30px; display:inline-block }
.container.promise dl.details { border-top:none }

/* -------- PROMISE PRODUCTS - THIRD */
.container.promise.fifth { float:left; width:17.6%; margin-right:3%; position:relative; }
.container.promise.fifth.last { margin-right:0 }
.container.promise.fifth.first { clear:both; }

/* -------- PRODUCT POST TYPE */
.product-image { position:relative; }

.product-image .illustrative {background: none repeat scroll 0 0 #EBE7E3;border-radius: 3px 3px 3px 3px;bottom: 0;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);font-size: 15px;line-height: 10px;padding: 8px;position: absolute;right: 0;}

/* -------- DEBUG */
#debug { position:fixed; top:20px; left:20px; width:200px; background:#FFF; opacity:0.2; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,0.1); border-bottom:25px solid #FFF}
#debug:hover { opacity:1 }
#debug:after {display:block;content:'a';position:absolute;bottom:-25px;left:10px;height:25px;line-height:25px;color:#FFF}
body.admin-bar #debug { top:48px }
#debug dl { margin-top:20px }
#debug dl dt { float:left; width:95px; margin-right:10px; text-align:right; font-weight:bold; line-height:20px }
#debug dl dd { margin-left:105px; line-height:20px }

/* -------- REVEAL */
.reveal-modal-bg { position:fixed; height:100%; width:100%; background:#000; background:rgba(0,0,0,.7); z-index:100; display:none; top:0; left:0 }
.reveal-modal { visibility:hidden; top:100px; left:50%; margin-left:-255px; width:450px; background:#FFF; position:absolute; z-index:101; padding:30px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 10px rgba(0,0,0,.4); -webkit-box-shadow:0 0 10px rgba(0,0,0,.4); -box-shadow:0 0 10px rgba(0,0,0,.4) }
.reveal-modal .close-reveal-modal { font-size:20px; line-height:10px; position:absolute; top:15px; right:15px; color:#aaa; font-weight:bold; cursor:pointer }
.reveal-modal p { margin-bottom:0 }
.reveal-modal.small 	{ width:300px; margin-left:-180px }
.reveal-modal.medium 	{ width:450px; margin-left:-255px }
.reveal-modal.large 	{ width:600px; margin-left:-330px }
.reveal-modal.xlarge 	{ width:800px; margin-left:-430px }



/* -------- BUTTONS */
a.faux-button { display:inline-block }
.faux-button a { color:#FFF }

.faux-button,
form button,
form input[type=button],
form input[type=submit]
    { 
    color:#FFF;
    text-shadow:0 1px 0 rgba(0,0,0,0.3);
    border:none;
    text-align:center;
    border-radius:0;
    margin:0;
    height:auto;
    width:auto;
    text-transform:lowercase;
    padding:9px 17px 9px 17px;
    background-color:#444C3F; /* DEFAULT COLOR */
    }
    
.faux-button:hover, form button:hover, form input[type=button]:hover, form input[type=submit]:hover
    { 
    cursor:pointer;
    background-color:#5b6655;
    color:#FFF;
    }

.faux-button.color-447C, form button.color-447C, form input[type=button].color-447C, form input[type=submit].color-447C { background-color:#444C3F }
.faux-button.color-447C:hover, form button.color-447C:hover, form input[type=button].color-447C:hover, form input[type=submit].color-447C:hover { background-color:#60675c }

.faux-button.color-443C, form button.color-443C, form input[type=button].color-443C, form input[type=submit].color-443C { background-color:#a5b3ac; text-shadow:none }
.faux-button.color-443C:hover, form button.color-443C:hover, form input[type=button].color-443C:hover, form input[type=submit].color-443C:hover { background-color:#b2beb8 }

.faux-button.white, form button.white, form input[type=button].white, form input[type=submit].white { background-color:#FFF; color:#444C3F; text-shadow:none }
.faux-button.white:hover, form button.white:hover, form input[type=button].white:hover, form input[type=submit].white:hover { background-color:#EEE }

.faux-button.small, form button.small, form input[type=button].small, form input[type=submit].small				{ font-size:12px; line-height:12px }
.faux-button.medium, form button.medium, form input[type=button].medium, form input[type=submit].medium			{ font-size:17px; line-height:17px }
.faux-button.large, form button.large, form input[type=button].large, form input[type=submit].large				{ font-size:22px; line-height:22px }


p.hiddenP{
	float:left;
	display:none;
}

/* -------- FORMS */
fieldset {border:2px solid #e6e6e6;margin-bottom:20px;padding:20px}
fieldset *:last-child { margin-bottom:0 }
fieldset legend {padding:0 10px}

form p { margin-bottom:10px; position:relative}
form label,
form li.cf-box-title { font-family:'Gill Sans W01 Book',Arial,Helvetica,sans-serif; font-size:15px; margin-bottom:5px; display:block }
form label small { position:absolute; right:0; color:#e37700; text-transform:lowercase }

form table { margin-bottom:10px; border-spacing:1px;  border-collapse:separate }
form table td { padding:0 }
form table th { padding-top:6px }
form table thead tr th { background:#d9d9d9 }
form table tbody tr td { border-bottom:none }

form .error { border:1px solid #d14a44 }

input, textarea, select {
	outline:none;
    background:#e6e6e6;
    width:100%;
    max-width:100%;
    border:none;
    height:40px;
    padding:10px;
    color:#444C3F;
    margin:0;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	font-size:1.6em;
}
select { border:1px solid #e6e6e6; padding-bottom:1%; }
textarea {height:auto;max-width:1000px; resize:none;}
input[type="search"] { -webkit-appearance:textfield }
input[type="radio"], input[type="checkbox"] { width:20px; height:20px; display:block;padding:0 !important;}

/* search bars */


p.formField {
	width: 25.5%;
	float:left;
    margin: 0;
	height:70px;
	line-height:70px;
}


p.formField{
	width:23.5%;
	margin:0 2% 0 1.5%;
}

form#searchform label , form#searchform2 label{
	float:left;height:70px;line-height:70px;color:#ffffff;font-size:16px;text-indent:5px;font-weight:bold;
}
form#searchform input.submit , form#searchform2 input.submit{
    background: #444C3F;
    border-radius: 0 0 0 0;
    font-size: 16px;
    height: 40px;
    margin-top: 14px;
    padding: 0;
    width: 17%;
}

#submitProductSearch{width:15%;}

p.formField select {
	width: 75%;
}
p.formField select option {
	font-size: 14px;
}
p.formField label {
	display: block;
	float: left;
	width: 25%;
	vertical-align: middle;
	margin: 0;
	height: 18px;
	color: white;
	font-weight: bold;
}

#prodFilter, #recipe-filter, #offerFilter , #displayTechniquesby {
    background:url("images/searchBackground.png");
    height: auto;
	width:100%;
	padding:5px;
	float:left;
	margin-top:2%;
	-webkit-appearance:none;
}


#recipe-filter form ,#prodFilter form , #displayTechniquesby{float:left;width:100%;height:100%;margin: 0 0 5px;}
#recipe-filter form label , form#searchform2 label ,#displayTechniquesby label{float:left;width:auto;height:39%;margin:2% 1% 1.5% 0%;line-height:normal;font-weight:100;}
#recipe-filter form select, form#searchform2 select ,#displayTechniquesby select{float:left;width:16%;height:54%;padding:0.5%;margin:1.4% 1% 1.4% 0%;border-radius:0px;font-size:1em;}
#recipe-filter form input.submit, form#searchform2 input.submit , #displayTechniquesby input.submit{margin:1%;float:right;width:15%;}
 
 
 /*Form for booths kitchen pages, organise by */
 #featuredKitchenVideos > h2 {float: left;margin-top: 0.6%;width: 100%;}
 
#displayTechniquesby{width:99%;}
#displayTechniquesby label{float:left;width:13% !important;color:#ffffff;margin-top:1.1% !important;}
#displayTechniquesby input{float:left;width:13%;color:#ffffff;margin-top:0.8% !important;}
#displayTechniquesby select{width:23% !important;}
#displayTechniquesby input.submit{color: #FFFFFF;float: left;margin-left: 2.5% !important;margin-top: 1% !important;padding: 0.5% !important;width: 13%;}
 
.label19{width:19% !important}

/* -------- CFORMS */
#cformsform .cf_hidden { display:none }
#cformsform .cf_error { border:1px solid #e37700 }
#cformsform ol { padding:0; list-style:none }
#cformsform ol li { margin-bottom:10px; position:relative }
#cformsform ol li span.reqtxt,
#cformsform ol li span.emailreqtxt { position:absolute; right:0; top:0; color:#e37700; text-transform:lowercase }
#cformsform ol li.cf-box-title { margin-bottom:5px }
#cformsform ol li.cf-box-group { height:20px; background:#e6e6e6; padding:15px; overflow:hidden }
#cformsform ol li.cf-box-group input { height:20px; float:left; margin-right:5px }
#cformsform ol li.cf-box-group label { float:left; margin-right:30px }
#cformsform p.cf-sb { text-align:right }

.cform .cf_hidden { display:none }
.cform .cf_error { border:1px solid #e37700 }
.cform ol { padding:0; list-style:none }
.cform ol li { margin-bottom:10px; position:relative }
.cform ol li span.reqtxt,
.cform ol li span.emailreqtxt { position:absolute; right:0; top:0; color:#e37700; text-transform:lowercase }
.cform ol li.cf-box-title { margin-bottom:5px }
.cform ol li.cf-box-group { height:20px; background:#e6e6e6; padding:15px; overflow:hidden }
.cform ol li.cf-box-group input { height:20px; float:left; margin-right:5px }
.cform ol li.cf-box-group label { float:left; margin-right:30px }
.cform p.cf-sb { text-align:right }
.cform select { padding-top: 0.5%; padding-bottom: 0.5%;}

#cformsform {
    clear: both;
}

p.linklove { display:none }

#product-filter {
		float:left;
		min-width:300px !important;
		margin:0 10px 30px 10px;
    }
    #product-filter label.lbl-start {
        border: 1px solid #E6E6E6;
        background: none repeat scroll 0 0 #E6E6E6;
        padding: 10px;
        float: left;
    }
    #product-filter label.lbl {
        border: 1px solid #E6E6E6;
        background: none repeat scroll 0 0 #E6E6E6;
        padding: 10px;
        float: left;
    } 
    #product-filter form select {
        float: left;
        line-height: 34px;
        padding: 10px;
    }
    #product-filter form select.types {
        border-radius: 4px 0 0 4px;
    }
    #product-filter form select {
    font-size: 1.4em !important;
    height: 45px;
    margin-top: 1.8%;
    width: 37.5%;
    }

    #product-filter form input.submit {
        border-radius: 0;
        float: left;
        height: 45px;
        width: 25%;
    }

	
	#backImg{float:left;width:100%;height:100%;background-size:100% auto !important;}

    .home #backImg{background-size: contain !important;}

    .home #backImg{background-size: 87% auto !important;}

/*Blog Post Page */

#blogTitle {
    border-bottom: 2px solid #E6E6E6;
    padding-bottom: 20px;
}

.blog.Post {
    border-bottom: 2px solid #E6E6E6;
    float: left;
    height: auto;
    margin: 2% 0;
    padding-bottom: 4.5%;
    position: relative;
    width: 100%;
}

.blog.Post a.readMoreButton {
    background: none repeat scroll 0 0 #444C3F;
    color: #FFFFFF;
    font-size: 1.4em;
    padding: 1.5% 3%;
    float: right;
    text-align: center;
    text-shadow: 1px 1px #111111;
    width: auto;
}

.blogPostLeft{
    float: left;
    height: auto;
    width: 40%;
}

.blogPostLeft iframe {
    float: left;
    width: 100% !important;
}

.blogPostRight {
    float: right;
    height: auto;
    width: 58%;
}

.b {
    float: right;
    height: auto;
    margin-right: 3%;
    position: relative;
    width: 54%;
}

.b p {
    float: left;
    height: auto;
    margin: 2% 0;
    width: auto;
	font-size:1.4em;
}

.blogPostTitle {
    border-bottom: 1px solid #E6E6E6;
    float: left;
    height: auto;
    margin: 0 0 2%;
    width: 100%;
}

.blogPostTitle h3 {
    float: left;
    margin: 0;
    width: 100%;
	font-size:1.8em;
}

.blogPostTitle h6 {
    float: left;
    margin: 0;
    width: auto;
}

/* Custom Lightbox for account page */
#lightBoxBackground {
	display:none;
    background: url("images/111111.png");
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.registrationHelp1 , .registrationHelp2{
	float:right;
	width:32px;
	height:32px;
	background:url("images/registrationHelp.png");
	cursor:pointer; 
	margin-top:-10px;
	margin-left:10px;
}
.registrationHelp1:hover , .registrationHelp2:hover{
	background-position: -32px 0;
}

#lightBoxBackground a.registrationButton{
    background: none repeat scroll 0 0 #444C3F;
    color: #FFFFFF;
    float: left;
    font-size: 2em;
    margin: 4% 25%;
    padding: 1%;
    text-align: center;
    width: 50%;
}
#lightBoxBackground a.registrationButton:hover{
	background:#636e5b;
}

#lightBoxBackground .lightBoxCenter {
	display:none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    float: left;
    height: 50%;
    margin: 10% 25%;
    width: 50%;
	position:relative;
}
#lightBoxBackground .closeThisLightBox{
	position:absolute; 
	top:-25px;
	right:-25px;
	background:url("images/closeThisLightBox.png");
	width:50px;
	height:50px;
	cursor:pointer;
}
#lightBoxBackground .lightBoxCenter .half {
	float:left;
	width:50%;
	height:100%;
	overflow: hidden;
}
#lightBoxBackground .lightBoxCenter .half.left {
    border-radius: 6px 0 0 6px;
    border-right: 1px solid #444C3F;
    width: 49.8%;
}
#lightBoxBackground .lightBoxCenter .half.right {
    border-radius:0 6px 6px 0;
	height: 96%;
    padding: 2%;
    width: 44%;
}

	/*Form validation icon*/
	.formValidationFailIcon{
		float:right;
		width:24px;
		height:24px;
		margin-left:6px;
		background:url("images/formIconWarning.png");
	}



/* FORM STYLING */
	#formClearLeft{clear:left} 
	#recipe-filter form input.submit , form#searchform2  input.submit {height: 32px;margin-bottom: 0;margin-top: 2.1% !important;font-family: Gill Sans W01 Book;margin-left:2%;float:left;}
	#recipe-filter form select, form#searchform2 select {float:left;margin: 2% 15px 0 0; width:13%;clear:none !important;}
	#recipe-filter form label, form#searchform2 label  , #displayTechniquesby label{padding-left:2%;text-align:center;width:6%;line-height: 29px;text-align:left;overflow:hidden;clear:none !important;margin: 2% 1% 1.5% 0;}
	#recipe-filter, #prodFilter{height:auto !important} 
	
	
 
	form#searchform2 label{width:6%;line-height: 29px;text-align:left;overflow:hidden;clear:none !important;}
	form#searchform2 select{float:left;margin: 2% 20px 0 0; width:15%;clear:none !important;}
	form#searchform2 input.submit{height: 32px;margin-bottom: 0;margin-top: 1.5% !important;font-family: Gill Sans W01 Book;margin-left:2%;}	
 
 .accountOneThirdHolder .topHolder{display: table;
    font-size: 1.2em;
    height: 75px;
    line-height: 4.5;
    vertical-align: middle !important;}

/* Slider Styles */
.flex-viewport .slides > li:first-child {display: none; -webkit-backface-visibility: visible;}
.flex-viewport .slides > li {display: none; -webkit-backface-visibility: hidden;}

.flex-viewport .slides li{display:none;}

#recipe-slider .container.recipe, #offer-slider2 .container.recipe{display:none;}

/* Pagination */
.wp-pagenavi a, .wp-pagenavi span{text-align:center !important;padding:12px !important;font-size:14px;background:#e6e6e6;color:#666666;border:0px !important;}
.wp-pagenavi a:hover, .wp-pagenavi span:hover{border:none;background:#444C3F;cursor:pointer;color:#ffffff;}
.wp-pagenavi span.current{background:#444C3F;color:#ffffff;}





#aboutBoothsCardPage{
    float:left;
    width:100%;
    margin-top:65px;
    background:#fff;
}


.aboutBoothsCardFooterWrapper{
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin: 40px 0 0 !important;
    width: 100%;
}

.aboutBoothsCardFooterWrapper #site{
    margin-top:0 !important;
}

#aboutBoothsCardPage h1 {
    color: #FFFFFF;
    float: left;
    font-family: 'gill sans w01 book',sans-serif !important;
    font-size: 46px;
    font-weight: 100;
    line-height: 56px;
    text-transform: uppercase;
    width: 100%;
    margin:20px 0 20px 0;
}

#aboutBoothsCardPage h1 span {
    clear:both;
    color:#363c38;
    width:100%;
}

#aboutBoothsCardPage h3.cardHolderRewards {
    color: #FFFFFF;
    float: left;
    font-family: 'gill sans w01 book',sans-serif !important;
    font-size: 42px;
    margin:0;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}

#aboutBoothsCardPage h3.cardHolderRewards span {
    color:#363c38;
    font-weight:600;
}

#largeBoothsCardImage{
    display:block;
    margin:60px auto 0 auto;
    max-width:100%;
}

#aboutBoothsCardPage h4{
    float:left;
    width:100%;
    padding:0;
    color:#ffffff;
    font-family: 'gill sans w01 book',sans-serif !important;
    font-size:22px;
    line-height:22px;
    margin:0 0 10px 0;
    text-transform:uppercase;
    height:auto;
}

.thisSetHeight h4{
    height:45px !important;
}

#aboutBoothsCardPage .aboutCardHolderList{
    float:left;
    width:100%;
    padding:0 10px 0 15px;
    color:#ffffff;
    font-family: 'gill sans w01 book',sans-serif !important;
}

.aboutCardHolderList  li {
    float: left;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px;
    padding: 0 5px 0 5px;
    clear: left;
}

.thisSetHeight {
    min-height:320px !important;
    margin-bottom:30px;
}

.thisSetHeight a {
    color: #111111;
    float: left;
    font-family: 'gill sans w01 book',sans-serif !important;
    font-size: 23px ;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}
.thisSetHeight ul{
    min-height:300px;
}

.thisSetHeight a:hover{
    color:#ffffff;
    text-decoration:underline;
}

.beforeThisAddLine{
   position:relative;
}
.beforeThisAddLine:before{
    content:"";
    height:100%;
    left:-3px;
    background:#363c38;
    position:absolute;
    width:1px;
}

.beforeThisAddLine:after{
    content:"";
    height:100%;
    right:-3px;
    background:#363c38;
    position:absolute;
    width:1px;
}

.phoneAppAdvert{
    border-top:1px solid #363c38;
    border-bottom:1px solid #363c38;
    padding:20px 0 !important;
    margin-top:20px;
    height:auto !important;
    min-height:100px;
}

.phoneAppAdvert p {
    font-family: 'gill sans w01 book',sans-serif !important;
    margin: 0 0 20px 0;
    color: #FFFFFF;
    float: left;
    font-size: 20px;
    line-height: 30px;
    width: 100%;
}
.phoneAppAdvert p span{
    color:#363c38;
}


#smallPhoneDisplayIcon {
    float: left;
    margin-left: 15%;
    width: 10%;
}

#smallPhoneDisplayIcon img {
    display: block;
    height: 44px;
    margin: 19px auto 0;
    width: 22px;
}

.phoneAppAdvert a {
    color: #FFFFFF;
    float: left;
    font-family: 'gill sans w01 book',sans-serif !important;
    font-size: 26px;
    height: auto;
    line-height: 36px;
    padding: 22px 0 0;
    text-align: center;
    text-decoration: none;
    width: 33%;
    margin-top:0;
}

.phoneAppAdvert a:hover{
    color:#363c38;
}

.howDoIGetACard{
    float:left;
    width:100%;
    font-family: 'gill sans w01 book',sans-serif !important;
    font-size:20px;
    line-height:24px;
    color:#ffffff;
    text-align:left;
    margin:5px 0 10px 0;
}

.subHeading {
    color: #FFFFFF;
    float: left;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px !important;
    width: 100%;
}

#aboutBoothsCardPage #footer , .page-template-page-blue-design-php #footer {
    float: left;
    height: auto;
    padding: 0 0 40px;
    width: 100%;
}

.page-template-page-blue-design-php p{
    float: left;
    line-height: 24px;
    margin: 0 0 20px;
    width: 100%;
}

.page-template-page-blue-design-php a.faux-button{
    font-size:16px;
    padding:16px 18px;
    text-transform: capitalize;
}

.page-template-page-blue-design-php ol {
    float: left;
    font-size: 16px;
    padding: 0 0 0 20px;
    width: 100%;
}

.page-template-page-blue-design-php ol li{
    float:left;
    width:100%;
    margin:0 0 6px 0;
}

.page-template-page-blue-design-php hr{
    margin-bottom:30px;
}

/* New Login Page Styles */
.winterLoginPage .row{
    overflow:visible;
}


#accountLoginBanner{
    float:left;
    width:auto;
    max-width:100%;
    height:auto;
    margin:0 0 20px 0;
}

#aboutBoothsCardPage .subHeading {
    font-family:'Gill Sans W01 book',Arial,Helvetica,sans-serif;
    font-size: 24px;
    font-weight: 100;
    line-height: 34px;
    margin-top:10px;
}

.titleContainer {
    border-bottom: 1px solid #FFFFFF;
    float: left;
    padding-bottom: 20px;
    position: relative;
    width: 100%;
    margin-top:14px;
    margin-bottom:20px;
}
.titleContainer p {
    color: #000;
    font-family: 'Gill Sans W01 book',Arial,Helvetica,sans-serif;
    font-size: 24px;
    font-weight: 100;
    line-height: 34px;
    margin: 0;
}

.titleContainer h2 , h3.newLoginPage {
    float: left;
    font-size: 26px;
    font-weight: normal;
    text-transform: uppercase;
    width: 100%;
    font-family: 'Gill Sans W01 book',Arial,Helvetica,sans-serif;
    margin:0;
    line-height:26px;
	color:#6ba4b8;
}

h3.newLoginPage {
    color: #FFFFFF;
    font-size: 30px;
    line-height: 40px;
    margin: 10px 0;
}

#smallerBoothsCard {
    height: auto;
    margin-top: -55px;
    position: absolute;
    right: 0;
    top: 0;
    width: 210px;
    z-index: 100;
}

p.newLoginContent {
    color: #FFFFFF;
    font-family: 'Gill Sans W01 book',Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 100;
    line-height: 26px;
    margin: 0 0 10px;
}


#aboutBoothsCardPage .button.largeButton {
    background:#363c38;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    font-weight: 900;
    margin: 40px auto 30px auto;
    padding: 15px 20px;
    text-align: center;
    width: 225px;
}

#aboutBoothsCardPage .button.largeButton:hover {
    background:#5c6f63;
}


.borderBottomWhite{
    padding-bottom:20px;
    border-bottom:1px solid #ffffff;
    margin-bottom:40px;
}

/* Mew Logni Page Form */
.winterLoginPage .login-username > label, .winterLoginPage .login-password > label , .winterLoginPage .login-remember > label{
    float:left;
    width:100%;
    font-family: 'Gill Sans W01 book',Arial,Helvetica,sans-serif;
    font-size:16px;
    line-height:26px;
    color:#ffffff;
}

.winterLoginPage .login-username input , .winterLoginPage .login-password input{
    color:#3b6d7e;
    margin-bottom:10px;
}

.winterLoginPage .login-remember input {
    margin: 4px 0 !important;
}

.winterLoginPage p.login-submit #wp-submit{
    border-radius: 0;
    float: right;
    font-size: 16px;
    font-weight: 900;
    margin-right: 0.5%;
    padding: 15px 20px;
    text-align: center;
    width: 60%;
    background:#363c38;
    text-transform:capitalize;
}

.winterLoginPage p.login-submit #wp-submit:hover{
    background:#5c6f63;
}

.loginhelp {
    float: left;
    height: auto;
    width: 100%;
	background:#6ba4b8;
	padding:0px 20px 20px 20px;
}

.loginhelp p , .loginhelp p a{
    width:100%;
    font-family: 'Gill Sans W01 book',Arial,Helvetica,sans-serif;
    font-size:16px;
    line-height:26px;
    color:#ffffff;
    margin:0;
}

.loginhelp p a{
    text-decoration:underline;
}


/* .loginhelp p:last-child a{
    margin-bottom:85px;
} */

#newExclusive{
    margin-bottom:20px;
}



/* MEDIA */
@media screen and (max-width: 1200px){
    .thisSetHeight{
        min-height:500px;
    }

    .thisSetHeight ul{
        min-height:415px;
    }

    #aboutBoothsCardPage h4{
        height:40px;
    }


    .phoneAppAdvert{
        float:left !important;
    }

    #smallerBoothsCard {
        margin-top: 10px;
        width: 115px;
        z-index: 100;
    }

    h3.newLoginPage{
        font-size:28px;
        line-height:38px;
    }

    .loginhelp p:last-child a {
        margin-bottom: 135px;
    }

}

@media screen and (max-width: 992px){

    .page-template-page-blue-design-php table{
        width:100% !important;
    }

    #aboutBoothsCardPage h1 {
        font-size: 32px;
        line-height: 42px;
    }

    #largeBoothsCardImage{
        margin:30px  auto 0;
    }

    #aboutBoothsCardPage h3.cardHolderRewards {
        font-size:36px;
    }

    #aboutBoothsCardPage h4{
        text-align:center;
    }

    #aboutBoothsCardPage .aboutCardHolderList {
        padding: 0;
        text-align: center;
    }

    #aboutBoothsCardPage .aboutCardHolderList li {
        list-style:none;
        padding:0 10px;
    }

    .beforeThisAddLine:before{
        left:0;
    }

    .beforeThisAddLine:after{
        right:0;
    }

    #smallPhoneDisplayIcon{
        margin-left:5%;
    }

    .phoneAppAdvert{
        display:block;
    }

    .phoneAppAdvert{
        float:left;
    }

    .thisSetHeight a{
        margin-left:0;
        width:100%;
        text-align:center;
    }

    .howDoIGetACard{
        height:auto !important;
    }

    .phoneAppAdvert p{
        width: 100%;
        text-align:center;
        float:left;
        margin:0;
        padding:0;
    }

    h3.newLoginPage {
        font-size: 20px;
        line-height: 30px;
    }

    .loginhelp p:last-child a {
        margin-bottom: 179px;
    }

    #smallerBoothsCard{
        display:none;
    }

}

/* Small Screen */
@media screen and (max-width: 764px){

    #aboutBoothsCardPage h1{
        float:left;
        width:100%;
        text-align:center;
        font-size:20px;
        line-height:30px;
    }
    .page-template-page-blue-design-php h1{
        float:left;
        width:100%;
        text-align:center;
    }

    #largeBoothsCardImage{
        margin:0px auto 20px auto;
    }

    #aboutBoothsCardPage h3.cardHolderRewards{
        font-size:20px;
        line-height:30px;
    }

    #aboutBoothsCardPage h4{
        height:auto;
    }

    .thisSetHeight ul , .thisSetHeight{
        min-height:0 !important;
    }

    .beforeThisAddLine:before ,   .beforeThisAddLine:after{
        display:none;
    }


    .phoneAppAdvert{
        float:left !important;
        padding:0 40px;
    }

    .phoneAppAdvert p {
        font-size: 20px;
        line-height: 30px;
    }
    #smallPhoneDisplayIcon{
        width:100%;
        margin-left:0;
    }

    .phoneAppAdvert a{
        font-size:20px;
        width:100%;
        text-align:center;
    }

    .thisSetHeight a{
        width:100%;
        margin-left:0;
        text-align:center;
    }

    #aboutBoothsCardPage h3.cardHolderRewards{
        width:100%;
        text-align:center;
    }

    #aboutBoothsCardPage .subHeading{
        text-align:center;
    }

    .aboutCardHolderList li{
        float:left;
        width:100%;
        text-align:center;
    }

    .thisSetHeight a{
        font-size:16px;
        text-decoration:underline;
    }

    #aboutBoothsCardPage h4 {
        font-size: 20px;
        height: auto;
        padding: 0 35px;
    }

    .phoneAppAdvert p {
        font-size: 16px;
        line-height: 30px;
        padding: 0 35px;
        text-align: center;
        width: 100%;
    }

    .page-template-page-blue-design-php h2, .page-template-page-blue-design-php h3 , .page-template-page-blue-design-php h4{
        font-size:20px !important;
        line-height:30px !important;
        width:100%;
        text-align:center;
    }

    .page-template-page-blue-design-php h4{
        float:left;
        width:100%;
        margin-top:10px;
        margin-bottom:0;
    }

    .page-template-page-blue-design-php p{
        float:left;
        width:100%;
        text-align:center;
        font-size:16px;
        line-height:24px;
    }


    .page-template-page-blue-design-php a.faux-button {
        color: #FFFFFF;
        display: block;
        float: none;
        font-size: 16px;
        height: auto;
        padding: 14px 0;
        text-transform: capitalize;
    }


    .page-template-page-blue-design-php ul , .page-template-page-blue-design-php ol{
        float:left;
        width:100%;
        height:auto;
        padding:0;
        margin:0 0 10px 0;
    }


    .page-template-page-blue-design-php ul li , .page-template-page-blue-design-php ol li{
        float:left;
        width:100%;
        width:100%;
        text-align:center;
        font-size:16px;
        margin:0 0 4px 0;
        list-style:none;
    }

    .page-template-page-blue-design-php table td{
        font-size:12px;
    }


    #accountLoginBanner{
        display:block;float:none;
        width:320px;
        margin:20px auto;
    }

    .winterLoginPage .subHeading{
        font-size:16px;
        line-height:26px;
        width:90%;
        margin:0 5%;
    }

    .titleContainer > p , .titleContainer h2{
        float: left;
        margin: 10px 0 0 0;
        text-align: center;
        width: 100%;
    }

    .winterLoginPage #loginform-custom{
        width:100%;
        margin:0;
    }

    .loginhelp{
        float:left;
        width:100%;
        margin:0;
    }

    .loginhelp p:last-child a{
        margin-bottom:0;
    }

    .newLoginContent{
        width:90%;
        margin:0 5% !important;
        text-align:center;
    }

    h3.newLoginPage{
        float:left;
        width:100%;
        text-align:center;
    }

    #newExclusive{
        float:left;
        width:90%;
        margin:0 5%;
    }

    .winterLoginPage #breadcrumbs{
        float:left;
        width:90%;
        margin:0 5%;
    }

    .titleContainer{
        width:90%;
        margin:0 5%;
    }

    .titleContainer h2{
        font-size:36px;
        line-height:26px;
    }

    #aboutBoothsCardPage .subHeading{
        font-size:16px;
        line-height:26px;
    }

    .borderBottomWhite{
        border:none;
    }

    p.newLoginContent{
        float:left;
    }

    #aboutBoothsCardPage .button.largeButton {
        background: none repeat scroll 0 0 #363C38;
        color: #FFFFFF;
        display: block;
        float: left;
        font-size: 18px;
        font-weight: 900;
        height: auto;
        margin: 30px 25% 20px;
        padding: 15px 20px;
        text-align: center;
        width: 50%;
    }

    h3.newLoginPage {
        font-size: 18px;
        line-height: 28px;
    }

    .titleContainer h2 {
        font-size: 32px;
        line-height: 32px;
        margin-top:0px;
    }
			#welcome-content, #my-rewards{
			float: none;
			margin: 0 auto;
			/* width: 89%; */
			width:100%;
		}
		#registerForm label{
			clear:both;
		}
		
		body.page-template-page-account-add-receipt #content-right, 
		body.page-template-page-account-receipts-php #content-right, 
		body.page-template-page-account-lost-card #content-right, 
		body.page-template-page-account-details #content-right, 
		body.page-template-page-account-new-card-layout #content-right{
			float:none;
			margin:0 auto;
			clear:both;
			/* width:90% !important; */
			width:100% !important;
		}
		
		body.page-template-page-login-dev-php *, body.page-template-page-login-dev-php #aboutBoothsCardPage h1{
			text-align:left;
		}
		#aboutBoothsCardPage.winterLoginPage .about-card-title{
			clear:both;
		}
		
		#aboutBoothsCardPage.winterLoginPage .about-card-title h2{
			/* display:none; */
		}
		
		#account-login-true{
			margin: 12px 4px 0;
			min-width: 50px !important;
		}
		#account-login-true a, #account-login a {
			width: 53px !important;
		}
		
		#aboutBoothsCardPage.winterLoginPage .borderBottomWhite{
			border-bottom:1px solid #fff !important;
			float:left;
			width:100%;
		}
		
		#aboutBoothsCardPage .about-card-title{
			clear:both;
		}
		
		#aboutBoothsCardPage .about-card-title h1{
			text-align:left;
			font-size: 30px;
		}
		#sidebar-left.account-sidebar{
			width:100%;
		}
		#sidebar-left.account-sidebar img#largeBoothsCardImage{
			width:50% !important;
			margin:0 auto 20px auto !important;
		}
}











































	

/* -------- BROWSER FIXES */
.ie7 .container.recipe h1,
.ie8 .container.recipe h1,
.ie7 .container.recipe h1 a,
.ie8 .container.recipe h1 a { color:rgb(68,76,63) }
.ie7 .link-list li, 
.ie8 .link-list li { border-bottom:1px solid #f2f2f2 }

.ie7 #footer-links > li,
.ie8 #footer-links > li { text-align:center; width:14.5%; float:left; margin:0; border-right:none; padding:20px 0 }

.ie7 #store-locator form,
.ie8 #store-locator form {width:230px}
.ie7 #store-locator form input[type=search],
.ie8 #store-locator form input[type=search] {width:180px}
.ie7 #store-locator form input[type=submit],
.ie8 #store-locator form input[type=submit] {width:50px}

.ie7 .container.recipe.large .meta { height:27px }
.ie7 .container.recipe.small .meta { height:24px }

/* mobile navigation menu */
	#displayMenuHolder{float:left;width:40px !Important;height:65px;margin-right:7px;border-right:2px solid #3A4136;margin-left:5% !important; padding-right:5%;}
	#displayMenu{float:left;width:40px;height:40px;cursor:pointer;margin: 15px 17px 10px 9px; background:url("images/menuButton.png")}
	ul#mobileNavigation li:nth-last-child(){display:none;}

/*IPad Layouts*/
	/*Portrait */
	@media only screen and (max-device-width: 1024px) and (orientation:portrait) {   
	
		#account-login-true a , #account-login a{
		width: 53px !important;		
		}	    
	
	   ul#navigation  li:nth-last-child(7){display:none !important}	   
	   ul#navigation  li:nth-last-child(6){display:none !important}
	   ul#navigation  li:nth-last-child(5){display:none !important}
	   ul#navigation li:nth-last-child(4){display:none !important}
	   ul#navigation  li:nth-last-child(3){display:none !important}
	   ul#navigation  li:nth-last-child(2){display:none !important}

	   ul#navigation .sub-menu-header li{display:block !important}	   

	   ul#navigation {width: 155px !important}
	   ul#sub-menu-header li{display:block;}
		#homePageContentHolder{margin-top:20px}	   
		#homePageContentContainer{height:350px !important; min-height:0px !important;margin-top:-60px;margin-bottom:20px !important}	   
		#boothsSocialMediaHolder{width:95%;margin:1% 2.5%}	   
		.smallContentHolderBox .imageHolderDescription h2,.smallContentHolderBox .imageHolderDescription h2, .smallContentHolderBox .imageHolderDescription p, .largeAdvertHome .imageHolderDescription p, .homeContentColumnLandscapeBox .imageHolderDescription p{font-size:0.9em;}
		h2#socialMediaHolderTitle{text-indent:0px;font-size:18px;padding-bottom:0px;margin-bottom:5px}
			.socialColumn{width:32% !important; margin:1% 0.5% !important}
				img.socialIcon{width:22px;height:22px}
				h2#blogH2, h2#pintrestH2, h2#twitterH2{width:85% !important; padding:10px 0 0px;margin:0;height:39px;overflow:hidden;font-size:14px;}
				.blogRecentPost{width:98%;margin:1%}
				.blogRecentPost h3{font-size:14px; width:100%;} h6, .sextus{float:left;margin:0px;font-size:10px !important;width:100%;border-bottom:1px solid #E6E6E6}
				.blogRecentPost hr{display:none}
				#pintrestHolder .pintressphoto{height:auto;max-width:50%;width:50%;margin:0 25%}
				#pintrestHolder .pintressphoto img{margin:0 5%;max-width:100%;height:auto}
				#pintrestHolder h4.pintrestTitle{text-align:center}
				.mobileCentre{float:left;width:100%}
				h4.pintrestVia{float:left;width:60% !important;overflow:hidden;}	
				#twitterHolder .twitterInfo h4.twitterUsername a{font-size:0.5em; float:left;}
				#twitterHolder .twitterInfo h4.twitterTitle{width:23%}	
				#twitterHolder #twitterButtonHolder{float:none;margin:0 auto}			
		#footer{width:100%;padding:20px 0 40px 0}
		#site{width:82% !important;}
		#pricesLabel{clear:left;}
		#halfContent{width:100%;}
		
		.halfOfRecipe .recipeIcon{float:left;margin:0 39% !important;}
		.halfOfRecipe  p{float:left;width:100% !important; margin:0% !important;padding:0px !important;text-align:center !Important;}
	
	
	
		
	#searchCellar{margin-bottom: 20px !important;}		
	.wp-pagenavi{margin:3% 0 0 39% !important; width:30% !important;}
		
	/* account logged in page style*/
	.accountInformationHolder{width:60% !important;}
	
	.wp-pagenavi{width:40% !important;margin:3% 0 0 32% !important}
	
	.producerBoxHolder{width:100% !important;float:left;margin:0px;}
	.divider.tertius{float:left;width:100%;margin:5px 0 5px;padding-bottom:5px;}
	
	/* responsive wine page code */
		.wineTastebuds h3{font-size:1.2em;}
		.wineTastebuds p{font-size:1em;}
		#wineSecondaryInformationHolder .contentHolder50{float:left;width:100%;}
		#wineOriginInformation, #wineGrapeInformation, .wineTastebuds{width:100%;}
		#mainWineBottleImage{width:100%;margin:0px;}
		#smallWineBottleImageHolder{display:none;}
		.winePageRelatedWineItem h3,.wineRecipe h3{font-size:1em;}
	
	/*IPAD Form Styling */
	#recipe-filter form label, form#searchform2 label {font-size:0.9em !important;width:10%;padding-left:10px;margin-top:2.1%;}
	form#searchform2 label{font-size:0.9em;width:8%;margin-top:2.1%;}
	 
	#recipe-filter form select, form#searchform2 select {width:14%;margin-right:0px;margin-top:3.1%;}
	form#searchform2 select{float:left;margin: 2% 20px 0 0; width:15%;clear:none !important;margin-right:0px;margin-top:3.1%;}	
	
	#recipe-filter form input.submit , form#searchform2  input.submit {width:13% !important;margin-left:3% !important;font-size:0.9em;}
	form#searchform2 input.submit{width:13% !important;margin-left:3% !important;font-size:0.9em;}	
 	
	/*IPad Account Page Stylnig*/
	#sidebar-left{width:100%;}
	#content-right{width:100% !important;}
	#my-details, #account-Page-Link, #booths-card, #my-reciepts{width:48%;margin:0 1%;}
	.accountOneThirdHolder{margin: 3% !important;width: 44%;}
	#registerForm{float:left;width:90% !important;margin:5% !important;}
	
	/* Wine Page*/
	#wineSocialShare h3{display:none;}
	#smallWineBottleImageHolder{display:block;float:left;width:100%;margin:5% 0;}
	.smallWineBottleImage{display:block;float:left;width:45%;margin:5% 9% 5% 0 !important;max-height:100px;border:1px solid #444C3F;}
	.smallWineBottleImage:nth-child(even) {margin:5% 0 5% 0 !important;}

	}


#welcomeBannerContentButton{
    background:#939085;
    font-size:18px;
}

#welcomeBannerContentButton:hover{
    background: #7d796b !important;
}

	
/* -------- LARGE SCREENS */

@media only screen and(min-width: 1900px){
    .home #welcomeBannerContent{
        margin: 25% 0 20px !important;
    }
}

@media only screen and(max-width: 1780px){


    .home #backImg {
        background-size: 101% auto !important;
    }

    .home #welcomeBanner{
        margin-top:50px;
    }

    .home #welcomeBannerContent {
        margin: 21% 0 10px !important;
    }
}

@media (min-width: 1800px){
    .home #welcomeBannerContent{
        margin: 25% 0 20px !important;
    }

}

@media (max-width: 1782px){

    .home #backImg{
        background-size:101% auto  !important;
    }

    .home #welcomeBanner{
        margin-top:50px !important;
    }
}

@media (max-width: 1700px){
    .home #welcomeBannerContent {
        margin: 20% 0 10px !important;
    }
}

@media (max-width: 1390px){
    .home #welcomeBannerContent { margin: 18.5% 0 10px 0px !important; }
}

@media (max-width: 1370px){
    .home #welcomeBannerContent { margin: 20.3% 0 20px 40px !important; }

    .home #backImg {
        background-size: 113.6% auto !important;
    }

}

@media (max-width: 1290px){
    .home #backImg{
        background-size:113% auto  !important;
    }
}

@media (max-width: 1210px){
    .home #welcomeBannerContent {
        margin: 13.8% 0 20px 32px !important;
    }

    .home #welcomeBanner{
        margin-top:80px !important;
    }


}

@media (max-width: 1110px){
    .home #welcomeBannerContent {
        margin: 13% 0 15px 26px !important;
    }
}

@media (max-width: 1000px){
    .home #welcomeBannerContent {
        margin: 11% 0 15px 32px !important;
    }

    .home #welcomeBanner {
        margin-top: 0;
    }

}

@media (max-width: 880px){
    .home #welcomeBannerContent {
        margin: 6% 0 15px 24px !important;
    }
}

@media only screen and (min-width: 1224px)
{
    #debug {border-color:#4dfe4e}
    #debug:after {content:'Large Screens'}
	
	ul#navigation{width:616px}
	#navstore-locator{width:8.5%}
	#navigationMore{display:none}	
	.accountOneThirdHolder .topHolder p{
	display: table-cell;
    float: none;
    height: auto;
    line-height: normal;
    margin: 0;
    padding-left: 3%;
    padding-right: 3%;
    text-indent: 0;
    vertical-align: middle !important;
    width: 77%;
	padding-top:5%;
	padding-bottom:5%;
	padding-right:5%;
	font-size:1.4em;
	}
}
/* -------- AVERAGE SCREENS */
@media only screen and (max-width: 1800px){
	#navstore-locator{width:7.5%}
	#homePageContentContainer{height:700px}
	#welcomeBanner .wrapperPage{width:73% !important}	
	.headerWrapperMain{width:73%}
	#breadcrumbs{width:72.5% !important}
	#site{width:73% !important}
	.wrapperMain{width:73%}
	.homePageContentGutter{width:13.2%}
	#homePageContentCentre{width:73%}
}
@media only screen and (max-width: 1530px){
	#homePageContentContainer{height:630px;min-width:0px;}
	ul#navigation{width:615px}
	ul#navigation  li:nth-last-child(2){display:none}
}
@media only screen and (max-width: 1450px){
	ul#navigation{width:549px}
	ul#navigation  li:nth-last-child(3){display:none}
}

@media only screen and (max-width: 1325px){
	ul#navigation  li:nth-last-child(4){display:none}
	#navSearchIcon{margin:22px 6px 2px}
	#navstore-locator{width:9.5%}
	#navSearchIconHolder{width:4.5%}
	#navSearchIcon{margin:22px auto 2px}	
}
/* -------- SMALL SCREENS */
@media only screen and (max-width: 1370px){
    #debug {border-color:#4e4dff}
    #debug:after {content:'Small Screens'}
    h1, .primus	{ font-size:31px; line-height:31px }
    #banner {}
    #banner { text-align:center; height:auto }
    #banner > a { float:none; display:inline-block }
    #banner #navigation { float:none; margin:30px 0 0 0 }
    #banner #navigation li { display:inline-block; float:none; margin-left:20px }
    #banner #navigation li a { font-size:15px; line-height:15px }
    #store-locator a { width:28px; padding:0; text-indent:-9999px }
    #share-bar #social-share {width:68%}
    #share-bar a.faux-button.print { display:none }
    #social-share p span { display:none }
	#navstore-locator{width:8.5%}	

	#welcomeBanner .wrapperPage{width:82.1% !important}
	.headerWrapperMain{width:82.1%;min-width:0px !important;}
	#breadcrumbs{width:82.5% !important}	
	.wrapperMain{width:89%}
	#homePageContentContainer{height:600px;}
	#homePageContentCentre{width:82%}
	.homePageContentGutter{width:9% !important;min-width:0%}
	
	.label19{width:12% !important}


	#welcomeBanner .wrapperPage #welcomeBannerContent{padding:0px !important;}

	#boothsSocialMediaHolder{width:90%;margin:1% 5%}
	#site{width:84.5% !important; margin:1% 7.5% !important;}
	
	ul#navigation{width:603px; display:block}
		ul#navigation  li:nth-last-child(5) , ul#navigation  li:nth-last-child(4),ul#navigation  li:nth-last-child(3){display:block}
	#navstore-locator{width:9.5%}
	ul#navigationMore{display:none}	
	#logo{margin-left:0px}
	.article{width:100%}
	#footer{max-width:100%}
	
	#welcomeBannerContent h1{font-size:4em;}
	#welcomeBannerContent h2{font-size:1.2em;}
	 #welcomeBanner {margin-bottom: -2px !important;}
	#backImg {background-size: 100% auto !important;}

    .home #backImg{background-size: contain !important;}
    .home #backImg {background-size:108% auto !important;}


	/*man image fade */
	/* #mainImagefadeBottom{margin-top:-50px;} */
}
@media only screen and (max-width: 1270px){
	ul#navigation  li:nth-last-child(2){display:none;}
	ul#navigation  li:nth-last-child(3){display:none;}	
	ul#navigation{width:549px;}
	
}
@media only screen and (max-width: 1180px){
  ul#navigation{width:487px}
  ul#navigation  li:nth-last-child(4){display:none}
	form#searchform2 input.submit{margin-left:0%;}	
}
@media only screen and (max-width: 1110px)
 {
  ul#navigation{width:390px}
  ul#navigation  li:nth-last-child(5){display:none}
  #homePageContentContainer{height:550px}
  #backImg{background-size: 125% auto !important; background-position: 70% 0%!important;}
  .imageHolderDescription p{font-size:1.4em;}
  
  
  #welcomeBannerContent h2{
	color:#444C3F !important;
	background:url("images/ffffff.png");
	padding:2%;
	border:1px solid #e1e1e1;
  }
  

 
 #pricesLabel{clear:left;}
 #offersSubmit{margin:1% 0 !important}
 
 
 /* Social */
 #pintrestH2 , #blogH2 , #twitterH2{font-size: 1.4em;padding-bottom: 5.4%;padding-top: 0.8%;}
 #blogH2 ,#pintrestH2 , #twitterH2{padding-bottom:5.5% !important;}
 .socialIcon {width: 14%;}
 
 }
 
 
@media only screen and (max-width: 970px){
  ul#navigation{width:auto;}
  ul#navigation  li:nth-last-child(6){display:none}
  ul#navigationMore{display:block}
  #navstore-locator {height:65px; float:right; width:8.5%; min-width:99px !important; border-right:2px solid #3a4136; border-left:1px solid #3a4136;position:relative}
  
  .slidyImages .smallContentHolderBox{max-width:none !important;width:48% !important; margin: 1% !important;}

   .accountOneThirdHolder .topHolder p{margin-top:7%;margin-bottom:7%;}
   #loginHolder h1{margin-left:0% !important;} 
   
   #The_content {background: url("images/ffffff.png") repeat scroll 0 0 transparent;float: left;padding: 2%;width: 96%;}
   
   .fith{
	width:20%;
   }
	

}


@media only screen and (max-width: 950px){ 
   #homePageContentContainer{height:500px}
}


@media only screen and (max-width: 850px)
{
   ul#navigation{width:auto;}
   ul#navigation  li:nth-last-child(7){display:none} 
    #navstore-locator{min-width:86px !important}
 	#twitterHolder .twitterInfo{height:auto}
	#twitterHolder #twitterButtonHolder{float:left}	
	#homePageContentContainer{height:500px}
	

	form#searchform2 input.submit {margin-left: 0;width: 17%;}	
	
	.container.product.featured.fith{
		width:15% !important;
		margin:10px 5% !important;
		max-width:none !important;
	}
	
	
}


@media only screen and (max-width:770px){

    ul#navigation  li:first-child{
        display:none;
    }

    .home .wrapperMain #welcomeBannerContent {
        display: block !important;
        margin: 6% 0 10px !important;
        width: 100%;
    }


    .home .wrapperMain #welcomeBannerContent #welcomeBannerContentButton {
        display: block;
        float: none;
        margin: 0 auto;
    }



	#twitterSocialMediaHub{width:98%; margin: 0 1%;}
	#blogSocialMediaHub{width:48%; margin: 0 1%;}
	#pintrestSocialMediaHub{width:48%; margin: 0 1%;}
	h2#pintrestH2 , h2#blogH2{width:75%}
	h2#twitterH2{width:88%}	
	
	#footer div.third.first{width:100%;padding:0;margin:0}
	#footer div.third{margin:0 23.5%; width:53%}
	#footer div.third.last{margin:0;width:100%}
}
@media only screen and (max-width:750px){
	ul#navigation{width:auto;}
	ul#navigation  li:nth-last-child(6){display:none} 
    #homePageContentContainer{height:400px}
	
	.container.product.featured.fith{
		width:80% !important;
		margin:10px 10% !important;
		max-width:none !important;
	}
	
	
	h3.parkerPointsTitle , .parkerPointsPrice{
		font-size:24px !important;
		font-weight:900;
	} 
	
	.parkerPointsPrice{
		margin-top:5px !important;
	}
	
	.parkertexthalf{
		width:90% !important;
		margin:0 5% 5px 5% !important;
	}
	
	.parkertexthalf p{
		text-align:center;
	}
	
	.parketPointsLightText{
		font-size:16px !important;
		font-weight:900;
	}
	  
}
@media only screen and (max-width:680px){

    #hideMobile{
        display:none;
    }

    #navstore-locator a { font-size:15px;font-weight:800;display:block; float:none; line-height:40px;background-position:0px 0px; width:24px; color:#ffffff; height:29px; margin:18px auto; padding-right:0px;font-family:'Gill Sans W01 Medium',Arial,Helvetica,sans-serif}
    #navstore-locator a:hover {color:#a5b3ac;}	 

	#navstore-locator {height:65px; float:right; width:40px; min-width:40px !important; border-right:2px solid #3a4136; border-left:1px solid #3a4136;position:relative}

	/* account store, mobile reductions */
	
	#accountBackground #sidebar-left{width:100% !important;}
	#my-details, #account-Page-Link, #booths-card, #my-reciepts{float:left;width:50%;}
	
	#accountBackground #content-right{float:left;width:100% !important;margin: 2% 0;}
	
	#site{margin:65px auto 0 auto !important; width:82.1% !important;}

	#about-tiles{
		width:100% !important;
	}
	
	#about-tiles .tile{
		width:48% !important;
	}
	#about-tiles .tile.last{
		margin-left:4% !important;
	}
} 
@media only screen and (max-width:620px){
	ul#navigation{width:140px;overflow:hidden}
}
/* -------- REALLY SMALL SCREENS */
@media only screen and (max-width: 600px){
    #debug {border-color:#a74dff}
    #debug:after {content:'Really Small Screens'}
    #content,
    #sidebar {float:none;width:100%;clear:both}
    #banner #navigation li {margin-left:15px}
    #banner #navigation li:first-child { display:none }
    #banner #navigation li a {line-height:30px}
    #breadcrumbs { display:none; clear:both}
    #store-locator { float:none; clear:both; padding-left:48px; position:relative }
    #store-locator a { position:absolute; left:0; top:0 }
    #store-locator form { float:none; margin-left:0 }
    #store-locator form input[type=search],
    #store-locator form input[type=search]:focus {width:85%}
    #store-locator form input[type=submit] {width:15%}
    .container.recipe.small  { margin-left:auto; margin-right:auto; width:320px }
    .container.recipe.large .meta li.view { display:none }
    #youtube-feed,
    #flickr-pictures { width:auto; float:none; clear:both }

    #footer-links { overflow:hidden; margin:0; clear:both; text-align:center }
    #footer-links > li { width:30%; float:left; margin-right:3%; border-right:none; padding-right:0 }
    #footer-links ul.sub-menu {border-top:1px solid #e6e6e6}
    #footer-links ul.sub-menu li {border-bottom:1px solid #e6e6e6}
    #social-share p span { display:inline }
	#home-slider { overflow:hidden } /* this needs to be kept */
    #home-slider ul.slides { max-height:none; background-color:#e6e6e6 !important }
    #home-slider ul.slides li .image { width:auto; float:none }
    #home-slider ul.slides li .content { width:auto; float:none; padding:20px }
    #home-slider ul.slides li .content h1 { margin-bottom:0 }
    #home-slider ul.slides li .content p { display:none }
    #home-slider .flex-control-nav { top:20px }
    .video-grid .video { width:32%; height:165px }
    .video-grid .video.pos3 { margin-right:2% }
    .video-grid .video:nth-child(3n+3) { margin-right:0 }
	
	ul#navigation{width:0px}
	#navSearchHolder{min-width:44px}
	#welcomeBannerContent{margin:17px 0 0 20px}
	.homePageContentGutter{display:none}
	#homePageContentCentre{width:100%}
	.wrapperMain{width:100%}

	ul#mobileNavigation li{float:left;width:50%;height:10%;margin:1px 0 0 0 ;padding:0px;background:#394234;line-height:45px;}
	ul#mobileNavigation li a{float:left;width:100%;height:100%;line-height:250%;margin:0px;font-size:15px; color:#ffffff;text-indent:10%;}
	ul#mobileNavigation li a:hover{background:#3d4837}		
	ul#mobileNavigation{position:fixed;top:0px;left:0px;width:60% !important;min-height:150%;display:none;margin:0px;background:#394234;z-index:999;}
	ul#mobileNavigation li{float:left;width:100%;border-top: 1px solid #E1E1E1}
	ul#mobileNavigation li ul.sub-menu{display:none !important}



	
	
	/*New Mobile navigation testing code  TESTING*/
	#mobileMenuContainerTop {
		float: left;
		height: 66px;
		width: 66%;
		overflow:hidden;
	}	
	
	li.mobileMenuLi{
		background:#252525 !important;
		border-top:1px solid #212121 !important;
		padding-left: 0% !important;
		width: 100% !important;
	} 
	li.mobileMenuLi a{
		float:left;
		margin-left:0% !important; 
		width:70% !important;
		color:#ffffff;
		text-shadow:1px 1px 1px #111111;
	} 	
	li.mobileMenuLi a:hover{
		background:#252525 !important;
	} 

	.mobileNavigationIcons{
		float:left;
		width:20%;
		height:32px;
		background: url(images/mobileNavigationIcons.png) no-repeat !important;
		background-repeat:no-repeat !important;
		background-position:0px 0px;
		margin:0 0 0 5%;
		max-width:32px;
	}
	
	
	/* Account */
	#content-full{
		float:left;
		width:90%;
		margin:5%;
	}
	#loginHolder{
		width:100%;
	}
	
	#accountBackground #sidebar-left {
		margin: 0 5% 5% 5%;
		width: 90% !important;
	}	
	
	.accountOneThirdHolder {
		float: left;
		margin: 5% !important;
		overflow: hidden;
		width: 90% !important;
	}
	
	#my-details, #account-Page-Link, #booths-card, #my-reciepts{
		width:100%;
	}
	
	
	
	/*Individual icons*/
		#storeLocatorMobileIcon {
			background-position: -31px 0 !important;
		}
		#ourProducersMobileIcon {
			background-position: -63px 0 !important;
		}
		#foodMobileIcon {
			background-position: -94px 0 !important;
		}		
		#recipeMobileIcon {
			background-position: -126px 0 !important;
		}
		#wineCellarMobileIcon {
			background-position: -159px 0 !important;
		}	
		#offersMobileIcon {
			background-position: -189px 0 !important;
		}		
	
		
	/* Wine Page Social Sharing */
	.addthis_toolbox {
		margin: 0 auto;
		width: 169px;
	}	

	
	#navigationHolder{float:left;position:fixed;}
	#headerWrapperMain1{width:100%}
	#welcomeBanner{margin-top:0px}		
	 
	#welcomeBannerContent{float:left;padding:1%;height:auto;width:90%;margin:10% 5% 0 5% !important;background: url(images/ffffff.png);border: 1px solid #E1E1E1;clear:both}


    .home #backImg {
        background-position: center top !important;
        background-size: 170% auto !important;
        min-height: 672px !important;
    }


    .home .wrapperMain #welcomeBannerContent {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: medium none;
        margin: 20% 0 5% !important;
        width: 90% !important;
    }

	#welcomeBannerContent h1{display:none;float:none;text-align:center;width:100%;margin:0 auto;clear:both;font-size:38px;margin:10px 0;line-height:38px;}
	#welcomeBannerContent h2{float:none;text-align:center;width:100%;margin:0 auto;clear:both;font-size:16px;margin-bottom:20px;color:#1e1e1e}
	#welcomeBannerContentButton{float:none;margin:0 auto 20px auto;}
	
	#map-search input.address{min-width:220px}
	
	.fnd.split{width:97% !important}		
	.fnd.left{width:97%;margin-right:1%}
	.fnd.right{float:right;width:97%;margin-right:3%}		
	
	#halfContent{width:75%;margin:0 11%}
	
	.slidyImages{float:left;width:90%;margin: 0 2.5%}
	
	.homeContentColumn{width:100%} 

	
	#homePageContentContainer{margin-top:0px;margin-bottom:10px;}
	#boothsSocialMediaHolder{margin:0;width:100%}
	h2#socialMediaHolderTitle{height:30px;padding:0px;margin:10px 0px; overflow:hidden;width:100%}
	#blogSocialMediaHub,#pintrestSocialMediaHub,#twitterSocialMediaHub{float:left;width:90%;margin:0 5%}
	h2#blogH2, h2#pintrestH2, h2#twitterH2{width:76%}
	
	#slideTest{height:100%; margin:0%;}
	.homeContentColumnLandscapeBox{width:90%;margin:0 5%}
	.slideOneQuater, .slideOneQuater2, .slideOneQuater3{width:40%;margin:1% 5%}
	
	.headerWrapperMain{width:93.1%}
	#social-share{display:none}
	#account-login{min-width:75px !important;background-position:42px -200px;margin:12px 4px}

	
	#recipe-filter form{padding-top:10px;}
	#recipe-filter form input.submit, form#searchform2 input.submit {float:left;margin: 3% 25% 0;width:50%;}
	#recipe-filter form select, form#searchform2 select {width:57%;height:22px;margin:3px;}
	#recipe-filter form label, form#searchform2 label {width:30%;height:22px;margin:3px;}
	
	
	.label19{width:49% !important}
	#clearLeft{clear:left !important} 
	#offersSubmit{width:50% !important;margin:1% 25% !important;}
	.wp-pagenavi{margin: 5% 7.5% !important; width:85%}
	
	.slidyImages .smallContentHolderBox{max-width:none !important;width:100% !important;max-height:none !important;}	
	
	.container.margin{width:99%}

	/* store locator */
	body.post-type-archive-store #site #content{width:250px; overflow:hidden;}
	.google-map{height:250px !important}
	
	/* store pages */
	.container.article{display:none}
	
	/* Food and drink main */
	.fnd .smallContentHolderBox .imageHolderDescription a h2{margin-bottom:2% !important}	
	
	/* seasonal Produce */
	#seasonalItemHeader{float:left;width:90% !important;margin:0 5% 5% 5%;height:auto;}
		#seasonalItemHeader img{width:100% !important;}
		#seasonContent p {float:left; width:100%;}
	#Seasonalcontent{width:100%}
	#Seasonalcontent.quarter{width:47% !important}
	#Seasonalcontent.quarter h4{height:45px !important; overflow:hidden !important;}	 
	
	
	.page-id-12366 #backImg #welcomeBanner #welcomeBannerContent h1{color:#444C3F !important;}
	
	
	/*Our producers*/
	#producerHeader{
		float:left;
		width:90% !important;
		margin:5%;
	}
	
	/*Footer*/
	#footer-links{
	float:left;
	width:90%;
	margin:0 5%;
	}
	
	#centerFooter{display:none;}
}

@media only screen and (max-width:595px){
	ul#navigationMore{display:block;margin-left:0px}	
	
		/* recipe Box */
		.recipesBox{width:100%;margin-top:3% !important;}
		
		/* recipe list */
		#shoppingList{float:left !important;width:100% !important;margin:0 0 3% 0 !important;}

         .home #backImg #welcomeBanner{
             margin-top: 100px;
         }


}


@media only screen and (max-width: 599px){
	a#logo{margin-left:0px}



    .home #backImg {
        background-position: center top !important;
        background-size: 200% auto !important;
        min-height: 677px !important;
    }


    .home #backImg{
        background-size:126% auto !important;
    }

    .home #backImg #welcomeBanner{
        margin-top:80px !important;
    }

    .home .wrapperMain #welcomeBannerContent {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: medium none;
        margin: 8% 0 4% !important;
        width: 90% !important;
    }
}


@media only screen and (max-width: 556px){
    .home #backImg {
        background-position: center top !important;
        background-size: 104% auto !important;
        margin-top: 67px;
        min-height: 677px !important;
    }


    .home .wrapperMain #welcomeBannerContent {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: medium none;
        margin: 5% 0 4% !important;
        width: 90% !important;
    }
}

@media only screen and (max-width:425px){
	#social-share{display:none}
	#navigationList{display:none}
	ul#navigationFull{display:none}
	a#logo{margin-left:0px;border-right:none;}



    .home #backImg {
        background-position: center -1px !important;
        background-size: 200% auto !important;
        margin-top: 65px !important;
        min-height: 677px !important;
    }

}


@media only screen and (max-width:500px){
	ul#navigationMore{display:none}
}


@media only screen and (max-width:405px){
	#navstore-locator{display:none}

    .home #welcomeBanner{
        margin-top:0px;
    }

    .home .wrapperMain #welcomeBannerContent {
        margin: 5% 0 0% !important;
    }

    .home #backImg {
        background-position: center -1px !important;
        margin-top: 65px !important;
        min-height: 677px !important;
    }

}




	@media only screen and (max-device-width: 1024px) and (orientation:landscape){ 
	/*Landscape */
		html{width:100%;}
		#navigationHolder{width:100%}
	   ul#navigation  li:nth-last-child(7){display:none}	   
	   ul#navigation  li:nth-last-child(6){display:none} 
	   ul#navigation  li:nth-last-child(5){display:none}
	   ul#navigation  li:nth-last-child(4){display:none}
	   ul#navigation  li:nth-last-child(3){display:none}
	   ul#navigation  li:nth-last-child(2){display:none}	   
	   ul#navigation {width: 145px}	
		#homePageContentHolder{margin-top:20px}	   
		#homePageContentContainer{height:450px; margin-top:-60px;margin-bottom:20px !important}	   
		#boothsSocialMediaHolder{width:95%;margin:1% 2.5%}	   
		.smallContentHolderBox .imageHolderDescription h2, .smallContentHolderBox .imageHolderDescription p{font-size:0.9em;}
		h2#socialMediaHolderTitle{text-indent:0px;font-size:18px;padding-bottom:0px;margin-bottom:5px}
			.socialColumn{width:32% !important; margin:1% 0.5% !important}
				img.socialIcon{width:22px;height:22px}
				h2#blogH2, h2#pintrestH2, h2#twitterH2{width:85% !important; padding:10px 0 0px;margin:0;height:39px;overflow:hidden;font-size:14px;}
				.blogRecentPost{width:98%;margin:1%}
				.blogRecentPost h3{font-size:14px; width:100%;} h6, .sextus{float:left;margin:0px;font-size:10px !important;width:100%;border-bottom:1px solid #E6E6E6}
				.blogRecentPost hr{display:none}
				#pintrestHolder .pintressphoto{height:auto;max-width:50%;width:50%;margin:0 25%}
				#pintrestHolder .pintressphoto img{margin:0 5%;max-width:100%;height:auto}
				#pintrestHolder h4.pintrestTitle{text-align:center}
				.mobileCentre{float:left;width:100%}
				h4.pintrestVia{float:left;width:60% !important;overflow:hidden;}	
				#twitterHolder .twitterInfo h4.twitterUsername a{font-size:0.5em; float:left;}
				#twitterHolder .twitterInfo h4.twitterTitle{width:23%}	
				#twitterHolder #twitterButtonHolder{float:none;margin:0 auto}			
		#footer{width:100%;padding:20px 0 40px 0}
		#site{width:82% !important;}
		#pricesLabel{clear:left;}
		
		
		.halfOfRecipe .recipeIcon{float:left;margin:0 39% !important;}
		.halfOfRecipe  p{float:left;width:100% !important; margin:0% !important;padding:0px !important;text-align:center !Important;}
		

	
		
	#searchCellar{margin-bottom: 20px !important;}		
	.wp-pagenavi{margin:3% 0 0 39% !important; width:30% !important;}
		
	/* account logged in page style*/
	.accountInformationHolder{width:60% !important;}
	
	.wp-pagenavi{width:40% !important;margin:3% 0 0 32% !important}
		
}

/*Standard Tablet*/
@media only screen and (max-device-width: 600px) and (max-device-height: 800px){ 
   ul#navigation  li:nth-last-child(4){display:none} 
   ul#navigation  li:nth-last-child(5){display:none}
   #social-share{display:none}
   ul#navigation {width: 310px}
   #homePageContentCentre {width: 80%; min-width:0px !important;}  
   .homePageContentGutter {width: 10% !important}	
   #homePageContentContainer{height:700px; margin-top:0px}  
	.slideOneQuater.smallContentHolderBox{height:200% !important}
	.slideOneQuater3.smallContentHolderBox{height:69% !important}
	#boothsSocialMediaHolder h2{width:68%}
	
	.wp-pagenavi{margin:3% 0 0 39% !important; width:30% !important;}	
	
}

/* responsive layouts (small for IPhone etc) */ 
@media screen and (max-width: 560px) {

        .home #backImg{background-size:141% auto !important;}


		#navigationHolder{width:100%}
		.slideOneQuater .smallContentHolderBox .imageHolderDescription h2{font-size:1.4em;}
		#navigationHolder .headerWrapperMain{width:100% !important}
		html{width:100%;overflow-x:hidden;}
		ul#navigation{display:none !important}
		#mainImagefadeBottom{display:none;}

        .slideOneQuater3:last-child {
            display: none;
        }

        .homeContentColumnLandscapeBox .imageHolderDescription h2,
        .slideOneQuater .smallContentHolderBox .imageHolderDescription h2,
        .slideOneQuater3 .smallContentHolderBox .imageHolderDescription h2{
            text-decoration:underline;
            font-size:1.4em !important;
            margin:5px 0 0 0 !important;
        }

        .home #backImg #welcomeBanner {
            height: 104px !important;
            margin-top: 0 !important;
        }

        .home .smallContentHolderBox .imageHolderDescription p {
            margin: -1px 0 0 !important;
            padding: 0 0 10px;
        }



		#welcomeBanner{margin-top:65px;background-position:-320px 0;margin-bottom:20px !important;}
		#homePageContentContainer{height:560px !important; margin-top:150px !important;margin-bottom:50px !important; overflow:hidden;}
		.homePageContentGutter{display:none}
				.homePageCenter{width:320px}
				.homePageSlide{float:left;width:320px}	
		#navSearchIcon{display:none}
		.largeAdvertHome , .slideOneQuater2{display:none}
		#boothsSocialMediaHolder{width:98%;margin:1%}	   
			img.socialIcon{width:22px;height:22px}
			h2#blogH2, h2#pintrestH2, h2#twitterH2{width:89.5% !important; padding:10px 0 0;margin:0;height:auto;overflow:hidden;font-size:14px;}
			.blogRecentPost{width:98% !important;margin:1% 1%}
				.blogRecentPost h3{font-size:14px; width:100%;} h6, .sextus{float:left;margin:0;font-size:10px !important;width:100%;border-bottom:1px solid #E6E6E6}
				.blogRecentPost hr{display:none}
			#pintrestHolder{height:98%;width:98%;margin:1%}
			#pintrestHolder .pintressphoto{height:auto;max-width:50%;width:50%;margin:0 25%}
			#pintrestHolder .pintressphoto img{margin:0 5%;max-width:100%;height:auto}
			#pintrestHolder h4.pintrestTitle{text-align:center}			
			.mobileCentre {height: auto;margin: 0 25%;width: 50%}
			.pintrestVia{width:auto}	
			#twitterHolder #twitterButtonHolder{float:right}
			#twitterHolder{width:100%;margin:1% auto}
			#twitterHolder .twitterInfo h4.twitterTitle{width:auto}
			#twitterHolder .twitterInfo h4.twitterUsername{width:auto}
			#twitterHolder .twitterInfo{width:98%;padding:1%;border-bottom:1px solid #E6E6E6}	
		.socialColumn{width:100% !important; margin:2% 0 !important;height:30%; overflow:hidden; padding:0;clear:both}			
		#footer{width:90%;padding:0 5% 40px 5%}
		#footer-link li{min-height:240px !important}
		
		#site{width:100% !important;overflow:hidden;}
		.homePageSlide{display:none}
		#homePageSlideTwo{display:block;}
		#slideTest{width:100%;margin: 0 0}
		body{margin-top:0 !important}
		
		.homePageSlide{width:15%;margin:0 1%;}
		.homeContentColumn{height:100%;width:90%;margin-left:5%;}
		#homePageContentHolderWrapper{margin-top:10px !important;margin-bottom:0;width:100% !important;}
		#homePageContentContainer{margin-top:0 !important;margin-bottom:0 !important;}
		.homeContentColumnLandscapeBox{margin: 1% 3%;width: 95%;height:auto;}
		.homeContentColumnLandscapeBox img{width:100% !important;height:auto;}
		.slideOneQuater, .slideOneQuater2, .slideOneQuater3{width:100%;margin:2% 0;}
		.wrapperMain{width:90%;margin:0 5%;}
		
		#slideTest{height:auto;}
		.homeContentColumn #slideTest .slideOneQuater .smallContentHolderBox{height:125px;max-width:600px !important;}	
		.slideOneQuater3 {height: 125px;margin-bottom: 10%;}
		.socialColumTitleHolder{padding-bottom:1%}
		
		/* cellar page */
		form#searchCellar{margin: 5% 5% 1% !important;width: 91% !important;}
		form#searchCellar input#searchCellarInput{width:218px !important;min-width:0 !important;border-radius:0 !important; margin-bottom:2%}
		.product.quarter  {width:99% !important; clear:both} 
		.container.product{max-width:none !important}
		.container.product.margin.fifth , .container.product.margin.fifth.first{width:90% !important;clear:both;margin:5% !important;}  
		#site #header{display:none;}
		#prodFilter, #recipe-filter, #offerFilter{width:95.5%; margin: 1% 2%;}
		.prodHeader{margin:1% 2% 1% 2%;width:96%;}
		.product.quarter{width:90% !important;clear:none !important;margin:1% 5% !important;}
		.page-id-12366 #backImg #welcomeBanner #welcomeBannerContent h1 , 	.page-id-12366 #backImg #welcomeBanner #welcomeBannerContent h2{color:#444C3F !important;}
		
		.slideOneQuater, .slideOneQuater2, .slideOneQuater3 {
			height: 125px !important;
			margin-bottom: 5%;
		}
		
		.quarter.last{
			margin-bottom:10% !important;
		}		
		
		.slideOneQuater3 .smallContentHolderBox .imageHolderDescription h2{
			font-size:1.4em !important;
		}
		
		/* Offers */
		#offerFilter .label19{width:30% !important;}
		
		
		h1#latestProductsH1{margin-top:5%;}		
		
		/* Food and drink */
		.fnd .smallContentHolderBox .imageHolderDescription{height:35% !important;}
		
		/* account login */
		#loginHolder{margin:0%; width:270px !important;}
		#my-details, #account-Page-Link, #booths-card, #my-reciepts{width:98%;margin-top:1%;}
		.accountInformationBlock{width:100%;margin:2% 0 2% 2%}
		#welcome-header h2, h2#welcome-header{display:none;}
		/* #welcome-header h3{display:none} */
		#welcome-header .register-card{position:relative;float:left;top:1%;right:25%;height:160px;}
		.full{margin:3% 2.5%;width:94%}
		.full img{float:left;width:100%;height:auto;}
		#accountBackground #welcome-header h2 {display:none !important;}		
		#accountBackground #welcome-header h1 {display:none !important;}
		.register-card{left:25%;}
		#accountPageContentHolder{bottom:0px;top:auto;width:100%;height:15%;}	
		#accountPageContentHolder h3{font-size:2.4em;width:94%;padding-bottom:10px;margin:3% !important;}
		#accountBackground .split{width:93%;margin:1% 2.5%;}
		#accountBackground .split.right.half{float:left;}
		#accountSplitHalfHolderRight{float:left;}
		.accountSplitHalfHolder{width:100%;}
		.accountSplitFull{margin:1.3% 2.5%;width:93%;}
		.accountSplitHalfHolder .imageHolderDescription{height:23.5%;}
		.accountSplitFull .imageHolderDescription{height:40.5%}
		
		.accountOneThirdHolder{display:none;width:90%;margin:5%;}
		#content-right #welcome-header{height:auto;}
		#welcome-header {clear: both;height: 26px;margin: 0 5%;position: relative;width: 90%;}		
				

		/*Seasonal Items */
		.quarter.left{width:47%} 
		
		/*produce image */
		#producerHeader{
			float:left;
			width:90% !important;
			margin:5% 5% 1% 5%;
		}		
		#site #content-full h2{float:left;width:100%;}
		.producerSidebar{display:none !important}
		#producerPhoto{width:95% !important;float:left;margin-bottom:0px !important;}
		.producerSidebar{padding:0px !important;}
		
		/*pagenation */
		.wp-pagenavi{margin:3% 0 0 0% !important; width:100% !important;}		


		
		/* Logged in accounts page */
		#accountBackground #content-right{width:100% !important;}
		#recipe-slider{display:none;}
		.exclusive-videos-holder{width:98%;margin:2% 0% 4% 4% !important;float:left !important;}
		
		/* Footer Styling */
		#pintrestVia{display:none;}
		#footer div.third{margin: 0 0;width: 99%;}
		#footer div.third p{padding-right:2px;}
		#footer-links > li{width:100%;margin: 4% 0; padding:0px;} 
		#andwesupport{display:none;}
		
		/*Store Finder */
		#site #content{width:90%;margin:0 5%;}
		.container.margin{margin-bottom:2%}
		#sidebar{width:90%;margin:1% 5% 1% 5% !important;padding-left:0px;}
		
		/* Producers Page */
		.container h2.divider{margin-top:20px; padding-bottom:0px;}
		#producerPhoto iframe{width:100% !important}
		
		/* recipe */
		.recipesBox{width:95% !important; margin:2%;}
		.halfOfRecipe .recipeIcon{float:left;margin:0 39% !important;}
		.halfOfRecipe  p{float:left;width:100% !important; margin:0% !important;padding:0px !important;text-align:center !Important;}
		#site #content-full h2{float:left;margin:10px 0 0 0;}
		pre{display:none;}
		#Seasonalcontent {float: left;margin: 5%;width: 90%;}
		

		/*recipe Sub page */
		.container.recipe .meta {height:65px;}
			/*Share this buttons*/

		.st_facebook_hcount , .st_twitter_hcount, .st_googleplus_hcount, .st_pinterest_hcount{
			float: left;
			margin: 5%;
		}			
		

		/* account login button */
		#account-login-true{margin: 12px 4px 0;min-width: 50px !important;}
		
		/*header wrapper */
		#welcomeBanner {margin-bottom:0px !important}
		#homePageContentHolderWrapper{margin-top:0px;}
		.slideOneQuater, .slideOneQuater2, .slideOneQuater3{height:auto}
		#welcomeBanner .wrapperPage{width:98% !important;margin:0 0 0 -1.2% !important;padding:2%;}
		#welcomeBannerContent{margin: 0 5%;padding: 2%;width: 86% !important;}
		
		.slidyImages .smallContentHolderBox .imageHolderDescription {height:25% !important}
		.container.recipe.small{width:100%;margin:5% 0;}
		#site #content #sidebar{float:left !important;clear:both !important;width:90%;margin: 1% 5%;}
		
		/* food and drink */
		#foodAndDrinkHolder {margin: 0 5%;width: 90%;}
		.imageHolderDescription .lineBreak{display:none;}
		
		#offersCorrectAsOf{width:90%;margin:0 5%;text-align:center;}
		
		#disqus_thread{display:none !important}

		/* offers Page */
		.split.left.third{float:left;width:95% !important;margin:2% !important;}
		.container.padded.filled2  h2{width:100% !important;}
		.container.offer .container.image span{font-size:12px !important;}
		#offer-slider2{display:none;}
		
		
	/* responsive wine page code */
		#mobileWineTitle{
		display: block;
		font-size: 3em;
		margin: -1% 5% 3%;
		width: 90%;
		}	
		#firstHalfOfWinePage{float:right !important;margin-top:0%;overflow:hidden;}	
		#secondHalfOfWinePage{clear: right;float: left;width: 89%;overflow:hidden;}
		.contentHolder50{float:left;width:90%;margin:0 5%;}
	
		.wineTastebuds h3{font-size:1.2em;}
		.wineTastebuds p{font-size:1em;}

		#wineOriginInformation, #wineGrapeInformation, .wineTastebuds{float:left;width:90%;}
		#mainWineBottleImage{width:100%;margin:0px;}
		#wineSocialShare h3{display:none;}
		#smallWineBottleImageHolder{display:block;float:left;width:100%;margin:5% 0;}
		.smallWineBottleImage{display:block;float:left;width:45%;margin:5% 5% 5% 0 !important;max-height:100px;border:1px solid #444C3F;}
		.smallWineBottleImage:nth-child(even) {margin:5% 0 5% 0 !important;}
		#wineDetails h2{margin:5% 0%;}
		.winePageRelatedWineItem h3,.wineRecipe h3{font-size:1.4em;}
		#winePageRelatedWines{float:left;width:100%;margin:0 0%; border-top:1px solid #444C3F;padding-top:35px;margin-top:5%;}
		#wineBottleImages{
		width: 100%;		
		}
		#mainWineBottleImage {
			margin: 0 10%;
			width: 80%;
		}	
		#wineOriginInformation h5{width:100%;}
		#wineTitle{display:none;}
		.winePageRelatedWineItem{width:100%;}
		.wineRecipe{width:100%;}
		#wineSecondaryInformationHolder {float: left;width: 100%;padding:20px 0 20px 0;}
		#wineSocialShare h3{width:100%;}
		#wineSocialShare .stButton{float:left;width:100%;margin:2%;}
		

		/* slidy images for small phones */
		.slidyImages .smallContentHolderBox{margin-bottom:5%;margin-top:5% !important;}
		
		
		/*Account page sidebar*/
		#sidebar-left {
			float: left;
			margin: 5%;
			width: 90%;
		}
		
		#content-right {
			float: left;
			margin-right: 5%;
			width: 90% !important;
		}	

		#registerForm input[type="submit"]{
			width:100%;
		}		
		#exampleCard{
			display:none;
		}
		#findYourCardNumber p{
			width:90% !important;
			margin:5% !important;
		}
		
		
		#recipe-filter form input.submit, form#searchform2 input.submit{margin: 2% 6% !important;padding: 4px !important;width: 89% !important;}
		
		
		#site{margin-top:80px !important;}	
		#site h1 {margin-left: 0%;width: 100%;}
		
		.container.recipe .meta{height:40px !important;width:100%;}
		
		#account-login-true a , #account-login a{
		width: 53px !important;		
		}
		#welcome-content, #my-rewards{
			float: none;
			margin: 0 auto;
			width: 89%;
		}
		#registerForm label{
			clear:both;
		}
		
		body.page-template-page-account-add-receipt #content-right, 
		body.page-template-page-account-receipts-php #content-right, 
		body.page-template-page-account-lost-card #content-right, 
		body.page-template-page-account-details #content-right, 
		body.page-template-page-account-new-card-layout #content-right{
			float:none;
			margin:0 auto;
			clear:both;
			width:90% !important;
		}
		
		body.page-template-page-login-dev-php *, body.page-template-page-login-dev-php #aboutBoothsCardPage h1{
			text-align:left;
		}
		#aboutBoothsCardPage.winterLoginPage .about-card-title{
			clear:both;
		}
		
		#sidebar-left.account-sidebar{
			width:90%;
		}
}

		
@media screen and (max-width: 600px) and (orientation:landscape){
		html{width:100%;overflow-x:hidden}
		#navigationHolder{width:100%;}	
		#navigationHolder .headerWrapperMain{width:100% !important}		
		ul#navigation{display:none}
		#navSearchIcon{display:none}
		#welcomeBanner{margin-top:65px;background-position:-320px 0px;margin-bottom:20px;}	 
		#homePageContentContainer{height:350px !important; margin-top:20px !important; margin-bottom:0px !important;min-height:0;margin:1% 0% !important;width:100% !important}
		#homePageContentCentre{margin-top:10px; width:100%}				
		.homePageContentGutter{display:none} 
				.homePageCenter{width:100% !important}
				.homeContentColumn{width:100% !important;height:100%;}				
				.homePageSlide{float:left;width:100%}	 
				#slideTest{height:100% !important;width:100% !important}
				.slideOneQuater{height:50%}
		.largeAdvertHome , .slideOneQuater2{display:none}
		.homeContentColumnLandscapeBox{height:50%}
		
		#boothsSocialMediaHolder{width:98%;margin:1%}	   
			img.socialIcon{width:22px;height:22px}
			h2#blogH2, h2#pintrestH2, h2#twitterH2{width:90.5% !important; padding:10px 0 0px;margin:0;height:39px;overflow:hidden;font-size:14px;}		
			.blogRecentPost{width:98% !important;margin:1% 1%}
				.blogRecentPost h3{font-size:14px; width:100%;} h6, .sextus{float:left;margin:0px;font-size:10px !important;width:100%;border-bottom:1px solid #E6E6E6}
				.blogRecentPost hr{display:none}
			#pintrestHolder{height:98%;width:98%;margin:1%}
			#pintrestHolder .pintressphoto{height:auto;max-width:50%;width:50%;margin:0 25%}
			#pintrestHolder .pintressphoto img{margin:0 5%;max-width:100%;height:auto}
			#pintrestHolder h4.pintrestTitle{text-align:center}			
			.mobileCentre {height: auto;margin: 0 25%;width: 50%}
			.pintrestVia{width:auto}	
			#twitterHolder #twitterButtonHolder{float:right}
			#twitterHolder{width:100%;margin:1% auto}
			#twitterHolder .twitterInfo h4.twitterTitle{width:auto}
			#twitterHolder .twitterInfo h4.twitterUsername{width:auto}
			#twitterHolder .twitterInfo{width:98%;padding:1%;border-bottom:1px solid #E6E6E6}
			.publishedTweet p{font-size:12px}
		.socialColumn{width:100% !important; margin:1% 0 !important;height:30%; overflow:hidden; padding:0;clear:both}			
		#footer{width:100%;padding:0 0 40px 0}
		#site{width:98% !important;margin: 0 1%}

		#homePageSlideTwo{width:17%;height:100%;}
		
		#disqus_thread{display:none !important}
		

	
}



/* support for custom slideshow in most common resolutions */
@media screen and (max-width: 1920px) and (max-height:1200){
	#hpcgLeft.homePageContentGutter{min-width:355px}
	#hpcgRight .homePageContentGutter{width:17%;min-width:338px}	
}
@media screen and (max-width: 1680px) and (max-height:1050){
	#homePageContentCentre{width:64%;max-width:1205px}
	#hpcgLeft.homePageContentGutter{width:16%}
	#hpcgRight .homePageContentGutter{width:16%}	
}
@media screen and (max-width: 1600px) and (max-height:1200){
	#hpcgLeft.homePageContentGutter{width:15%;}
	#hpcgRight .homePageContentGutter{width:14%;}	
}

p, ul, ol, dl, div.textwidget, address{font-size:14px;}

.reveal-address{
	float:left;
	width:100%;
	display:none;
}

.manual-address{
  float: left;
  width: auto;
  height: auto;
  color: #587B7C;
  font-size: 14px;
  font-weight: 900;
  margin: 20px 0px 0px 10px;
  text-decoration: underline;
}

#aboutBoothsCardPage .about-card-title{
	margin-top:65px;
}

#aboutBoothsCardPage .about-card-title h1{
	margin:10px 0px;
	line-height:34px;
	color:#6ba4b8;
}

#aboutBoothsCardPage.winterLoginPage #largeBoothsCardImage, #aboutBoothsCardPage.winterLoginPage .about-card-title{
	margin-top:0px;
}

#about-content *{
	 font-family: 'Gill Sans W01 book', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 100;
    line-height: 28px;
    margin: 0px 0px 10px 0px;
	color:#000;
}
#about-tiles{
	width:650px;
	float:left;
	float:none;
	display:block;
	position:relative;
	padding:0px 15px;
}
#about-tiles .tile{
	float:left;
	width:300px;
	margin-bottom:20px;
}

#about-tiles .tile img{
	float:left;
	width:100%;
	margin-bottom:10px;
}
#about-tiles .tile.first{ clear: left; }
#about-tiles .tile.last{
	clear:right;
	margin-left:20px;
}

#about-tiles .tile h1, #about-tiles .tile h2, #about-tiles .tile h3{
	font-family: 'Gill Sans W01 book', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 100;
    line-height: 28px;
    margin: 0px 0px 10px 0px;
	color:#000;
}

#about-tiles .tile p, #about-tiles .tile a{
	font-family: 'Gill Sans W01 book', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 100;
    line-height: 17px;
    margin: 0px 0px 10px 0px;
	color:#000;
}

#sub-links a{
	font-family: 'Gill Sans W01 book', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
    margin: 0px 0px 10px 0px;
	color:#000;
	clear:both;
	display:block;
	float:left;
}

#sub-links a.t-and-c-link{
	font-size:12px;
	line-height:12px;
	margin:5px 0px;
}

#aboutBoothsCardPage .register-here .button.largeButton{
	clear:both;
	float:left;
	margin:0px;
}

#aboutBoothsCardPage.winterLoginPage .titleContainer{
	padding-bottom:0px;
	border:none;
}

#aboutBoothsCardPage.winterLoginPage .borderBottomWhite{
	border-bottom:none;
	margin-bottom:0px;
}

#aboutBoothsCardPage.winterLoginPage .titleContainer{
	margin:10px 0px;
}

#login-content{
	float:left;
	width:100%;
	margin-bottom:20px;
}



.bw-content-area p, .bw-content-area a{
	font-family: 'Gill Sans W01 book', Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: normal;
    line-height: 20px;
    margin: 0px 0px 10px 0px;
	color:#000;
	display:inline-block;
}
.bw-content-area p{
	clear:both;
}

.bw-content-area a{
	text-decoration:underline;
}

.bw-content-area a:hover{
	text-decoration:none;
}

#aboutBoothsCardPage .bw-content-area h1, .bw-content-area h1{
    font-size: 46px;
    font-weight: normal;
    text-transform: uppercase;
    width: 100%;
    font-family: 'Gill Sans W01 book',Arial,Helvetica,sans-serif !important;
    margin: 0px 0px 10px 0px;
    line-height: 49px;
	color:#6ba4b8;
	display:inline-block;
	clear:both;
}

#aboutBoothsCardPage .bw-content-area h2, .bw-content-area h2{
	font-size: 32px;
    font-weight: normal;
    width: 100%;
    font-family: 'Gill Sans W01 book',Arial,Helvetica,sans-serif !important;
    margin: 0px 0px 10px 0px;
    line-height: 35px;
	color:#6ba4b8;
	display:inline-block;
	clear:both;
}

#aboutBoothsCardPage .bw-content-area h3, .bw-content-area h3{
	font-size: 24px;
    font-weight: normal;
    width: 100%;
    font-family: 'Gill Sans W01 book',Arial,Helvetica,sans-serif !important;
    margin: 0px 0px 10px 0px;
    line-height: 27px;
	color:#6ba4b8;
	display:inline-block;
	clear:both;
}

#aboutBoothsCardPage.original #largeBoothsCardImage{
	width:100%;
}

.bw-content-area.content-on-white p, .bw-content-area.content-on-white a{
	color:#333;
}

#sidebar-left.register-sidebar img#largeBoothsCardImage{
	margin-top:0px;
}

#sidebar-left.account-sidebar img#largeBoothsCardImage{
	margin:0px 0px 20px 0px;
	width:75%;
}

#sidebar-left .menu-account-menu-container{
	float:left;
	width:100%;
}

#sidebar-left .menu-account-menu-container ul{
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#sidebar-left .menu-account-menu-container ul li{
	float:left;
	width:100%;
	padding:0;
	margin:0;
}
#sidebar-left .menu-account-menu-container ul li a{
	background:#5196b1;
	float:left;
	width:100%;
	padding:5px 0px;
	margin:0px 0px 5px 0px;
	text-indent:5px;
	color:#fff;
	text-transform:uppercase;
	font-size:16px;
	line-height:16px;
}

#sidebar-left .menu-account-menu-container ul li ul li a{
	background:none;
	padding:0;
	font-size:15px;
	line-height:18px;
	color:#333;
	text-transform:none;
	text-indent:10px;
}

#sidebar-left .menu-account-menu-container ul li ul li a:hover{
	text-decoration:underline;
}

body.page-template-page-account-details #registerForm label{
	float:none;
	clear:both;
}

#my-rewards .reward-pin{
	width:155px;
	height:auto;
	float:left;
	display:block;
	margin:0px 20px 0px 0px;
}

#my-rewards .t-and-c-link{
	float:left;
	clear:both;
	margin:20px 0px 10px 0px;
	color:#000;
	font-size:14px;
	line-height:14px;
}

#my-rewards .t-and-c-link:hover{
	text-decoration:underline;
}

.prl {
  width: 155px;
  height: 155px;
  background-color: transparent;
  float:left;
  display:block;
  margin:0px 20px 0px 0px;
}
.prl *{
	color:#fff;
}
.prl-preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
}

.prl-badge {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  width: 100%;
  height: 99%;
}

.prl-badge-label, .prl-badge-value {
  position: relative;
  width: 70.71068%;
  display: block;
  text-align: center;
  text-transform: uppercase;
  white-space: pre-line;
  height: 35.35534%;
  line-height: 35.35534%;
}

.prl-badge-value {
  margin: 14.64466% 0 0 14.64466%;
}

.prl-badge-label {
  margin: 0 0 0 14.64466%;
}

.prl-badge-label, .prl-badge-value {
  position: relative;
}

.prl-badge-label > *,
.prl-badge-value > * {
  position: absolute;
}

.prl-badge-value > * {
  bottom: 0;
}

.prl-badge-label > * {
  top: 0;
}

.prl-badge {
  background-color: #444C3F;
  border: 1px solid #383e33;
  color: #fff;
  font-size: 11px;
}

.prl-badge-label, .prl-badge-value {
  text-transform: uppercase;
  text-align: center;
}