/**
*   site main css
*/

/* --------------------- init ------------------------ */

* { border: 0; }

body { padding: 0; margin: 0; background: url(../images/header_bg.gif) repeat-x; font: 12px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; line-height: 20px; color: #000; }

#wrapper { width: 970px; padding-bottom: 30px; }

a { text-decoration: none; color: #6B7681; }
a:hover { text-decoration: underline; }


form { padding: 0; margin: 0; }

h1, h2, h3, h4, h5 { font-size: 16px; color: #8A1E04; font-weight: normal; }
h2 { font-size: 15px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }



p { margin: 0; padding: 0 0 15px 0; }
p.hr { border-bottom: 1px solid #D3D4D5; margin: 0 0 30px 0; line-height: 1px; }

ol { margin: 0 0 0 25px; padding: 0 0 15px 0; }
ol li { padding-bottom: 15px; }

/* forms */
a.btn_submit { background: url(../images/btn_submit2.jpg); display: block; width: 72px; height: 35px; }
a.btn_submit:hover { text-decoration: none; }



/* --------------------- misc ------------------------ */

.clear { clear: both; line-height: 1px; }
.red, .burgundy { color: #8A1E04; }
.black { color: #000; }
.grey { color: #6B7681;}
.fontVerdana { font: 10px Verdana, Arial, Helvetica, sans-serif !important; }
.fontSize16px { font-size: 16px !important; }
.fontSize18px { font-size: 18px !important; }
.fontSize11px { font-size: 11px !important; }
.marBot30 { margin-bottom: 30px !important; }
.noPadding { padding: 0; }
.recipeImage { float: right; margin: 0 0 30px 35px; }
.shortContentPadding { padding-bottom: 220px; }
.font18px { font-size: 18px; }
.blue { color: #004c99; }
.grey { color: #73706f; }

/* --------------------- header ------------------------ */

#header { color: #C7CCD2; height: 165px; position: relative;  padding: 10px 0 0 0; overflow: hidden;  }
#header a { color: #C7CCD2; font: 10px Verdana, Arial, Helvetica, sans-serif; }

/* facebook and addThis */
#socialWrapper { position: absolute; left: 555px; top: 8px; }
#icon_facebook, #addThisWrapper { display: inline; }
#icon_facebook { padding-right: 9px; }

/* utility nav */
#utilityNav { padding-left: 30px; display: inline; font: 10px Verdana, Arial, Helvetica, sans-serif;  }
#utilityNav span { padding: 0 4px 0 8px; }
#utilityNav a { color: #C7CCD2; }

/* main navigation */
#mainNav { margin: 0; padding: 0; position: absolute; top: 30px; right: 0; background: url(../images/navBlur.jpg) no-repeat 40px -28px; width: 620px; height: 50px; list-style-type: none; z-index: 50; }
#mainNav li { float: left; margin-right: 1px; }


/* sub nav ------------------------ */
.subNav { display: none; position: absolute; z-index: 100; margin-top: -27px; }
.subNav ul { list-style-type: none; margin: 0; paddding: 0; }



/* keyword search */
#header form { position: absolute; top: 4px; left: 765px; }
.searchbox-frame { position: absolute; z-index: 9; behavior: url(iepngfix.htc); }
.searcbox-left { width: 20px; height: 22px; background: url(../images/searchbox-left.png) no-repeat; }
.searcbox-right { width: 9px; height: 22px; left: 197px; background: url(../images/searchbox-right.png) no-repeat; }
.searcbox-top { width: 177px; left: 20px; height: 5px; background: #fff url(../images/searchbox-top.png) repeat-x; }
.searcbox-bottom { width: 177px; left: 20px; top: 21px; height: 1px; background: url(../images/searchbox-bottom.png) repeat-x; }
input#keywordSearch { position: absolute; z-index: 10; left: 10px; width: 177px; margin: 5px 0 0 10px; border: 0; color: #4A5266; font-size: 11px; height: 14px; }
html:not([lang*=""]) input#keywordSearch { margin: 3px 0 0 10px; height: 17px; padding-left: 3px; width: 177px; } /* only firefox */



/* logo */
#logo { position: absolute; top: 64px; left: 57px; }

/* cartInfoWrapper */
#cartInfoWrapper { position: absolute; top: 110px; right: 0; text-align: right; }
#cartInfoWrapper ul { margin: 0; padding: 0; list-style: none; }
#cartInfoWrapper ul li { float: left; line-height: 21px; }
#cartInfoWrapper ul li.li1 { padding-right: 5px; text-align: right; color: #999999; }
#cartInfoWrapper ul li a { text-decoration: underline; color: #999999; }
#cartInfoWrapper ul li.li2 { text-align: left; }

/* page title */
h1#pageTitle { border-bottom: 1px solid #8A1E04; position: absolute; top: 122px; left: 347px; width: 100%; padding-bottom: 4px; }

/* paginator */
#paginatorWrapper { position: absolute; top: 161px; right: 0; text-align: right; color: #8A1E04; }
#paginatorWrapper a { color: #6B7681; }
#paginatorWrapper a:hover { color: #6B7681; }
#paginatorWrapper span.divider { color: #D3D4D5; padding: 0 4px; }

/* --------------------- content ------------------------ */

/* Note: logo, page title, cart and paginator in header */


/* ensure there is no background image behind Flash. To have content on top of Flash, Flash needed to be transparent. This caused the bg image to show through during the transition between images*/
#flashContent { background: none !important; }

/* home ------------------------------*/
#home_message { position: absolute; top: 90px; right: 0; }
#home_colleft { width: 270px; float: left; }
#home_colRight { width: 608px; float: right; }

#homeContentWrapper { padding-left: 30px; }

#home_watchVideo { border: 1px solid #d0cdcc; background: url(../images/home_watchVideo_bg.jpg) no-repeat 5px 5px ; width: 322px; height: 275px; position: relative; margin-bottom: 7px; }
#home_watchVideo div.copy { font-size: 12px; position: absolute; top: 20px; left: 20px; width: 120px; line-height: 18px; }
#home_watchVideo div.copy div.button { margin-left: -3px; }
#home_watchVideo div.copy div.title { color: #7e0f08; font-size: 15px; font-weight: bold; padding-bottom: 15px; line-height: 22px; }
.btn_watchVideo { display: block; width: 126px; height: 38px; background: url(../images/btn_watchVideo.png); }
.btn_watchVideo:hover { background-position: 0 -38px; text-decoration: none; }

/*#home_vessel { width: 608px; height: 275px; border: 1px solid #d0cdcc; background: url(../images/home_vessel.jpg) no-repeat 15px 5px; margin-bottom: 7px; }
#home_vessel div.copy { font-size: 12px; line-height: 18px; width: 285px; padding: 7px 0 0 20px; }*/



ul.bullet_red { list-style: none; margin: 0; padding: 0; }
ul.bullet_red li { padding-left: 15px; background: url(../images/bullet_red.gif) no-repeat 0 7px; }

#home_tryVarietal { width: 322px; height: 167px; background: url(../images/home_tryVarietal_bg.jpg) no-repeat;  position: relative; }
#home_tryVarietal div.copy { position: absolute; top: 40px; left: 22px; text-align: center; width: 157px; font-size: 15px; }

.btn_buyNow { background: url(../images/btn_buyNow.png) no-repeat; width: 115px; height: 38px; display: block; margin-top: 10px; }
.btn_buyNow:hover { text-decoration: none; background-position: 0 -38px; }


/* colLeft ---------------------------------------*/
#colleft { width: 270px; padding-left: 25px; float: left; }
#navWrapper { border: 1px solid #D3D4D5; padding-bottom: 30px; }
#navWrapper .titleWrapper { color: #6B7681; font-size: 12px; padding: 3px 0 3px 15px ; background-color: #ECEEF0; }
#navWrapper ul { margin: 0; padding: 5px 0 10px 15px; list-style-type: none; }
#navWrapper ul li ul { padding: 0 0 5px 15px; }


/* colRight ---------------------------------------*/
#colRight { width: 623px; float: right; }
#colRight ul { margin: 0 0 0 0; padding: 0 0 15px 15px; }
#colRight ul li ul { padding-bottom: 5px;  }

#colRight #mainImage { margin-bottom: 30px; }

/* resources */
#resources_colRight_colLeft { float: left; width: 267px; margin-top: 10px; }
#resources_colRight_colRight { float: right; width: 342x; margin-top: 10px; }


/* catalog */
.catalogRow { width: 100%; margin-bottom: 20px; }
.catalogRow tr td { width: 33%; }
.catalogColWrapper { width: 199px; }
.catalogColWrapper tr td { text-align: center; }
.catalogColWrapper tr td a img { margin: auto; }
.catalogColWrapper tr.tr1 td { height: 200px; }
.catalogColWrapper tr td a.btn_addToCart { margin: 0 0 0 auto; }
.catalogColWrapper tr td select { border: 1px solid #ccc; font: 11px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color: #6B7681; width: 196px; }
.catalogColWrapper tr.tr3 td { padding: 5px 0 4px 0; text-align: left; }
.catalogColWrapper tr td.rightIndent { padding-left: 5px; text-align: left; }
.productBorder { border: 1px solid #D5D6D7; text-align: center; margin-bottom: 6px; width: 199px; height: 199px; }
.productBorder img { margin: 0 auto; }

.btn_addToCart { width: 89px; height: 26px; background: url(../images/btn_addToCart.jpg); display: block; }
.btn_addToCart:hover { background-position: 0 -26px; text-decoration: none; }


#catalog_promo { margin-top: 30px; }

#cat_allInclusive { background: url(/images/cat_allInclusive.jpg) no-repeat; height: 560px; position: relative; }
#cat_allInclusive .cart form select { border: 1px solid #ccc; font: 11px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color: #6B7681; margin-left: -1px; }
#btn_allInclusive { position: absolute; top: 0px; left: 60px; width: 500px; height: 350px; }
#btn_allInclusive:hover { text-decoration: none; }
#btn_vessel { position: absolute; top: 0px; left: 110px; width: 200px; height: 340px; }
#btn_vessel:hover { text-decoration: none; }
.cart { position: absolute; top: 407px; left: 365px; color: #6B7681; }
.cart form { padding: 8px 0 7px 0;  }
.cart table { width: 174px; }

#cat_vessel { background: url(/images/cat_vessel.jpg) no-repeat; height: 360px; position: relative; }
#cat_vessel .cart { top: 100px; }
#cat_vessel .cart table tr td { padding-top: 5px; }

/* product details --------------------------------------*/


#productDetails_colleft { width: 357px; float: left; text-align: center; }
#productDetails_colleft img { margin: 0 auto; }
#productDetails_colRight { width: 210px; float: right; color: #6B7681; }
#productDetails_colRight form { margin: 0; padding: 0; }
#productDetails_colRight ul { margin: 0; padding: 0; list-style: none; }
#productDetails_colRight ul li { font-size: 11px; }
#productDetails_colRight ul li span.iconWrapper { padding-right: 5px; }
#productDetails_colRight ul li.li1 { padding-bottom: 7px; }
#productDetails_colRight ul li.li2 { padding-bottom: 0; }
#productDetails_colRight ul li.li2b { padding-bottom: 15px; }
#productDetails_colRight ul li.li3 { font-size: 12px; padding-bottom: 10px; }
#productDetails_colRight ul li.li3b { padding-bottom: 13px; }
#productDetails_colRight ul li.li3b select { border: 1px solid #ccc; font: 11px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color: #6B7681; }
#productDetails_colRight ul li.li4 { padding-bottom: 15px; }
#productDetails_colRight ul li.li5 { padding-bottom: 2px; }
#productDetails_colRight ul li.li6 { padding-bottom: 15px; }
#productDetails_colRight ul li.li7 { padding-bottom: 2px; }
#productDetails_colRight ul li.li8 { padding-bottom: 2px; }
#productDetails_colRight ul li.li9 { padding-bottom: 20px; }
#productDetails_colRight ul li.li10 { padding-bottom: 2px; }

#freeBook { margin: -15px 0 -10px 0 }

.wineBorder { border: 1px solid #EAECEC; }
.wineBorderWhite { border: 1px solid #FFFFFF; }

/* Wine Club*/
#wineClub { margin: 10px 0 10px 0; width: 100%; }
#wineClub tr.header td { border-bottom: 1px solid #ccc; padding-bottom: 10px !important; }
#wineClub tr.tr2 td { padding-top: 10px; }
#wineClub tr.tr3 td { padding-bottom: 0; }
#wineClub tr td { padding-bottom: 5px; }
#wineClub tr td.td1 { width: 90px; }
#wineClub tr td.td2 { padding-right: 20px; }
#wineClub tr td.td3 { text-align: right; }
#wineClub tr td.td3 a { margin: 15px 0 0 auto; }
#wineClub tr td.td3 select { border: 1px solid #ccc; font: 11px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color: #6B7681; }
.btn_signMeUp { background: url(/images/btn_signMeUp.jpg); display: block; width: 100px; height: 26px; }
.btn_signMeUp:hover { background-position: 0 -26px; text-decoration: none; }

/* thumbnails */
.productThumbs { padding: 10px 0 10px 0; }
.productThumbs a { padding: 2px; margin: 0 2px; }
.productThumbs a img { border: 1px solid #ccc; }
.productThumbs a:hover img { border: 1px solid #999; }

/* cart contents message - to appear when item is added */
#cartMessage {  border: 1px solid #ccc; width: 205px; padding: 2px 0 2px 5px; margin-top: 10px; display: block;  }
#cartMessage a {  text-decoration: underline;  }

.textBox { width: 25px; border: 1px solid #ccc; font: 11px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color: #6B7681; }
productDetails_colRight ul li select { border: 1px solid #ccc; font: 11px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color: #6B7681; }
.btn_addToCart_lg { width: 116px; height: 29px; display: block; background: url(../images/btn_addToCart_lg.jpg); }
.btn_addToCart_lg:hover { background-position: 0 -29px; text-decoration: none; }
.btn_addToCart_lg.disabled { background-position: 0 -29px; }

.btn_checkout_sm { width: 89px; height: 26px; background: url(../images/btn_checkout_sm.jpg); display: block; }
.btn_checkout_sm:hover { background-position: 0 -26px; text-decoration: none; }

.btn_checkout { width: 116px; height: 29px; display: block; background: url(../images/btn_checkout.jpg); }
.btn_checkout:hover { background-position: 0 -29px; text-decoration: none; }


/* tabs and content */
ul#tabNav { margin: 30px 0 0 0; padding: 0; height: 27px; list-style: none; width: 620px; position: relative; }
ul#tabNav li { width: 154px; height: 27px; position: absolute; z-index: 20; }
ul#tabNav li#tab1 { background: url(../images/tab_productDescrption.jpg) 0 0; left: 0; }
ul#tabNav li#tab2 { background: url(../images/tab_shippingInfo.jpg) 0 -27px; left: 156px;  }
ul#tabNav li#tab3 { background: url(../images/tab_reviews.jpg) 0 -27px; left: 312px; }
ul#tabNav li#line { position: absolute; bottom: 0; z-index: 10; border-bottom: 1px solid #D3D4D5; width: 622px; }

#tabContentWrapper { border-bottom: 1px solid #D3D4D5; border-left: 1px solid #D3D4D5; border-right: 1px solid #D3D4D5; width: 620px; margin-bottom: 20px; }
.hiddenTabConent { display: none; }
.hiddenTabConent div.text, #tab1_content div.text { padding: 20px 15px 10px 15px; }

/* reviews */
.review_div1 { float: left; width: 280px; }
.review_div2 { float: right; width: 280px; }

.reviewTable { width: 100%; margin-bottom: 10px; }
.reviewTable tr td input.textBox, .textArea { width: 200px; border: 1px solid #ccc; font: 11px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color: #6B7681; }
.reviewTable tr td select { width: 120px; }
.textArea { width: 330px; height: 100px; }
.reviewTable tr td { padding-bottom: 4px; }
.reviewTable tr td.td1 { text-align: right; padding-right: 5px; width: 220px; }


/* reources -----------------------------------------------------*/

#foodWineMatching { border-left: 1px solid #D3D4D5; border-top: 1px solid #D3D4D5; width: 100%; margin-top: 5px; }
#foodWineMatching tr td { border-right: 1px solid #D3D4D5; border-bottom: 1px solid #D3D4D5; padding: 2px 5px; }
#foodWineMatching tr#tr1 td { background-color: #ECEEF0; color: #8A1E04; font-size: 12px; }
#foodWineMatching tr td.td1 { width: 30%; background-color: #FCFDFE; }
#foodWineMatching tr td.td2 { width: 70%; }

/* sitmap --------------------------------------------------------- */
.sitemap { width: 100%; margin-bottom: 30px; border: 1px solid #D3D4D5; }
.sitemap tr td { width: 33%; border-right: 1px solid #D3D4D5; padding: 2px 5px 15px 5px; }
.sitemap tr.header td { background-color: #ECEEF0; color: #8A1E04; font-size: 12px; padding-bottom: 2px; border-bottom: 0;  color: #6B7681; }
.sitemap tr td.td1 { padding-right: 10px; }

/* search results --------------------------------------------------*/
ul#searchResults { list-style: none; padding: 20px 0 0 0; margin: 0; }
ul#searchResults li { padding-bottom: 10px; }
table#searchControls { margin-bottom: 10px; }
table#searchControls tr.tr1 { padding-bottom: 5px; }
table#searchControls tr.tr1 td.td1 { padding: 3px 5px 0 0 ; }
.btn_search { background: url(/images/btn_search.jpg); width: 72px; height: 35px; display: block; }
.btn_search:hover { background-position: 0 -35px; text-decoration: none; }


/* AW WC Popup --------------------------------------------------*/
#WC_pop { background: url(/images/WC_pop_bg.png) no-repeat; width: 634px; height: 408; position: absolute; left: -5px; top: -10px; z-index: 10000; }
#WC_pop a.btn_close { display: block; width: 20px; height: 20px; position: absolute; top: 13px; right: 17px; }
#WC_pop a.btn_close:hover { text-decoration: none; }
#WC_pop a.btn_joinNow { display: block; background: url(/images/btn_joinNow.jpg); width: 136px; height: 44px; position: absolute; top: 370px; left: 308px; }
#WC_pop a.btn_joinNow:hover { text-decoration: none; background-position: 0 -44px; }

/* youTube - video upload page */
#videoUpload .clear { padding-bottom: 7px; line-height: 1px; height: 1px; }
.btn_save { background: url(../images/btn_save.jpg) no-repeat; display: block; height: 34px; width: 86px;  }
.btn_save:hover { background-position: 0 -36px; text-decoration: none; }
.vidColLeft { float: left; width: 120px; text-align: right; }
.vidColRight { float: right; width: 490px; }
.vidColRight .textBox { width: 450px; }
.vidColRight .textArea { width: 450px; height: 70px; }
h2.h1Styles { font-size: 16px; color: #8A1E04; font-weight: normal; border-bottom: 1px solid #8A1E04; width: 100%; margin-bottom: 15px; padding-bottom: 4px; }
.btn_uploadVideo { background: url(../images/btn_uploadVideo.jpg) no-repeat; display: block; height: 36px; width: 147px;  }
.btn_uploadVideo:hover { background-position: 0 -36px; text-decoration: none; }


/* --------------------- footer ------------------------ */

form { margin: 0; padding: 0; }
.txtBox, .txtBox_short { width: 140px; border: 1px solid #D3D4D5; }
.txtBox_short { width: 70px; }

#footer { width: 941px; background: url(../images/subscribe_bg.jpg) no-repeat; color: #74808C; position: relative; height: 140px;  margin: 15px 0 0 30px; line-height: 18px; }
#footer a { color: #74808C; }
#text_SignUp { position: absolute; top: 10px; left: 20px; }
#footer form { position: absolute; top: 37px; left: 20px; }
#footer .txtBox, #footer .txtBox_short { margin: 0 5px; }
#footer form a.btn_submit { background: url(../images/btn_submit.png); display: block; position: absolute; top: -5px; left: 535px; width: 72px; height: 35px; cursor: hand; }
#footer form a.btn_submit:hover { background-position: 0 -35px; text-decoration: none; }
#footer ul { margin: 0; padding: 0; list-style: none; }
#footer ul.ul1 { position: absolute; top: 9px; left: 672px; }
#footer ul.ul2 { position: absolute; top: 9px; left: 835px; }
#text_credits { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #8B95A1; position: absolute; top: 100px; left: 135px;  }
#text_credits a { color: #8B95A1; }

#trustSeal { position: absolute; right: 0; top: 85px; }