﻿/* global style definition */

body, html { width:100%; height:100%; margin:0px; padding:0px; }
body { background:#5c4848 url(../image/base/background.png) repeat-x; font-size:12px;
       color:#666; }
form { margin:0px; padding:0px; }
* { font-family:Arial, Helvetica, Sans-Serif, Verdana; color:#666; }
a { text-decoration:none; color:#7c1314; }
a img { border:0px none; }
a:hover { text-decoration:underline; }

h1 { font-family:Georgia, Times New Roman; font-size:18px; font-weight:normal;
     color:#7c1314; padding:0px; margin:15px 26px 10px; }
h2 { font-weight:bold; color:#7c1314; font-size:12px; padding:0px 0px;
     margin:15px 26px 10px }
p { padding:0px 0px 0px; margin:10px 26px 15px; line-height:18px; }
div { line-height:18px; }
select, select option { color:#7c1314 }
h3 { font-weight:bold; color:#7c1314; font-size:13px; font-family:Georgia, Times New Roman;
     padding:0px 20px 0px 40px; margin:15px 0px 10px }
h3 a { font-family:Georgia, Times New Roman; text-decoration:underline; }
h2 a { text-decoration:underline; }
h4 { font-weight:normal; font-size:30px; font-family:Georgia, Times New Roman;
     padding:0px; margin:20px 26px 10px; }
h5 { font-family:Georgia, Times New Roman; font-size:18px; font-weight:normal;
     color:#7c1314; padding:0px 20px; margin:15px 26px 10px; padding:0px 0px 20px 0px;
     background:url(../image/base/featuresBigHeader.png) no-repeat bottom left; }
h6 { font-size:12px; padding:0px; margin:10px 26px 10px }

fieldset { margin:10px 0px 10px 26px; border:0px none; }
fieldset legend { color:#7c1314; }
fieldset p { padding:0px; margin-left:0px; }
fieldset p span { width:150px; float:left; text-align:right; padding-right:5px; }
fieldset p span.overrideSpan { width:auto; float:none; text-align:left; padding-right:0px; }

ol { margin:10px 27px 10px 60px; }
ol li { margin:5px 0px; }

/* Layout */
#siteWrapper
{ width:800px; min-height:100px; margin:45px auto 0px;
  background:#fff url(../image/base/contentsBackground.png) repeat-y; }
#footer
{ position:relative; left:0px;
  background:#fff url(../image/base/footerBackground.png) no-repeat top center;
  padding:10px 0px 2px; font-size:10px; border-top:1px solid #000 }
#footerProp1
{ position:absolute; top:-10px; left:24px; height:10px;
  background:#7c1314 url(../image/base/rightHeaderBackground.png); width:212px;
  line-height:0px; font-size:0px; }
#footerText
{ text-align:center; }
#leftPropArea
{ position:relative; width:24px; float:left; min-height:515px; _height:515px }
#flowerProp
{ position:absolute; left:-95px; width:119px; top:50px; height:480px;
  background:url(../image/base/flowerProp.png) no-repeat bottom }
#leftBarArea
{ width:212px; float:left; min-height:10px; padding-bottom:50px }
#leftBarArea p { padding:0px; margin-left:10px; margin-right:10px; }
#leftBarArea h1 { padding:0px 10px; margin-left:0px; }
#leftBarArea h2, #leftBarArea h3
{ background:#7c1216; font-size:12px ; color:#fff;
  padding:3px 10px; margin:0px; font-family:Georgia, Times New Roman; }
/*#leftBarArea h3
{ background:#eff0de; padding:5px 10px }*/
#siteLogo
{ height:87px; position:relative; background:#7c1314 }
#logoArea
{ width:228px; height:132px; position:absolute; top:-45px; left:-8px;
  background:url(../image/base/siteLogo24.png); _background:url(../image/base/siteLogo.png);
  cursor:pointer; }
  
#contentArea
{ width:558px; float:left; min-height:10px; }
#siteMenu
{ height:88px; }
ul#menuArea
{ margin:0px; padding:0px 0px 0px 20px; height:64px; font-size:12px;
  background:url(../image/base/menuLink.png) no-repeat bottom right; float:left; }
ul#menuArea li
{ display:block; _width:10px; margin:0px; padding:0px; height:64px; list-style-type:none;
  float:left; background:url(../image/base/menuLink.png) no-repeat bottom left;
  line-height:0px; font-size:0px;  }
ul#menuArea li a
{ display:block; white-space:nowrap; margin:0px; padding:49px 5px 2px; height:13px;
  list-style-type:none; color:#666; text-decoration:none; font-size:12px; line-height:13px; }
ul#menuArea li a:hover
{ background:url(../image/base/menuLinkHover.png) repeat-x top right; color:#fff }
ul#menuArea li.selected a
{ background:url(../image/base/menuLinkSelected.png) repeat-x top right; color:#fff }


#rightPropArea
{ width:6px; float:left; min-height:213px; _height:213px;
  background:#fff url(../image/base/rightPropTop.png) no-repeat }
#rightPropBottom
{ position:absolute; top:-213px; left:794px; width:6px; height:213px;
  background:#fff url(../image/base/rightPropBottom.png) no-repeat; }
  
  
#contents
{ background:url(../image/base/headerToContents.png) no-repeat top left;
  min-height:600px; _height:600px; }
#contents a
{ color:#7c1314; }
#contents a.disabled
{ color:#bbb; }
#contents ul { margin:20px 27px; padding:0px; }
#contents li { margin:0px 0px 10px 40px; list-style-image:url(../image/base/bulletGray.png); }

.formArea
{
  background:#f9f8f5;
  margin:0px 25px;
  padding-bottom:5px;
}
h5 + .formArea
{
  background:#f9f8f5 url(../image/base/formAreaTop.png) no-repeat top center;
  padding-top:10px;
  margin-top:-17px !important;
}
.formArea span.hr
{
 display:block;
 background :#f9f8f5 url(../image/base/formAreaTop.png) no-repeat scroll center;
 margin :10px 0px;
 height:10px;
 border:0px none;
}
span.hr { display:block; height:1px; font-size:1px; border-top:1px solid #ccc;
 margin:3px 25px }

/* Layout support classes */
.floatFinalizer
{ display:block; height:0px; line-height:0px; font-size:0px; clear:both; }
.noMarginTop
{ margin-top:0px !important }
.noMarginBottom
{ margin-bottom:0px !important }
.alignRight
{ text-align:right; }
.alignLeft
{ text-align:left; }
.alignCenter
{ text-align:center; }
.textBox { border:1px solid #5c4848; font-size:11px; padding:1px 5px }
select.textBox { padding:1px 0px }
.checkBox { border:1px solid #5c4848; }
.button { background:url(../image/base/buttonBackground.png) repeat-x;
  border:1px solid #9d9eab; font-size:10px; color:#000; font-weight:bold;
  cursor:pointer; height: 18px;
}
.small{ font-size:11px }
.waitingText { color:#7c1216; }
.waitingEmail { color:#fff;
    background:#fff url(../image/base/emailWaterMark.gif) no-repeat left center }
.waitingPassword { color:#fff;
    background:#fff url(../image/base/passwordWaterMark.gif) no-repeat left center }
.wine { color:#7c1314; }
.validationSummary { padding-left:160px; }
.modalBackground { background:#000; opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60);}
.fancyPanel { background:#fff; padding:20px; border:1px solid #7c1216; }
.fancyPanel .button { padding:2px 10px; }
.fancyPanel span { text-align:center; display:block; padding-bottom:20px; }
.leftLinkArea { background:#f6efe5; padding:10px; }
.leftLinkArea p { margin:5px 0px !important; padding:0px; }
.leftLinkArea span { display:block; float:left; width:50px; text-align:right; padding-right:4px }

.contentTable
{ margin:20px auto; background:#f9f8f5; }
.contentTable td, .contentTable th
{ padding:3px 5px; }
.contentTable th
{ background:#7c1216; color:#fff; font-weight:bold;  }

p.importantBlock { background:#f9f8f5; padding:20px; }

#foodVintageMatchingImage { background:url(../image/banners/foodPairingHome.jpg) no-repeat;
    width:212px; height:75px; }

/* User Panel Area */
#userLinksArea { margin:10px 10px 15px; }
#userLinksArea label { display:block; float:left; width:30px; text-align:left;}
#userLinksArea > div { margin-bottom:6px;}

/* Vintage Search */
.cboVintageSearch
{ width:120px; float:left; }
.btnVintageSearch
{ height:18px; padding:0px 3px; background:#eee; color:#333; border:1px solid #000;
  display:block; float:left; margin-left:5px; line-height:16px; }
.btnVintageSearch:hover { text-decoration:none; background:#bbb }
.closedDiv { height:0px; overflow:hidden; }
.searchWineTypeSelect { font-size:11px; }
.searchWineTypeSelect input { margin:0px; padding:0px; font-size:10px; line-height:0px }

/* My Cellar */
#cellarBanner
{ background:url(../image/banners/cellarBanner.jpg) no-repeat; height:67px; color:#fff;
  font-family:Georgia, Times New Roman; font-size:20px; padding-top:80px;
  padding-right:40px; text-align:right; line-height:22px; }
#latestCellarsArea
{ background:#f6efe5; padding:20px 0px 10px; }
#latestCellarsArea p a
{ text-decoration:underline; }

/* Wine Listings */  
.WineList
{ margin:0px; padding:10px 25px; _overflow-x:hidden; }
.WineList h3 { padding:0px; margin:0px 0px 5px }

.WineList .wineLogo
{ width:58px; max-height:58px; float:left; padding:4px; border:1px solid #000;
  text-align:center; }
.WineList .previewImg
{ max-width:58px; max-height:58px; }
.wineLogoWrapper { position:relative; width:0px; height:0px; z-index:100; }
.wineLogoPopup { position:absolute; display:none; padding:10px; text-align:center;
    background:#f9f8f5; border:1px solid #000; top:-30px; left:-50px; }
.WineList .WineInfo
{ float:left; width:380px; padding:0px 0px 0px 10px }

.WineList .wineScore
{ position:relative; float:left; width:62px; height:11px; padding-top:2px;
  background:url(../image/base/noScore.png) no-repeat 0px 2px; }
.WineList .wineActiveScore
{ height:11px;
  background:url(../image/base/activeScore.png) no-repeat; }
.WineList .wineScoreLabel
{ float:left; padding:0px 4px }
.WineList .wineListMoreInfo
{ float:right; padding-top:5px}

/* Lastest Questions Answered AND Join The Forum */
ul#latestQuestions, ul#featuredForums, ul#latestCellars { margin:0px auto; padding:0px; }
ul#latestQuestions li, ul#featuredForums li, ul#latestCellars li
{ margin:0px 10px 5px 27px; list-style-type:none;
  list-style-image:url(../image/base/bullet.png) }

#askTheExpertsLatest { background:#f6efe5; color:#000; padding-bottom:8px; }
#askTheExpertsLatest p{ margin-top:10px; margin-bottom:15px; }
#askTheExpertsLatest h2 { margin-bottom:0px; margin-top:20px; }
#askTheExpertsLatest .browseAll { font-size:11px; text-decoration:underline; }

#menuGuide { background:#f6efe5; padding:5px 0px }
#menuGuide .item { clear:both; display:block; padding:4px 5px 4px 12px; background:url(../image/base/bullet.png) no-repeat 0px 8px; }
#menuGuide .browseAll { font-size:11px; text-decoration:underline; }

#joinTheForum { margin:10px 0px 15px; }

/* Table Styles */
.ForumTableStyle
{ width:505px; margin:0px auto }
.ForumTableStyle a { text-decoration:underline; }

.ForumTableStyle th { padding:2px 4px; background:#e1e1e1; }
.ForumTableStyle td { padding:4px 10px; }
.ForumTableStyle tr.alternate { background:#f6efe5; }


/* Video */
.imgPreviewVideo { margin-bottom:5px; }