
/***************************/     /*        Utility          */ @import url(Reset.css);
/*          JAQK           */     .last {border-right: none !important; margin-right: 0 !important; padding-right: 0 !important; border-bottom: none !important;}
/*      Base Classes       */     .first {border-left: none !important; margin-left: 0 !important; padding-left: 0 !important;  border-top: none !important;}
/*      ------------       */	  a:focus,a img {outline: none; border: none;} strong {font-weight: bold}
/***************************/      .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} .clearfix {display: block;} 
/*****************************\
|       ~ Defaults ~          |
\*****************************/
/*	Containers (Global)	*/
body {background: #87b0b0 url(Default/bgBodyDefault.jpg) no-repeat top center; padding-bottom: 15px;}
.masterContainer {width: 1000px; margin: 0 auto;}
.pageContentContainer {background: #f8f7ec; padding: 19px; min-height: 375px;}
body.internal .pageContentContainer {padding: 44px 21px}
p + p {margin-top: 9px;} /* different in ie6: see Base.ie6.css -> .pAfterP */
/* Type (Global) */
body {font-family: Georgia, Times New Roman, Serif; font-size: 12px; color: #666;}
a, a:visited, a:active {text-decoration: none; color: #333}
/* large black */ h2 {color: #282828; font-size: 24px;}
/* medium orange */ h3 {color: #ff3300; font-size: 16px; margin-bottom: 4px;}
/* medium blue */ h4 {color: #66cccc; font-size: 14px; font-family: Arial, Verdana, Sans-Serif; text-transform: uppercase; line-height: 15px; font-weight: bold; letter-spacing: 2px;}
/* medium grey */ h5 {font-size: 12px; text-transform: uppercase; font-family: Arial, Verdana, Sans-Serif;}
/* small blue */ h6 {color: #66cccc; font-size: 11px; font-family: Arial, Verdana, Sans-Serif; text-transform: uppercase; line-height: 15px; font-weight: bold; letter-spacing: 1px;}
p {line-height: 18px;}
ul,ol {padding: 10px 0;}
ol {background: #fffff9; border: solid 1px #ddd2bb; margin: 5px 0;}
ul li {list-style-type: circle; list-style-position: inside; margin-left: 8px;}
ol li {list-style-position: outside; margin-left: 32px; list-style-type: decimal; margin-top: 3px;}
ol li:first-child {margin-top: 0;}
/* generic types*/
.largeBlue {color: #66CCCC; font-size: 20px; line-height: 28px;}
.blankList li {list-style: none; margin-left: 0; padding: 0;}
.fileListing {width: 500px; padding: 2px; border: solid 1px #ddd2bb}
.fileListing li { border: solid #f5f0e7; border-width: 1px 0; padding: 0 20px;}
.fileListing li, .fileListing li a {color: #666;}
.fileListing a {padding: 9px 0; display: block; width: 100%; background: url(Default/btnDownload.gif) right center no-repeat;}
.fileListing li.Even {background: #fffff9; border: none;}
a.linkButton { background: #666; color: #ffffff; font-size: 10px; text-transform: uppercase; font-family: Arial, Verdana, Sans-Serif; border-top: solid 1px #999; border-left: solid 1px #999; border-right: solid 1px #333; border-bottom: solid 1px #333; padding: 2px 7px; line-height: 22px;}
.largeButton {padding: 4px 8px; font-size: 11px;} /* should always extend .linkButton -> class="largeButton as linkButton" */
.redButton {background: #ff3300}
/* generic form */
table.genericForm {line-height: 30px}

/*****************************\
|        ~ Controls ~         |
\*****************************/
/*	Header	*/
.header {height: 125px; font-family: Arial, Verdana, Sans-Serif !important;}
.header a.Home {height: 76px; position: absolute; top: 26px; width: 172px;}
/*	Primary Navigation	*/
.pNav {height: 13px; background: url(Default/pNav.gif) no-repeat top left; width: 765px; margin: 63px 0 0 236px; text-indent: -9999px; overflow: hidden;}
.pNav a {display: block; float: left; margin-right: 30px; }
/*			set the following on, in the following situations: body.wine .pNav a.Wine {on}                 */
/* body.className can define page AND / OR category: example: body.wine -> for a page in the wine category */
.pNav a:hover, 
body.wine .pNav a.Wine,
body.wineClub .pNav a.Wine, 
body.stuff .pNav a.Stuff,
body.about .pNav a.About,				
body.news .pNav a.News,
body.events .pNav a.Events,
body.play .pNav a.Play,
body.giftset .pNav a.Wine,
body.apparel .pNav a.Stuff,
body.cards .pNav a.Stuff,
body.caps .pNav a.Stuff
{background-image: url(Default/pNav.gif)}
.pNav a.Wine {background-position: 0 -13px; width: 61px;}
.pNav a.Stuff {background-position: -91px -13px; width: 71px;}
.pNav a.About {background-position: -192px -13px; width: 79px;}
.pNav a.News {background-position: -301px -13px; width: 66px;}
.pNav a.Events {background-position: -397px -13px; width: 88px; margin-right: 223px; }
.pNav a.Play {background-position: -708px -13px; width: 57px; margin-right: 0px; }


/* .pNav a.Events {background-position: 67px -13px; width: 66px; } */
/* Global Nav */
.gNav {float: right; line-height: 26px; font-size: 11px; font-weight: bold; margin-right: 5px; }
.gNav a {color: #585655; text-transform: uppercase; margin-right: 16px; } /* was 18px; */
.gNav a:hover {color: #fff;}
.gNav a.The-Wine-Club { padding: 3px 16px 3px 17px; margin-right: 16px; background: url(Default/thewineclub.gif) no-repeat; } /* width: 105px; */
/* Quick Cart */
.header .QuickCartController {float: right; width: 260px;}
.header .QuickCartController a.Login {background: #333; display: block; line-height: 26px; padding-left: 11px; font-size: 10px; color: #fff; text-transform: uppercase; letter-spacing: 1px; position:relative; z-index:991;}
.header .QuickCartController .QuickCartFooter { background: #558080 }
.header .QuickCartController .OpenQuickCart {background: url(Default/icnCart.gif) no-repeat 8px 6px; line-height: 26px; display: block; padding-left: 45px; color: #66cccc;}
.header .QuickCartController .CloseQuickCart {background: url(Default/icnCart.gif) no-repeat 8px -21px; line-height: 26px; display: block; padding-left: 45px; color: #66cccc;}
.header .QuickCartController #quickCartButton {cursor: pointer; cursor: hand;}
#quickCart {}
#quickCart-outer {width:260px; display:none;}
#sliderWrap {right:0; width:260px;}
.wrapper {position:absolute; z-index:990;}
.QuickCart {background: #333;}
.QuickCart .NoItems {padding: 10px;}
.QuickCart .Confirm {display: none; padding: 16px; height: 32px}
.QuickCart .Confirm a {color: #ccc; margin-left: 5px;}
.QuickCart .Item {min-height: 60px; border-bottom: solid 1px #5c5c5c; border-top: solid 1px #707070; width: 260px;}
.QuickCart .Icon {width: 60px; height: 60px; float: left; background: red;}
.QuickCart .Title {padding-top: 11px; color: #ccc; font-size: 14px;}
.QuickCart .ItemDesc {font-family: Arial, Verdana, Sans-Serif; font-size: 10px; color: #999; display: inline-block; width: 100px; padding-right:10px;}
.QuickCart .TypeIsWine .Icon {background: url(Default/icnSingleBottle.gif) no-repeat center center;}
.QuickCart .TypeIsGiftSet .Icon {background: url(Default/icnMultiBottles.gif) no-repeat center center;}
.QuickCart .TypeIsShirt .Icon {background: url(Default/icnShirt.gif) no-repeat center center;}
.QuickCart .Qty {color: #666; font-size: 8px;}
.QuickCart .Qty input {width: 25px; background: #333; color: #fff; }
.QuickCart .Delete {background: url(Default/btnDelete.gif) no-repeat; width: 20px; line-height: 15px; display: inline-block; margin-left: 6px}
.QuickCart .quickCartSubTotal {line-height: 26px; background: #666; color: #ccc; border-top: solid 1px #707070; text-align: right; font-size: 9px; text-transform: uppercase; letter-spacing: 1px}
.QuickCart .quickCartSubTotal .TotalPrice {margin: 0 5px 0 10px; font-family: Georgia, Serif; font-size: 15px;}
.QuickCart .quickCartSubTotal .TxtSubTotal {margin-left: 25px;}
.QuickCart .TotalItems {border-bottom: solid 1px #5c5c5c; line-height: 27px; text-align: right; color: #66cccc; font-size: 11px;}
.QuickCart .TotalItems a {margin-right: 10px;}
.QuickCart .ItemLower {padding-bottom: 8px}
.QuickCart #quickCartButton:hover {color: #fff}
.QuickCart a.Checkout {display: block; float: right; width: 90px; height: 26px; background: url(Default/btnCheckOut.gif) no-repeat;}
.QuickCart a.Checkout:hover {background-position: 0 -26px;}
/* Address Choice */
.addressChoice table {padding: 10px; border: solid 1px #F8F7EC; line-height: 25px; }
.addressChoice .StaticAddress b {margin-right: 7px;}
.addressChoice .Hint table {background: #fffff9; border: solid 1px #ddd2bb;}
.addressChoice table.addressoption {float:left; display: none;} /* jjm added */
/* Sign Up for Updates */
#signUpModal { width: 340px; margin-left: -150px; background: #f8f7ec; padding: 16px; border: solid 3px #ddd2bb}
#signUpModal p {margin-bottom: 10px;}
#signUpModal input {margin: 0 8px;}
#signUpModal h4 {float: left}
#signUpModal .Close {float: right; width: 14px; height: 14px; display: block; background: url(Default/btnClose.gif) center center no-repeat;}
/* #signUpModal .Form td {padding: 0 0 8px 0} */
#signUpModal #errors {color: red; padding-bottom: 4px}


#scheduleModal { width: 691px; margin-left: -345px; background: #f8f7ec;}
#scheduleModal .Close {  position: absolute; top: 10px; right: 10px; width: 14px; height: 14px; display: block; background: url(Default/btnClose.gif) center center no-repeat;}

/*	Footer */
.footer { background: url(Default/bgFooterInfo.gif) no-repeat bottom left; padding: 5px 0 32px 0;}
.footer .Left {float: left;}
.footer .Right {float: right; text-align: left;}
.footer .Nav {margin-top: 15px; font-family: Arial, Verdana, Sans-Serif; font-size: 9px; line-height: 15px;}
.footer .Nav a {padding: 0 10px; border-left: solid 1px #585655; color: #585655; text-transform: uppercase; letter-spacing: 1px;}
.footer .Nav a:hover,
	body.home .footer .Nav a.Default,
	body.wine .footer .Nav a.Wine,
	body.wineClub .footer .Nav a.Wine,
	body.stuff .footer .Nav a.Stuff,
	body.play .footer .Nav a.Play,
	body.about .footer .Nav a.About,
	body.news .footer .Nav a.News,
	body.events .footer .Nav a.Events {color: #fff;}
.footer .Nav a:first-child {border-left: none; padding-left: 0px;}
.footer .Right a:first-child { padding-right: 0px; }

.footer a.Highlighted {color: #eb3002;} /* override any color */
#twitterlink { margin-left: 0px; padding: 2px 0px 4px 20px;  background: transparent url(Default/twittericon.gif) no-repeat; }
#facebooklink { margin-left: 10px; padding: 2px 0px 4px 20px; background: transparent url(Default/facebookicon.gif) no-repeat; border: 0px;}
#facebooklike { padding: 4px 0px 4px 20px; border:none; overflow:hidden; width:45px; height:21px;}


/*	Category Navigation  */
.catNav { color: #999; text-transform: uppercase; font-weight: bold; width: 304px; display: block; font-size: 11px; font-family: Arial; }
.catNav li { list-style: none; }
.catNav ul { margin: 0px 0px 15px 0px; padding: 0;}
.catNav ul ul { margin: 0px 0px 7px 0px; padding: 0;}
.catNav ul ul ul { margin: 0px 0px 8px 0px; padding: 0;}
.catNav ul li { margin: 0 0 7px 0px; color: #888; }
.catNav ul ul li { margin: 0 0 7px 20px; }
.catNav ul ul ul li { margin: 0 0 7px 38px; font-weight: normal; color: #999; }
.catNav a {color: #888;}
.catNav a:hover {color: #ff3300}
.catNav a.Selected {color: #ff3300}
.catNav .note { text-transform: none; font-weight: normal;}

.cNav {color: #999; text-transform: uppercase; width: 304px; display: block; font-size: 11px; font-family: Arial}
.cNav dt.Root {display: none;}
.cNav a {color: #999;}
.cNav a:hover {color: #ff3300}
.cNav dt.Root {margin-bottom: 20px; font-weight: bold}
.cNav dt a, .cNav dt {color: #888;}
.cNav .Product a {color: #999}
.cNav .Product a:hover {color: #ff3300}
.cNav .Product {margin: 0 0 7px 18px; font-weight: normal !important}
.cNav dl.Depth0 {margin-bottom: 15px;}
.cNav .Depth0 dt {margin-bottom: 7px; font-weight: bold;}
.cNav dl.Depth2 {margin: 0 0 8px 20px;}
.cNav a.Selected {color: #ff3300}
/* Product Detail */
.productDetail {margin-top: 24px}
.productDetail .MainImage {width: 264px; text-align: center; float: left;}
.productDetail .Info {width: 360px; float: left;}
.productDetail .Sub {margin: 15px 0; color: #282828; font-family: Arial, Verdana, Sans-Serif; font-weight: bold}
.productDetail .Sub span {display: block;}
.productDetail .SubTitle {color: #282828;}
.productDetail .Category {color: #66cccc; text-transform: uppercase}
.productDetail .MainCopy {min-height: 277px;}
.productDetail .PurchaseOptions {font-size: 11px; font-family: Arial, Verdana, Sans-Serif;}
.productDetail .PurchaseOptions span, .productDetail .PurchaseOptions input {display: block; float: left; line-height: 23px;}
.productDetail .PurchaseOptions input {vertical-align: middle;}
ul.PurchaseOptions li + li {margin-top: 4px}
ul.PurchaseOptions li {list-style-type: none; list-style-position: outside; margin-left: 0;}
.productDetail .QtyTextBox {height: 21px; width: 30px; margin-right: 8px; background: #f8f7ec; border: solid 1px #bfbfbf; text-align: center}
.productDetail .Color-black {background-color:#000000;border:2px solid #DDDDDD; display:block; float:left; height:20px; margin-right:8px; width:20px;}
.productDetail .Color-blue {background-color:#92c4c3;border:2px solid #DDDDDD; display:block; float:left; height:20px; margin-right:8px; width:20px;}
.productDetail .Color-cream {background-color:#e2e5de; border:2px solid #DDDDDD; display:block; float:left; height:20px; margin-right:8px; width:20px;}
.productDetail .Size {width: 54px;}
.productDetail .Price {width: 69px; color: #282828; text-align: center; font-size: 14px; font-family: Georgia, Times New Roman, Serif;}
.productDetail .Qty {width: 37px; font-size: 9px; text-transform: uppercase; text-align: center; color: #bfbfbf; font-family: Gotham, Arial, Verdana}
.productDetail .Add {float: left;}
.productDetail #tabinator {margin-top: 15px;}
.productDetail .ViewAll {padding-top: 15px; }
.productDetail .JoinClub { margin-right: 15px; }
.productDetail .download {font-size: 11px; font-family: Arial, Verdana, Sans-Serif; text-align: right;}
/* .winegiftset as .productDetail */
.winegiftset .MainImage {float: none}
.winegiftset .MainCopy {min-height: 0; height: auto !important}
.winegiftset .Info {width: 460px}

#tabinator .TabNav {line-height: 22px; font-family: Arial, Verdana, Sans-Serif; font-size: 10px;}
#tabinator .TabNav .TabButton {padding: 0 15px; margin-right: 3px; background: #fff; display: block; float: left; height: 22px; color: #999; text-transform: uppercase; letter-spacing: 1px}
#tabinator .TabNav .on {background: #eeedde; color: #000;}
#tabinator .Tabs .Tab {background: #eeedde; padding: 22px; min-height: 150px; color: #87B0B0; font-size: 17px;}
#tabinator .Tabs .Tab p {line-height: 22px;}
#wineTipCallout {margin-top: 67px; display: block}
/* Search Views: */
.searchResults {}
.searchResults .Product {float: left; margin-bottom: 20px;} /* product defaults */
.searchResults .Product .Left {float: left; text-align: center;}
.searchResults .Product .Right {float: left;}
.searchResults .Product .Title a {font-size: 17px; color: #282828;}
.searchResults .Product .SubTitle {margin-top: 13px; font-family: Arial, Verdana, Sans-Serif; font-size: 11px; color: #282828;}
.searchResults .Product .Category {color: #99cccc; font-family: Arial, Verdana, Sans-Serif; font-size: 11px; text-transform: uppercase}
.searchResults .Product .Desc {margin-top: 13px; min-height: 45px; font-family: Arial, Verdana, Sans-Serif; font-size: 11px; width: 193px;}
.searchResults .Product .Price {margin: 13px 0; color: #282828;}
.searchResults .Product .AddToCart .QtyTextBox {display: block; float: left; height: 21px; width: 40px; margin-right: 8px; background: #f8f7ec; border: solid 1px #bfbfbf; text-align: center}
.searchResults .Product .AddToCart .Qty {line-height: 25px; display: block; float: left; width: 33px; font-size: 9px; text-transform: uppercase;  color: #bfbfbf; }
.searchResults .Product .AddToCart .Add {display: block; float: left;}
/* Single Bottle -> extends .Product */
.searchResults .SingleWineBottle {}
.searchResults .SingleWineBottle .Left {width: 99px;}
.searchResults .SingleWineBottle .Right {width: 213px; padding-top: 70px;}
/* Gift Set -> extends .Product */
.searchResults .GiftSet {float: none;}
.searchResults .GiftSet .Left {margin-right: 30px;}
.searchResults .GiftSet .Right {padding-top: 70px;}
/* Stuff Item -> extends .Product */
.searchResults .StuffItem {width: 312px}
.searchResults .StuffItem .Left a {display: block; height: 200px; overflow: hidden;}
.searchResults .StuffItem .Left {width: 179px;}
.searchResults .StuffItem .Right {width: 133px; padding-top: 30px;}
.searchResults .StuffItem .Title {min-height: 60px;}
.searchResults .StuffItem .Desc {width: 280px;}
.searchResults .StuffItem .AddToCart .Add {float: none; margin-top: 8px;}
.searchResults .StuffItem .AddToCart .QtyTextBox {float: none}
/* Cart */
.cartContainer {background: #333; padding: 15px 15px 3px 15px;}
.cartContainer h4 {color: #999;}
.mainCart {font-family: Arial, Verdana, Sans-Serif; font-size: 11px; color: #999; width: 100%;}
.mainCart th {font-size: 9px; text-transform: uppercase;}
.mainCart th.SizeCol,
.mainCart th.QtyCol,
.mainCart th.PriceCol,
.mainCart th.TotalCol {width: 55px; padding-right: 10px;}
.mainCart td, .mainCart th {vertical-align: middle}
.mainCart td.Delete {width: 40px;}
.mainCart td.Delete a {display: block; width: 40px; height: 54px; background: url(Default/btnDelete.gif) no-repeat center center;}
.mainCart td.Icon {height: 54px; width: 68px;}
.mainCart tr.TypeIsWine td.Icon {background: url(Default/icnSingleBottle.gif) no-repeat center center;}
.mainCart tr.TypeIsGiftSet td.Icon {background: url(Default/icnMultiBottles.gif) no-repeat center center;}
.mainCart tr.TypeIsShirt td.Icon {background: url(Default/icnShirt.gif) no-repeat center center;}
.mainCart .ItemTitle {font-size: 16px; color: #ccc; font-weight: bold; font-family: Georgia, Serif}
.mainCart td.ItemDescription {padding-right: 25px}
.mainCart td.Qty input {width: 45px; background: #333; color: #fff}
.mainCart td {border-bottom: solid 1px #5c5c5c; border-top: solid 1px #707070}
.cartTotals {border-top: solid 1px #707070; padding-top: 11px; font-size: 11px; font-family: Arial, Verdana, Sans-Serif; color: #999}
.cartTotals table {width: 397px; float: right;}
.cartTotals td {line-height: 21px;}
.cartTotals .Left {text-align: right; padding-right: 10px; font-size: 10px;}
.cartTotals .Middle td {border: dotted #ccc; border-width: 1px 0;}
.cartTotals table.Total {clear: right}
.cartTotal {padding-right: 62px; background: #666; border-top: solid 1px #575757; line-height: 30px; color: #ccc;}
.cartTotal .Left {padding-right: 6px; font-size: 10px; font-family: Arial, Verdana, Sans-Serif}
.cartTotal div {float: right}
.cartContainer .CartNotification {border: solid 1px #ddd2bb; background: #fffff9; padding: 15px; width: 269px; margin: auto; position: absolute; display: none}
/* Bread Crumb */
.breadCrumb {display: none; height: 22px; font-size: 11px; font-family: Arial, Verdana, Sans-Serif; text-transform: uppercase}
.breadCrumb {display: none; height: 26px; font-size: 11px; font-family: Arial, Verdana, Sans-Serif; text-transform: capitalize}
.breadCrumb a {color: #999}
.breadCrumb span {color: #333}
body.wine .breadCrumb {display: block}
body.stuff .breadCrumb {display: block}
body.wineClub .breadCrumb {display: block} /* jjm added */
/*****************************\
|         ~ Pages ~           |
\*****************************/
/* Global -> .pageContentContainer * */
.smallCol {width: 240px; float: left;}
.largeCol {width: 702px; float: left;}
.bdr {background: url(Default/bdrBlackDotted.gif) repeat-x; height: 1px; margin: 9px 0;}
/* Global - Internal -> body.internal .pageContentContainer * */
body.internal .smallCol {width: 304px;}
body.wineClub .smallCol {width: 274px; } /* jjm added */
body.internal .largeCol {width: 624px;}
body.wineClub .largeCol {width: 666px; } /* jjm added */

.categoryHeader {margin-bottom: 14px}
.categoryHeader h5 {float: left;}
.categoryHeader .bdr {width: 481px; float: right;}
body.internal .Lower {margin: 14px 0 14px 0;}

.categoryHeader {margin-bottom: 14px}
.categoryHeader h5 {float: left;}
.categoryHeader .bdr {width: 481px; float: right;}
body.internal .Lower {margin: 0 0 14px 0;}
body.internal .Lower .bdr {width: 461px;}
/*	Default.aspx -> body.default  */
body.default {}
body.default .smallCol {margin-left: 19px;}
body.default .smallCol p {line-height: 16px;}
body.default .JaqkDesc {margin-bottom: 26px;}
body.default .CheckIt {font-size: 16px; color: #333; background: url(Default/bgCheckItOut.gif) no-repeat; padding: 15px 0px 10px 41px; margin-bottom: 10px;}
body.default .CheckIt .Date {font-size: 9px; font-family: Arial, Verdana, Sans-Serif; color: #808080; display: block;}
body.default .LatestNews {font-size: 16px; color: #333; background: url(Default/hdrLatestNews.gif) no-repeat; padding-top: 11px;}
body.default .LatestNews .Date {font-size: 9px; font-family: Arial, Verdana, Sans-Serif; color: #808080; display: block;}
/* Wine.aspx -> body.wine */
.wineLanding {background: url(Default/bgWineLanding.gif) no-repeat; height: 376px;}
.wineLanding .LargeInvisButton {display: block; width: 209px; height: 323px; float: left}
.wineLanding .SmallInvisButton {display: block; width: 205px; height: 113px; float: left;}
.wineLanding .MainCopy {width: 205px; float: left; padding-top: 59px; font-weight: bold; font-size: 11px; color: #66cccc; line-height: 15px;}
.wineLanding .MainCopy p {line-height: 15px}
/* .wineLanding .LongInvisButton {display: block; height: 35px; margin-top: 14px;} */
.wineLanding .JoinClubButton {display: block; width: 232px; height: 37px; float: left; margin-top: 16px; margin-right: 18px; }
.wineLanding .ViewAllButton {display: block; width: 373px; height: 37px; float: left; margin-top: 16px; }

.floatingJaqkLogo {position: absolute; margin-left: 566px; margin-top: -66px;}
/* Stuff.aspx -> body.stuff */
.stuffLanding {background: url(Default/bgStuffLanding.jpg) no-repeat; height: 376px;}
.stuffLanding .LargeInvisButton {display: block; width: 209px; height: 323px; float: left}
.stuffLanding .SmallInvisButton {display: block; width: 205px; height: 161px; float: left;}
.stuffLanding .MainCopy {width: 205px; float: left; padding-top: 54px; font-weight: bold; font-size: 14px; color: #66cccc;}
/* .stuffLanding .LongInvisButton {display: block; height: 35px; margin-top: 14px;} */
.stuffLanding .JoinClubButton {display: block; width: 232px; height: 37px; float: left; margin-top: 16px; margin-right: 18px; }
.stuffLanding .ViewAllButton {display: block; width: 373px; height: 37px; float: left; margin-top: 16px;}

/* Play.aspx -> body.play */
.playMainCopy {color: #87B0B0; font-size: 17px; line-height: 32px; margin-bottom: 20px;}
.playMainCopy p {line-height: 22px;}
/* About.aspx -> body.about */
.aboutMainCopy {color: #87B0B0; font-size: 17px; margin-bottom: 20px;}
.aboutMainCopy p {line-height: 22px;}
/* Login */

.loginRegister {margin: 22px 0 0 22px;}
.loginRegister a {text-decoration: underline; color: #666;}
.loginRegister .Login {background: #eeedde;}
.loginRegister .LoginForm {width: 320px; height: 92px; margin-bottom: 33px; } /* jjm width was 275 and next 297 */
.loginRegister .Login, .loginRegister .Register {font-size: 11px; font-family: Arial, Verdana, Sans-Serif; width: 320px; padding: 24px; border: solid 2px #eeedde; height: 250px; float: left; margin-right: 10px;}
.loginRegister .Login .bdr, .loginRegister .Register .bdr {margin-left: -15px; margin-right: -15px; margin-bottom: 20px;}
.loginRegister .Register .Copy {height: 125px;}
.loginRegister .Forgot {margin-top: 30px}
.loginRegister .Validation-Errors {color: red; float: left; padding: 0}
/* overrides to fit club login form */
.clublogin .loginRegister { margin: 22px 0 0 0; }
.clublogin .loginRegister .Login  { width: 280px; padding: 22px; } 
.clublogin .loginRegister .Register { width: 280px; padding: 22px; margin-right: 0px; }

/* Register / Edit address */
#EditAddressTable td {padding: 0 10px 10px 0}

/* Contact */
.contactForm .Left {float: left; width: 168px;}
.contactForm .Right {float: left; width: 280px;}
.contactForm .Form {width: 100%;}
.contactForm .Form td {text-align: right; font-family: Arial, Verdana, Sans-Serif; font-size: 10px; text-transform: uppercase; padding-bottom: 9px; padding-right: 17px}
.contactForm .Form .Comments td {padding-bottom: 0;}
.contactForm .Form input,.contactForm .Form textarea {margin-left: 10px; width: 280px;}
.contactForm .Form select {margin-left: 10px; width: 286px;}
.contactForm .Form .Comments span {display: block; float: left; padding: 7px 0 0 195px; text-align: right;}
.contactForm .Valid {}
.contactForm .Invalid {color: red; font-weight: bold; background: url(Default/icnError.gif) no-repeat right 5px}
.contactForm .Note {margin-left: 175px; margin-right: 338px;}
.contactForm .Validation-Errors {color: red; float: left; padding: 0}
.contactForm .Address {width: 186px; float: left; margin-left: 36px; padding: 0px; font-size: 11px}
/* Gift Sets */
body.gifts .Callout {}
body.gifts .Callout .Left {float: left; width: 322px; margin-top: 9px;}
body.gifts .Callout .Right {float: left; width: 302px}
body.gifts .Callout .Title {color: #282828; font-family: Arial, Verdana, Sans-Serif; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; font-size: 10px;}
body.gifts .Callout .MainCopy {color: #66CCCC; font-size: 18px; margin: 9px 0;}
/* Meet The Players */
body.meetThePlayers .ThePlayers {margin-top: 40px; padding-left: 8px; background: url(Default/bgMeetThePlayers.jpg) no-repeat center top; height: 270px;}
body.meetThePlayers .ThePlayers a {display: block; height: 270px; width: 122px; margin-left: 22px; float: left}
body.meetThePlayers .aPlayer .largeBlue {margin: 8px 0 5px 0;}
body.meetThePlayers .aPlayer img {margin: 0 0 8px 0; display: block}
/* ?? jjm .aPlayer {width: 576px;} */
/* Wine Club */
.wineclubLanding { background: url(Default/bgTipsyKing.jpg) no-repeat; height: 455px; margin-top: 10px; }
.wineclubLanding .MainCopy { padding-left: 336px; color: #87B0B0; font-size: 15px;}
.wineclubLanding .MainCopy p {line-height: 18px}
.wineclubLanding .MainCopy a {display: block; width: 330px; height: 77px; margin-top: 6px;}

/* Checkout */
.checkout h4 {margin-top: 16px;}
/* #checkoutSteps {padding-left: 115px; height: 37px; background-image: url(Default/bgCheckoutSteps.gif); background-repeat: no-repeat; text-indent: -9999px;}

#checkoutSteps.step1 {background-position: 0 0}
#checkoutSteps.step2 {background-position: 0 -37px;}
#checkoutSteps.step3 {background-position: 0 -74px;}
#checkoutSteps a.StepButton {display: block; height: 37px; width: 249px; float: left;} */
/* .checkoutProcess {padding: 0 22px} removed for club form */
.checkoutProcess .Container {padding-top: 28px;}
.checkoutProcess .Continue {}
.checkoutProcess .ShippingOptions,
.checkoutProcess .AddressSummary,
.checkoutProcess .ShippingSummary,
.checkoutProcess .OrderReview,
.checkoutProcess .OrderPromo,
.checkoutProcess .PaymentInfo {margin-top: 20px;}
.checkoutProcess .ShippingSummary a.linkButton {margin-left: 8px;}
/* .checkoutProcess .PaymentInfo {margin-bottom: 28px} */

.checkoutProcess input.text { color:#666666; font-family:arial; font-size:12px; width: 155px; }
.checkoutProcess select { color:#666666; font-family:arial; font-size:12px; width:160px; }
.checkoutProcess select#shippingaddress { color:#333333; font-family:arial; font-size:12px; width:300px; }
.checkoutProcess textarea  { color:#666666; font-family:arial; font-size:12px; height:40px; width:300px; }

.wcform .Left { float:left; width: 320px; margin-right: 25px; }
.wcform .Right { float:left; width: 320px; }


/* Shipping Policy & Privacy Policy */
.policyContainer h4 {margin: 10px 0 5px 0;}
.policyContainer h6 {margin-top: 12px}
.policyContainer a {text-decoration: underline; color: #666}

/* Distributor and Press Room */
/* see .fileListing */
.pressRoom h6 {margin-bottom: 8px;}
.pressRoom ul.Newsletters {margin-bottom: 16px; margin-top: 8px}
.pressdownload { font-size: 7pt; font-weight: bold; margin-top: 10px; } 
.pressdownload a { color: #66cccc; text-transform: uppercase; }
.pressquote-l { float:left; width: 305px; margin-right: 5px; }
.pressquote-r { float:left; width: 305px; margin-left: 5px; }

.press h4 { color: #666; font-family: Georgia, Times New Roman, Serif; text-transform: uppercase;}
.pressdate { color: #ccc; }

/* Send to Friend */
.sendMainCopy {color: #87B0B0; font-size: 17px; line-height: 22px; margin-bottom: 20px;}

.sendToFriend .Form {width: 460px; float: left}
.sendToFriend .Form td {text-align: right; font-family: Arial, Verdana, Sans-Serif; font-size: 10px; text-transform: uppercase; padding-bottom: 9px; padding-right: 17px}
.sendToFriend .Form .Comments td {padding-bottom: 0;}
.sendToFriend .Form input,.sendToFriend .Form textarea {margin-left: 10px; width: 280px;}
.sendToFriend .Form .Comments span {display: block; float: left; padding: 7px 0 0 195px; text-align: right;}
.sendToFriend .Valid {}
.sendToFriend .Invalid {color: red; font-weight: bold; background: url(Default/icnError.gif) no-repeat right 5px}
.sendToFriend .Note {margin-left: 175px; margin-right: 338px;}
.sendToFriend .Validation-Errors {color: red; float: left; padding: 0; margin-left: 10px;}
.sendToFriend .Message {vertical-align: top; padding-top: 3px;}

.sendToFriend .largeCol {width: 460px; margin-left: 25px; float: left}
/* select state */
.selectAState {width: 540px; margin: 80px auto 0 auto; background: #fffff9; border: solid 3px #ddd2bb; padding: 16px}
.selectAState .Form {width: 261px; background: #f0f9f9; border: solid 1px #7fa7a7; padding: 16px; margin-left: auto; margin-right: auto;}
/* Forgot-Password */
.forgotPassword .Form {background: #fffff9; border: solid 1px #ddd2bb; padding: 8px; width: 378px;}
.forgotPassword .Form .linkButton {color: #ccc}
.forgotPassword .Validation-Errors {color: red; padding: 0; }
/* Sitemap */
.sitemap {margin-top: 20px; line-height: 20px}
.sitemap .Section {width: 220px; float: left; margin-right: 20px;}
.sitemap a {display: block; text-transform: capitalize}
.sitemap a:hover {color: #ff3300}
.sitemap .Section .Sub {padding-left: 10px;}
.sitemap .Util {background: #fffff9; border: solid 1px #ddd2bb; margin: 20px 0 0 0; padding: 16px}
.sitemap .Util a {display: inline; text-align: center; margin: 0 24px}

/* Checkout Summary */
.orderInfo {width: 420px; float: left; margin-bottom: 20px}
.orderInfo table {line-height: 16px}
.orderInfo h6 {margin-bottom: 4px;}
.orderInfo td.Label {font-weight: bold}

/* About Giftset */
.aboutWinePage /* as .productDetail */ {}
.aboutWinePage .MainImage {width: 320px;}
.aboutWinePage .Info {width: 250px;}

/* Play Pages */
.playContent {}

/* Wine club */
body.wineClub h2 { padding: 0 0 10px 0; }
.clubForm { width: 332px; float: left; color: #a3925a; font-family: Arial, Verdana, Sans-Serif; }
.clubForm label { display: block;  font-size: 10px; text-transform: uppercase; }
.clubForm .label { display: block;  font-size: 10px; text-transform: uppercase; }
.clubForm p.note { font-size: 9px; line-height: 12px; }
.clubForm input {border: 1px solid #b3a080; background-color: #f8f7ec; }
.clubForm th { text-transform: uppercase; font-size: 13px;  font-weight: 600; }
.center { text-align: center; }


/* Locator */
#storepanel { font-family: Arial, Verdana, Sans-Serif; }
#storepanel h3 { margin-top: 10px; color: #666; font-family: Georgia, Times New Roman, Serif; }
.distributorcolumn { width: 298px; float: left; margin-right: 10px;}
.storecolumn { width: 144px; float: left; margin-right: 10px;}
.locationtype { margin-top: 10px; margin-bottom: 0px; color: #66CCCC; text-transform: uppercase; }
h2.statename { padding-top: 10px; font-family: Georgia, Times New Roman, Serif; }
.shipstatus { padding-top: 10px;}
.footnote { clear: left; padding: 10px 0px;}
/* Events */
.eventsMainCopy {color: #87B0B0; font-size: 17px; margin-bottom: 20px;}
.eventsMainCopy p { line-height: 22px; }

.eventitem { margin-top: 10px; border-top: 1px dashed #666; font-size: 10px }
.eventitem h2 { font-size: 20px; padding: 10px 0px; }
.eventitem h4 { margin-top: 10px; font-size: 12px; }
.eventimage { width: 230px; float: left; margin-right: 20px;}
.eventdesc { width: 370px; float: left; }
.eventcaption { font-size: 9px; color: #999999;}

/* Reviews */
.reviews { width: 285px; height: 431px; background: transparent url(Default/customerreviews.gif) no-repeat; }
.reviewlist { width: 260px; height: 330px; overflow-x: hidden; overflow-y: auto; }
.reviewitem { padding: 10px 0px 10px 30px; font-size: 14px; }
.reviewer { padding-left: 120px; font-size: 10px; }
/*
#loginform .error { color: #cc0000; }
#registrationform .Valid {}
#registrationform .Invalid {color: red; font-weight: bold; background: url(Default/icnError.gif) no-repeat right 5px}
#registrationform .Validation-Errors {color: red; padding: 0}
#registrationform .Invalid .TriedInput  { border-color: #eeeeee; }
#registrationform .Valid .TriedInput { border-color: #ffffff; }
*/
/* Signup */
.signupForm .Form { width: 300px; }
.signupForm .Form td {text-align: right; font-family: Arial, Verdana, Sans-Serif; font-size: 10px; text-transform: uppercase; padding-bottom: 9px; padding-right: 17px; }
.signupForm .Form input {margin-left: 10px; width: 180px; }
.signupForm .Form select {margin-left: 10px; width: 186px;  text-transform: none; margin-right: 8px; }
.signupForm .Valid {}
.signupForm .Invalid {color: red; font-weight: bold; background: url(Default/icnError.gif) no-repeat right 5px}
.signupForm .signupValidation-Errors {color: red; float: left; padding: 0}

.Validation-Errors {color: red; padding: 0}

/*****************************\
|         ~ STOP! ~           |
|	Do NOT just add to the    |
|   end of this document.     |
|   Look at the categories:   |
|   "Controls","Pages",etc..  |
|   and place your css where  |
|   it belongs...             |
\*****************************/

