@import url(http://fonts.googleapis.com/css?family=Lato:400,900,700,400italic,300,300italic,100,100italic,900italic,700italic);

body { margin: 0px; padding: 0px; }
html, body { height: 100%;  -webkit-text-size-adjust: none; }
body, td { font-family: 'Lato'; font-size: 15px; line-height: 20px; font-weight: 300; color: #505153; }
input, textarea, select { font-family: 'Lato'; font-size: 15px; font-weight: 300; color: #505153; }
strong { font-weight: 400 !important; }

h1, h2, h3, h4, h5, h6, p { margin: 0px; padding: 0px; }
h1 { margin: 0px; font-size: 36px; line-height: normal; font-weight: 700; line-height: normal; margin-bottom: 15px; }
h2 { margin: 0px; font-size: 28px; line-height: normal; font-weight: 400; line-height: normal; margin-bottom: 10px; }
h3 { margin: 0px; font-size: 25px; line-height: normal; font-weight: 300; line-height: normal; margin-bottom: 7px; }
h4 { margin: 0px; font-size: 20px; line-height: normal; font-weight: 400; line-height: normal; margin-bottom: 5px; }
h4 a { color: #505153; }
h5 { margin: 0px; font-size: 16px; line-height: normal; font-weight: 400; line-height: normal; margin-bottom: 5px; }
p { margin-bottom: 15px; }
a { color: #6c004f; text-decoration: none; outline: none; }
a img { border: none; }
li { margin-bottom: 8px; }

.image_left	{ float: left; margin-right: 12px; }
.image_right{ float: right; margin-left: 12px; }

#container .more_link { background-image: url('/template/icon_plus.png'); background-repeat: no-repeat; padding-left: 42px; background-size: 28px; line-height: 29px; height: 29px; text-transform: uppercase; color: #505153; font-size: 14px; padding-top: 6px; padding-bottom: 6px; }
	#container .more_link:hover { color: #6c004f; }
#container .back_link { background-image: url('/template/icon_back.png'); background-repeat: no-repeat; padding-left: 42px; background-size: 28px; line-height: 29px; height: 29px; text-transform: uppercase; color: #505153; font-size: 14px; padding-top: 6px; padding-bottom: 6px; }
	#container .back_link:hover { color: #6c004f; }

hr { clear: both; color: #aaa; background-color: #aaa; height: 1px; border: none; margin-top: 25px; margin-bottom: 25px; }
#maincol.clearfix hr { background-color: #aaa; }

#container .tri { width: 54px; height: 29px; position: absolute; margin-top: -7px; margin-left: 443px; }
#container .homepanel { padding-bottom: 40px; }
	#container .homepanel h1 { padding-top: 45px; margin-bottom: 30px; }
#home_intro { background-color: #f6f6f6; min-height: 200px; }
#home_testimonials { background-color: #9abb1c; min-height: 400px; }
	#home_testimonials ul { margin: 0px; padding: 0px; list-style: none; width: 728px; /*height: 300px;*/ margin: 0px auto; }
	#home_testimonials ul li { margin: 0px; padding: 0px; text-align: center; }
	#home_testimonials .testimonial { color: #fff; font-size: 32px; line-height: 40px; font-weight: 400; margin-bottom: 15px; }
	#home_testimonials .name { color: #fff; font-size: 20px; font-weight: 400; text-align: right; padding-right: 100px; margin-bottom: 20px; }
	#testimonialsprev { position: absolute; margin-left: -90px; margin-top: 90px; width: 30px; height: 80px; background-image: url('/template/arrows2.png'); background-repeat: no-repeat; }
	#testimonialsnext { position: absolute; margin-left: 1000px; margin-top: 90px; width: 30px; height: 80px; background-image: url('/template/arrows2.png'); background-repeat: no-repeat; background-position: -30px 0px; }
#home_spotlight { background-color: #fff; min-height: 200px; }
	#home_spotlight ul { margin: 0px; padding: 0px; list-style: none; height: 518px; overflow: hidden; width: 957px; }
	#home_spotlight ul li { width: 974px; margin: 0px; }
	#home_spotlight .article { margin: 0px; padding: 0px; float: left; width: 300px; height: 459px; padding-top: 25px; border: 1px solid #aeaeb0; background-color: #fff; margin-right: 17px; }
	#home_spotlight .article h4 { padding: 0px 25px; text-align: center; padding-top: 5px; }
	#home_spotlight .article p { padding: 0px 25px; }
	#home_spotlight .award { position: absolute; width: 300px; }
	#home_spotlight .award img { float: right; top: -25px; position: relative; }
	#home_spotlight .weeks { font-style: italic; font-size: 15px; text-align: center; margin-bottom: 14px; font-weight: 500; }
	#home_spotlight .price { text-align: center; }
	#home_spotlight .price img { margin-right: 3px; }
	#spotlightprev, #spotlightnext { display: block; position: absolute; width: 30px; height: 80px; background-image: url('/template/arrows2.png'); background-repeat: no-repeat; z-index: 6000; margin-left: -90px; margin-top: 191px; }
	#spotlightnext { margin-left: 1000px; background-position: -30px 0px; }
#home_news { background-color: #6c004f; min-height: 200px; color: #fff; }
	#home_news a.more_link { color: #fff; }
	#home_news a.more_link:hover { color: #ccc; }
	#home_news ul { margin: 0px; padding: 0px; list-style: none; height: 490px; overflow: hidden; width: 957px; }
	#home_news ul li { width: 974px; margin: 0px; }
	#home_news .article { margin: 0px; padding: 0px; float: left; width: 300px; height: 431px; padding-top: 25px; border: 1px solid #aeaeb0; background-color: #fff; margin-right: 17px; }
	#home_news .article h4 { padding: 0px 25px; text-align: center; padding-top: 5px; }
	#home_news .article p { padding: 0px 25px; }
	#newsprev, #newsnext { display: block; position: absolute; width: 30px; height: 80px; background-image: url('/template/arrows2.png'); background-repeat: no-repeat; z-index: 6000; margin-left: -90px; margin-top: 191px; }
	#newsnext { margin-left: 1000px; background-position: -30px 0px; }
#home_gallery { background-color: #dadada; min-height: 200px; }
	#home_gallery .photos { width: 960px; padding-bottom: 40px; }
	#home_gallery .photos ul { list-style: none; margin: 0px; padding: 0px; height: 218px; overflow: hidden; }
	#home_gallery .photos ul li { width: 960px; margin: 0px; padding: 0px;  }
	#home_gallery .photos .photo { float: left; border: 3px solid #fff; margin-right: 22px; width: 212px; }
	#home_gallery .photos .photo img { float: left; }
	#galleryprev, #gallerynext { display: block; position: absolute; width: 30px; height: 80px; background-image: url('/template/arrows3.png'); background-repeat: no-repeat; z-index: 6000; margin-left: -90px; margin-top: 91px; }
	#gallerynext { margin-left: 1000px; background-position: -30px 0px; }
#home_specials { background-color: #9abb1c; min-height: 200px; }
	#home_specials ul { margin: 0px; padding: 0px; list-style: none; height: 490px; overflow: hidden; width: 957px; }
	#home_specials ul li { width: 974px; margin: 0px; }
	#home_specials .article { margin: 0px; padding: 0px; float: left; width: 300px; height: 431px; padding-top: 25px; border: 1px solid #aeaeb0; background-color: #fff; margin-right: 17px; }
	#home_specials .article h4 { padding: 0px 25px; text-align: center; padding-top: 5px; }
	#home_specials .article p { padding: 0px 25px; }
	#specialsprev, #specialsnext { display: block; position: absolute; width: 30px; height: 80px; background-image: url('/template/arrows2.png'); background-repeat: no-repeat; z-index: 6000; margin-left: -90px; margin-top: 191px; }
	#specialsnext { margin-left: 1000px; background-position: -30px 0px; }
#home_video { background-color: #fff; min-height: 200px; }
	#home_video .video { margin-bottom: 30px; }
	#home_video .video iframe { width: 700px; height: 394px; }
#home_contact { background-color: #6c004f; min-height: 200px; }
	#home_contact h1 { color: #fff; }
	#home_contact .map { float: left; margin-top: 0px; width: 540px; height: 410px; border: 1px solid #fff; margin-bottom: 20px; }
	#home_contact .info { float: right; width: 350px; padding-top: 20px; color: #fff; }
	#home_contact .info a { color: #fff; text-decoration: underline; }

#maincol .article { border: 1px solid #d3d5d6; margin-bottom: 16px; padding-top: 30px; padding-bottom: 15px; }
	#maincol .article .photo { width: 270px; float: left; padding-top: 0px; margin-bottom: 15px; }
	#maincol .article .photo td { text-align: center; }
	#maincol .article .info { float: left; width: 429px; }
	#maincol .article .info img { max-width: 429px; height: auto; }
	#maincol .article .info.nophoto { width: auto; padding: 0px 30px; }
	#maincol .article .full { display: none; }
	#maincol .article .reginfo { font-weight: 400; }
	#maincol .article .reginfo a { font-weight: 300; }
	#maincol .regform h4 { margin-bottom: 15px; }
	#news .article .photo td { min-height: 220px; }
	#specials .article .photo td { min-height: 160px; }
	#maincol .datesquare { width: 137px; height: 137px; background-color: #9abb1c; margin: 0px auto; color: #fff; text-align: center; font-size: 40px; font-weight: 700; line-height: 41px; }
		#maincol .datesquare .date { padding-top: 26px; }
		#maincol .datesquare .month { }
	
#maincol .back { float: right; position: relative; top: -47px; height: 17px; margin-bottom: -17px; }

#testimonials .article h4 { font-weight: 300; }
#unsublink { position: relative; top: -15px; }

#staff { width: 735px; }
	#staff .bio { width: 231px; height: 420px; float: left; margin-right: 14px; margin-bottom: 14px; }
	#staff .photo { width: 229px; height: 229px; border: 1px solid #5f6262; float: left; margin-bottom: 10px; background-size: 229px; }
	#staff .bio .photo a { height: 229px; display: block; }
	#staff h4 { margin-bottom: 0px; margin-top: 10px; }
	#staff p.title { margin-bottom: 5px; }
	#staff p.email { margin-bottom: 0px; }
	#staff p.intro { margin-bottom: 5px; }
	#staff .profile .photo { margin-right: 40px; }
	#staff .profile .info { width: 449px; float: left; }
	#staff .profile .info h4 { margin-top: 0px; }

#gallery { width: 735px; }
	#gallery .gallery { width: 229px; height: 229px; float: left; margin-right: 14px; margin-bottom: 14px; border: 1px solid #5f6262; background-repeat: no-repeat; background-size: 229px; }
	#maincol .hoverinfo { display: none; width: 229px; height: 229px; background-image: url('/template/hoverbg.png'); background-repeat: repeat; color: #fff; }
	#maincol .hoverinfo a { color: #fff; display: block; position: absolute; height: 229px; width: 229px; }
	#maincol .hoverinfo td { text-align: center; color: #fff; }
	#maincol .hoverinfo td.name { font-weight: 400; font-size: 20px; line-height: 25px; height: 110px; vertical-align: bottom; padding: 0px 15px; padding-bottom: 20px; }
	#maincol .hoverinfo td.num { font-size: 14px; line-height: auto; font-weight: 300; padding-bottom: 10px; }
	#galleryshow { min-height: 480px; margin-top: 20px; }
	#galleryshow ul { list-style: none; margin: 0px; padding: 0px; }
	#galleryshow ul li { margin: 0px; padding: 0px; text-align: center; width: 720px; }
	#galleryshow ul li img { border: 1px solid #5f6262; }
	#photoprev, #photonext { display: block; position: absolute; width: 24px; height: 64px; background-image: url('/template/arrows4.png'); background-repeat: no-repeat; z-index: 6000; margin-left: -40px; margin-top: 209px; }
	#photonext { margin-left: 736px; background-position: -24px 0px; }
	#gallery iframe { margin-top: 20px; }

#slideshow { width: 100%; height: 623px; background: url('/template/banner_1.jpg') center; }
	#slideshow ul { margin: 0px; padding: 0px; list-style: none; }
	#slideshow ul li { background-position: center top; height: 623px; width: 100%; background-repeat: no-repeat; background-color:; }
	#slideshowprev { display: block; position: absolute; width: 20px; height: 31px; background-image: url('/template/arrows_white.png'); background-repeat: no-repeat; top: 488px; z-index: 6000; margin-left: 0px; }
	#slideshownext { display: block; position: absolute; width: 20px; height: 31px; background-image: url('/template/arrows_white.png'); background-repeat: no-repeat; background-position: -20px 0px; margin-left: 920px; top: 488px; z-index: 6000; }
	#slideshow .dots { position: absolute; top: 540px; z-index: 5000; }
	#slideshow .dots a { width: 16px; height: 16px; display: block; margin-left: 14px; float: left; z-index: 2000; }
	#slideshow .info { width: 650px; padding-top: 275px; text-align: center; color: #fff; margin: 0px auto; font-size: 40px; font-weight: 700; line-height: 47px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); }

#contacttext { width: 360px; float: left; padding-right: 20px; padding-bottom: 20px; }
#contactmap #map { float: right; margin-top: 25px; width: 558px; height: 420px; border: 1px solid #aaaaa9; }
#contactform { background-color: #eee; padding: 30px 0px; }
  
#container .pagenav .nav a, #container .pagenav .nav .hidden { float: left; line-height: normal; padding: 6px 10px; margin: 3px; text-decoration: none; border: 1px solid #F6F6F6; background: #7a7a7c; color: #fff; font-size: 14px; font-weight: 300; }
#container .pagenav .nav a:hover, #container .pagenav .nav a.selected { color: #fff; background-color: #464749; }
#container .pagenav .nav a.disabled { display: none; }

#container { min-height: 100%; position: relative; }
	#container .wrap { width: 940px; margin: 0px auto; }
	#fullcol { padding-top: 20px; padding-bottom: 50px; }
	#maincol { width: 726px; float: right; padding-top: 20px; padding-bottom: 50px; min-height: 350px; }
	#sidecol { width: 160px; float: left; position: fixed; }

#header_container { height: 200px; }
#header { height: 200px; width: 100%; background-color: #fff; z-index: 7000; position: fixed; top: 0px; left: 0px; }
	#header .wrap { height: 151px; }
	#header #topnav { padding-top: 9px; height: 26px; }
	#header #topnav ul { list-style: none; margin: 0px; padding: 0px; float: right; }
	#header #topnav ul li { margin: 0px; padding: 0px; float: left; margin-left: 7px; }
	#header #topnav ul li.newsletter { background-color: #9abb1c; text-transform: uppercase; font-weight: 400; font-size: 11px; line-height: 26px; }
	#header #topnav ul li.newsletter a { color: #fff; display: block; line-height: 26px; padding: 0px 9px; }
	#header #topnav ul li.newsletter img { margin-right: 7px; position: relative; top: 1px; float: none; }
	#header #topnav ul li:hover { opacity: .9; }
	#header #topnav ul li img { float: left; }
	#serving { height: 49px; background-color: #6c004f; }
	#serving .wrap { height: 49px; }
	#serving .wrap td { height: 49px; line-height: 16px; color: #b992ad; font-size: 15px; font-style: italic; font-weight: 300; text-align: right; }
	#serving .wrap td span { position: relative; top: -2px; }
	#header #logo { width: 560px; height: 54px; float: left; }
	#header #logo td { font-size: 35px; font-weight: 700; color: #000100; line-height: 33px; }
	#header #logo td a { color: #000100; }
	#header #wxlogo { float: right; padding-top: 25px; }
	#header #contactinfo { clear: right; padding-top: 5px; float: right; font-size: 12px; line-height: 18px; text-align: right; }
		#header #contactinfo .phone { color: #1a1818; font-weight: 400; }
		#header #contactinfo .links { }
		#header #contactinfo .links a { color: #3f4042; text-decoration: none; }
		#header #contactinfo .links a:hover { color: #6c004f; }
	#mainnav { position: absolute; top: 99px; height: 30px; }
		#mainnav ul { margin: 0px; padding: 0px; list-style: none; }
		#mainnav ul li { float: left; line-height: 30px; font-size: 15px; font-weight: 300; margin-right: 2px; }
		#mainnav ul li a { color: #000; text-decoration: none; padding: 2px 5px; line-height: 26px; display: block; }
		#mainnav ul li a:hover,
		#mainnav ul li a.selected { color: #6c004f; }
		#mainnav ul li ul { display: none; }
	#menubars { display: none; }
	
#content { padding-bottom: 365px; min-height: 200px; }

#footer { position: absolute; bottom: 0; width: 100%; height: 365px; background-color: #000; font-size: 13px; line-height: 19px; }
	#wxlogo_white { display: none; }
	#footer h2 { color: #fff; font-size: 15px; font-weight: 600; padding-top: 62px; }
	#footercontact h4 { font-size: 13px; }
	#footercontact { width: 270px; float: left; color: #fff; }
	#footercontact a { color: #fff; text-decoration: underline; }
	#footercontact a:hover { color: #ccc; }
	#footernav { width: 170px; float: left; }
		#footernav ul { list-style: none; margin: 0px; padding: 0px; }
		#footernav ul li { margin: 0px; padding: 0px; }
		#footernav ul li a { color: #fff; text-decoration: none; }
		#footernav ul li a:hover { color: #ccc; }
	#footersocial { width: 500px; float: left; }
		#footersocial ul { list-style: none; margin: 0px; padding: 0px; }
		#footersocial ul li { margin: 0px; padding: 0px; margin-right: 13px; float: left; opacity: .9; }
		#footersocial ul li:hover { opacity: 1; }
	#footer #copyright { text-align: center; font-size: 12px; color: #bbb; clear: both; padding-top: 50px; }
	#footer #copyright a { color: #bbb; text-decoration: none; }
	#footer #copyright a:hover { color: #fff; }
	#footer .newline { display: none; }

#leftnav {  }
	#leftnav ul { margin: 0px; padding: 0px; list-style: none; padding-bottom: 40px; }
	#leftnav ul li { margin: 0px; padding: 0px; margin-bottom: 4px; background-color: #aeaeb0;  }
	#leftnav ul li a { text-align: center; display: block; color: #fff; text-decoration: none; line-height: 15px; font-size: 14px; font-weight: 400; padding: 15px 5px; letter-spacing: 1px; }
	#leftnav ul li a:hover,
	#leftnav ul li a.selected { background-color: #5f6262; }
	
#container .back-to-top { position: fixed; bottom: 2em; right: 21px; text-decoration: none; padding: 1em; display: none; z-index: 9000; }
#container .back-to-top img:hover { background-color: #7a7a7c; }

form { margin: 0px; padding: 0px; }
	fieldset { margin: 0px; padding: 0px; border: 0px; }
	input[type=text], input[type=password], input[type=file] { border: 1px solid #dadada; background-color: #fff; line-height: 36px; height: 36px; padding: 0px 12px; width: 316px; -webkit-appearance: none; border-radius: 0; }
	textarea { border: 1px solid #dadada; background-color: #fff; line-height: 20px; padding: 6px 12px; width: 316px; -webkit-appearance: none; border-radius: 0; resize: none; }
	#container input[type=text].error, #container input[type=password].error, #container textarea.error, #container .sbHolder.error { background-color: #feebe8; border: 1px solid #dd3b0f; }
	input[type=text]:disabled { background-color: #fafafa; }
	input[type=text].defvalue { color: #bbb; }
	input[type=text].defvalue.active { color: #222; }
	#container form .row { clear: both; }
	#container form .field { margin-right: 20px; margin-bottom: 20px; float: left; }
	#container form .field.last { margin-right: 0px; }
	#container form .field.first { clear: both; }
	#container form .field label { display: block; margin-bottom: 5px; font-weight: 300; }
	#container form .field label.radio { margin: 0px; }
	#container form .field input[type=radio], #container form .field input[type=checkbox]{ width: auto !important; }
	
	#container .width100 input { width: 74px; } #container .width100 .sbHolder, #container .width100 .sbOptions, #container .width100 .sbSelector { width: 98px; }
	#container .width140 input { width: 114px; } #container .width140 .sbHolder, #container .width140 .sbOptions, #container .width140 .sbSelector { width: 138px; }
	#container .width186 input { width: 160px; } #container .width186 .sbHolder, #container .width186 .sbOptions { width: 186px; } #container .width186 .sbSelector { width: 155px; } #container .width186 .btn-default { width: 186px; } #container .width186 .dropdown-menu { width: 184px; }
	#container .width220 input { width: 194px; } #container .width220 .sbHolder, #container .width220 .sbOptions, #container .width220 .sbSelector { width: 218px; }
	#container .width280 input, #container .width280 textarea { width: 254px; } #container .width280 .sbHolder, #container .width280 .sbOptions, #container .width280 .sbSelector { width: 278px; }
	#container .width284 input, #container .width284 textarea { width: 258px; } #container .width284 .sbHolder, #container .width284 .sbOptions, #container .width284 .sbSelector { width: 282px; }
	#container .width300 input { width: 274px; } #container .width300 .sbHolder, #container .width300 .sbOptions, #container .width300 .sbSelector { width: 298px; }  #container .width300 .btn-default { width: 300px; } #container .width300 .dropdown-menu { width: 298px; }
	#container .width320 input { width: 294px; } #container .width320 .sbHolder, #container .width320 .sbOptions, #container .width320 .sbSelector { width: 318px; }
	#container .width460 input, #container .width460 textarea { width: 434px; } #container .width460 .sbHolder, #container .width460 .sbOptions, #container .width460 .sbSelector { width: 458px; }
	#container .width700 input { width: 674px; } #container .width700 .sbHolder, #container .width700 .sbOptions, #container .width700 .sbSelector { width: 698px; }
	#container .width940 input, #container .width940 textarea { width: 914px; } #container .width940 .sbHolder, #container .width940 .sbOptions, #container .width940 .sbSelector { width: 938px; }

	#container form.oneline .submitbtn { position: relative; top: -13px; margin-bottom: -13px; }
	#subscribeform, #brewcheckform { margin-top: 25px; margin-bottom: -15px; }
	
	#container .button { background-color: #5f6262; color: #fff; font-weight: 400; padding: 8px 18px; font-size: 13px; }
	#container .button:hover { background-color: #aeaeb0; }

#recaptcha_area td { line-height: normal !important; }
#recaptcha_area input { line-height: normal !important; height: auto !important; }

#container .btn-default { border: 1px solid #dadada; box-shadow: none !important; text-align: left; line-height: 24px; font-weight: 300; font-size: 15px; padding-left: 13px; }
#container .multiselect-container input { width: auto !important; }
#container .multiselect-container label { font-weight: 300; font-size: 15px; line-height: 26px; }
#container .multiselect-container li { margin-bottom: 0px; }
#container .multiselect b.caret { background-image: url("http://www.winexpert.com/template/selectarrow2.png"); background-position: 10px 13px; background-repeat: no-repeat; display: block; height: 36px; outline: medium none; position: absolute; right: 0; top: 0; width: 36px; }
#container .open b.caret { background-position: 10px -17px; }
#container .dropdown-menu { border: 1px solid #dadada; margin-top: -1px; }
#container .dropdown-menu input { margin-top: 6px; }
#container .dropdown-menu>li>a:focus, #container .dropdown-menu>li>a:hover{ background-color: #6c004f; color: #fff; outline: none; }

#container .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container .clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
#container .clearfix { display: block; }

/* website specific tweaks */
#testimonials{ float:left; width: 100%: } 
#testimonialform{ float:left; width:727px; margin-top:20px; }
#testimonialform input{ float:left; width:327px; }
#testimonialform input.last{ float:left; margin-left:20px;}
#testimonialform textarea{ float:left; width:700px; margin-top:20px; }
#testimonialform .submitbtn { float:right; margin-top:20px; }
#to_testimonial_form { float:left; width:100%; margin-bottom:20px;}

/* website specific tweaks */
#website306 #header #logo td { font-size: 32px; }