@charset "utf-8";
/* CSS Document */



#pageFunctionControls{
background:url(../images/centerColImgs/controls-tab.gif) top left no-repeat;
overflow:hidden;
width:684px;
margin-bottom:5px;
text-align:right;
}
#pageFunctionControls img{
border:0px;
display:inline;
}
DIV.introComponent{
margin-bottom:5px;
}
DIV.introComponent h1{
font-size:19px;
padding:0px 0 0px 0px;
margin:0 0 15px 0;
font-weight:normal;
color:#444444;
}
DIV.introComponent p{
color:#846363;
margin:0px 0 7px 0;
}
DIV.introComponent  DIV.contain DIV.details{
width:360px;
float:left;
}
DIV.introComponent  DIV.contain DIV.details DIV.rating{
background:url(../images/centerColImgs/storyRatingCompBG.gif) top left no-repeat;
padding:5px 0px 16px 0px;
overflow:hidden;
width:100%;
margin:0px 0 3px 0;
}

DIV.introComponent  DIV.contain DIV.details DIV.rating DIV.vote{
width:170px;
float:left;
margin-left:10px;
margin-top:5px;
}
DIV.introComponent  DIV.contain DIV.details DIV.rating DIV.vote img{
margin-right:3px;
float:left;
}
DIV.introComponent  DIV.contain DIV.details DIV.rating DIV.spicy{
overflow:hidden;
width:120px;
float:right;
margin-left:30px;
}
DIV.introComponent  DIV.contain DIV.details DIV.rating DIV.spicy img{
margin-right:3px;
float:left;
}
DIV.introComponent  DIV.contain DIV.details p{
color:#846363;
margin:0px 0 7px 0;
}
DIV.introComponent  DIV.contain DIV.details DIV.double{
width:100%;
overflow:hidden;
margin:10px 0px 10px 0px;
}
DIV.introComponent  DIV.contain DIV.details DIV.double DIV.left{
width:170px;
margin-right:10px;
float:left;
}
DIV.introComponent  DIV.contain DIV.details DIV.double DIV.left ul{
margin:0px;
text-indent:0px;
padding:0px;
font-size:11px;
list-style:none;
}
DIV.introComponent  DIV.contain DIV.details DIV.double DIV.left ul strong{
color:#846363;
font-weight:normal;
}
DIV.introComponent  DIV.contain DIV.details DIV.double DIV.left ul strong a:link{
color:#846363;
font-weight:normal;
text-decoration:underline;
}
DIV.introComponent  DIV.contain DIV.details DIV.double DIV.left ul strong a:visited{
color:#846363;
font-weight:normal;
text-decoration:underline;
}
DIV.introComponent  DIV.contain DIV.details DIV.double DIV.left ul strong a:hover{
color:#846363;
font-weight:normal;
text-decoration:underline;
}
DIV.introComponent  DIV.contain DIV.details DIV.double DIV.left p{
font-size:16px;
margin-top:10px;
color:#000000;
font-weight:bold;
}
DIV.introComponent  DIV.contain DIV.details DIV.double DIV.left p strong{
color:#0086A5;
}
DIV.introComponent  DIV.contain DIV.details DIV.double DIV.right{
width:180px;
float:left;

}
DIV.double DIV.right DIV.infoBits{
background:url(../images/centerColImgs/detailsSubUpperCurves.gif) top left no-repeat;
padding:9px 0 0 0
}
DIV.infoBits DIV.centerBlock{
background:url(../images/centerColImgs/detailsCenterBG.gif) top left repeat-y;
padding:0px 15px 5px 10px;
}

DIV.infoBits DIV.centerBlock DIV.video{
background:url(../images/centerColImgs/icons/videoExtra.gif) top left no-repeat;
padding:5px 0 5px 35px;
}
DIV.infoBits DIV.centerBlock DIV.video a:link{
color:#000000;
text-decoration:none;
}
DIV.infoBits DIV.centerBlock DIV.video a:visited{
color:#000000;
text-decoration:none;
}
DIV.infoBits DIV.centerBlock DIV.video a:hover{
color:#000000;
text-decoration:underline;
}
DIV.infoBits DIV.centerBlock p{
font-weight:normal;
color:#ffcc00;
margin:0px;
padding:0px;
font-size:11px;
}
DIV.infoBits DIV.centerBlock p a:link{
color:#846363;
font-weight:normal;
text-decoration:underline;
}
DIV.infoBits DIV.centerBlock p a:visited{
color:#846363;
font-weight:normal;
text-decoration:underline;
}
DIV.infoBits DIV.centerBlock p a:hover{
color:#846363;
font-weight:normal;
text-decoration:underline;
}
DIV.infoBits DIV.centerBlock p strong{
font-weight:normal;
color:#00A0A0;
margin:0px;
padding:0px;
font-size:11px;
}
DIV.introComponent  DIV.contain DIV.details DIV.timeComp {
border-top:1px dotted #999999;
padding:10px 0 10px 0;
overflow:hidden;
width:100%;
}
DIV.introComponent  DIV.contain DIV.details DIV.timeComp DIV.left{
width:170px;
margin-right:10px;
float:left;
}
DIV.introComponent  DIV.contain DIV.details DIV.timeComp DIV.left p{
background:url(../images/centerColImgs/icons/clock.gif) top left  no-repeat;

padding:0px 0 10px 40px;
margin:0px;
}
DIV.introComponent  DIV.contain DIV.details DIV.timeComp DIV.left strong{
color:#000000;
}
DIV.introComponent  DIV.contain DIV.details DIV.timeComp DIV.right{
width:160px;
float:left;

}
DIV.introComponent  DIV.contain DIV.details DIV.timeComp DIV.right p{

background:url(../images/centerColImgs/icons/clock.gif) top left no-repeat;
padding:0px 0 10px 40px;
margin:0px;
}
DIV.introComponent  DIV.contain DIV.details DIV.timeComp DIV.right strong{
color:#000000;
}


DIV.directions p{
margin:0px 0px 10px 0px;
line-height:150%;
}
DIV.directions DIV.note {
float:right;
clear:right;

padding:0px;
width:250px;
margin:0px 5px 10px 10px;
background:url(../images/centerColImgs/notecorner.gif) #F7E34D top right no-repeat;
}
DIV.directions DIV.note p{
padding:10px 25px 0px 10px;
}
DIV.storyTab{
margin-bottom:10px;
}
DIV.storyTab DIV.storyTabContainer{
background:url(../images/centerColImgs/storyTabUpperBg.gif) bottom left no-repeat;
overflow:hidden;
width:100%;
}
DIV.storyTab DIV.centerBlock{
background:url(../images/centerColImgs/storyTabCenterBg.gif) top left repeat-y;
padding:10px 15px 10px 10px;
}
DIV.storyTab a:link{
color:#006699;
text-decoration:none;
}
DIV.storyTab a:link{
color:#006699;
text-decoration:none;
}
DIV.storyTab a:link{
color:#006699;
text-decoration:underline;
}
DIV.storyTab a:link.special{
color:#CC0000;
text-decoration:none;
font-weight:bold;
}
DIV.storyTab a:visited.special{
color:#CC0000;
text-decoration:none;
font-weight:bold;
}
DIV.storyTab a:hover.special{
color:#CC0000;
text-decoration:underline;
font-weight:bold;
}
DIV.storyTab DIV.centerBlock DIV.directions {
overflow:hidden;
width:100%;
}
DIV.storyTab Div.centerBlock h2{
font-weight:normal;
font-size:20px;
}
DIV.storyTab DIV.centerBlock DIV.ingredients{
background:#FFFFC4;
padding:7px;
}

DIV.ingredients DIV.properties{
overflow:hidden;
width:100%;
position:relative;
}
DIV.properties DIV.personCount{
float:left;
font-size:20px;
width:250px;
padding:11px 0px 10px 0px;

}
DIV.properties DIV.addIngredients{
position:absolute;
width:350px;
right:0px;
top:0px;

}
DIV.addIngredients input.add{
background:url(../images/leftColImgs/eshopAddProductBasket.gif);
width:68px;
height:29px;
border:0px;
float:left;
position:absolute;
top:0px;
right:0px;
}
DIV.addIngredients p{
color:#91AF4F;
font-size:11px;
font-weight:bold;
margin:7px 72px 0px 0px;
padding:0px;
float:right;
}
DIV.ingredients DIV.contents {
margin-top:10px;
width:645px;
overflow:hidden;

}
DIV.ingredients DIV.contents h2{
font-size:12px;
padding:0px 0px 5px 0px;
margin:0px;
}
DIV.ingredients DIV.contents ul{
margin:0px 0px 10px 0em;
list-style-position:outside;
padding:0px;
text-indent:0px;
color:#565656;
line-height:150%;
}
DIV.ingredients DIV.contents ul li{
margin:0px 0px 0px 1.5em;
color:#000000;
}
DIV.contents DIV.ingredientsHighlight{
float:right;
clear:right;
background-color:#87C1BF;
padding:0px;
width:300px;
margin:0px 5px 10px 0px;
}
DIV.contents DIV.ingredientsHighlight h3{
padding:3px 0px 3px 5px;
margin:0px;
font-size:12px;
font-weight:bold;
color:#ffffff;
}
DIV.contents DIV.ingredientsHighlight p{
padding:3px 0px 3px 5px;
margin:0px;
color:#FFFFFF;
}
DIV.contents DIV.ingredientsHighlight p strong{
color:#000000;
}
DIV.contents DIV.ingredientsHighlight DIV.ingredientEntry{
background-color:#FFFFFF;
padding:5px;
overflow:hidden;
border-bottom:1px dotted #999999;
}
DIV.ingredientsHighlight DIV.ingredientEntry img{
margin-right:5px;
border:0px;
}
DIV.ADBox{
float:right;
clear:right;
background-color:#DDDDDD;
padding:0px;
width:250px;
margin:0px 5px 10px 10px;
text-align:center;
width:300px;
}
DIV.ADBox h3{
margin:0px;
padding:3px;
background:#CCCCCC;
color:#ffffff;
font-size:11px;
font-weight:bold;
text-align:left;
width:294px;
}
DIV.refBox{
float:right;
clear:right;
padding:9px 0px 0px 0px;
width:250px;
margin:0px 5px 5px 10px;
border:2px solid #dbdbdb;
}
DIV.refBox p.catalogue{
padding:0px 0px 7px 39px;
margin:0px 0px 10px 5px;
background:url(../images/icons/ingredient-katalog.gif) center left no-repeat;
}
DIV.refBox p.catalogue a:link{
color:#006699;
text-decoration:none;
} 
DIV.refBox p.catalogue a:visited{
color:#006699;
text-decoration:none;
} 
DIV.refBox p.catalogue a:hover{
color:#006699;
text-decoration:none;
} 
DIV.refBox p.lexicon{
padding:0px 0px 7px 39px;
margin:0px 0px 10px 5px;
background:url(../images/icons/lexicon.gif) center left no-repeat;
}
DIV.refBox p.lexicon a:link{
color:#006699;
text-decoration:none;
} 
DIV.refBox p.lexicon a:visited{
color:#006699;
text-decoration:none;
} 
DIV.refBox p.lexicon a:hover{
color:#006699;
text-decoration:none;
} 
DIV.specialBox{
float:right;
clear:right;
padding:9px 0px 0px 0px;
width:250px;
margin:0px 5px 5px 10px;
background:url(../images/centerColImgs/tipsUpperCurves.gif) #ffffd6 top left no-repeat;
}
DIV.specialBox DIV.block{
background:url(../images/centerColImgs/tipsCenterBG.gif) top left repeat-y;

}

DIV.specialBox DIV.block h2{
background:url(../images/centerColImgs/icons/tipsIcon.gif) top left no-repeat;
padding:5px 0px 10px 32px;
color:#ff6700;
font-weight:normal;
font-size:15px;
margin:0px 0px 0px 10px;
}
DIV.specialBox DIV.block h3{
background:url(../images/centerColImgs/icons/videoExtra.gif) top left no-repeat;
padding:5px 0px 10px 32px;
color:#ff6700;
font-weight:normal;
font-size:15px;
margin:0px 0px 0px 10px;
}
DIV.specialBox DIV.block ul{
font-size:12px;
margin:0px 0px 0px 10px;
list-style-position:inside;
padding:0px;
color:#FF6700;
}
DIV.specialBox DIV.block li{
padding:0px 0 3px 0;
}
DIV.specialBox DIV.block li a:link{
text-decoration:none;
color:#000000;
}
DIV.specialBox DIV.block li a:visited{
text-decoration:none;
color:#000000;
}
DIV.specialBox DIV.block li a:hover{
text-decoration:underline;
color:#000000;
}
DIV.specialBox DIV.block p{
padding:0px 15px 0px 10px;
margin:0px;
}
DIV.specialBox DIV.block p a:link{
text-decoration:none;
color:#000000;
}
DIV.specialBox DIV.block p a:visited{
text-decoration:none;
color:#000000;
}
DIV.specialBox DIV.block p a:hover{
text-decoration:underline;
color:#000000;
}
DIV.directions DIV.lesson{

}

DIV.doubleCol DIV.left{
float:left;
width:333px;
margin-right:17px;
}
DIV.doubleCol DIV.right{
float:left;
width:333px;
}
DIV.wineInStory{
background:url(../images/centerColImgs/subCompUpperCurves.gif) top left no-repeat;
padding-top:9px;
}
DIV.wineInStory DIV.block{
background:url(../images/centerColImgs/subCompCenterBG.gif) top left repeat-y;
padding:0px 10px 10px 10px;

}
DIV.wineInStory DIV.block h2{
font-size:14px;
font-weight:normal;
color:#CE0000;
margin:0 0 10px 0;
padding:0px;
}
DIV.wineInStory DIV.block p{
margin:0px 0px 5px 0px;
padding:0px;
}

DIV.wineInStory DIV.block p a:link{
text-decoration:none;
color:#333333;
}
DIV.wineInStory DIV.block p a:visited{
text-decoration:none;
color:#333333;
}
DIV.wineInStory DIV.block p a:hover{
text-decoration:underline;
color:#333333;
}
DIV.wineInStory DIV.block p img{
float:left;
margin:0px 10px 10px 0px;
}

DIV.matching{
overflow:hidden;
width:100%;
}
DIV.matching DIV.left{
float:left;
width:28px;
margin:0px;
padding:0px;
border:0px;
}
DIV.matching DIV.left img{
margin:0px;
padding:0px;
border:0px;
}
DIV.matching DIV.center{
background:url(../images/centerColImgs/matchingCompBG.gif) top left repeat-x;
height:167px;
float:left;
margin:0px;
width:275px;
}
DIV.matching DIV.center h3{
padding:7px 0px 0px 5px;
margin:0px;
font-weight:bold;
font-size:15px;
}
DIV.matching DIV.center #imgBox{
width:275px;
overflow:auto;
margin:5px 0px 0px 0px;
}
DIV.center #imgBox img{
float:left;
margin-right:5px;
margin-top:20px;
border:0px;
}
DIV.matching DIV.right{
float:left;
width:28px;
}
DIV.endDrop{
padding:10px 5px 10px 0px;
margin:3px 0px 5px 0px;
border-bottom:1px dotted #E5E5E5;
border-top:1px dotted #E5E5E5;
text-align:right;
font-size:11px;
}
DIV.endDrop select{
width:250px;
font-family:tahoma;
font-size:12px;
}