/* ©2004 - 2008 Firepepper */

body{   margin: 0 auto;
	padding: 0;
	font: 76% Georgia,"Times New Roman",Times,serif;
	background: #8f001c;
	}

p{  margin: 0;
	display:inline;
	}

#container{
	background: #ffffdf;
	margin: 0 auto;
	width: 760px;
	}

#top{	margin: 0 auto;
	width: 760px;
	height: 155px;
	}

#logo{
	display:none;
	}

h1{
	float: left;
	background: url("../images/logo.gif") no-repeat;
	width: 210px;
	height: 155px;
	margin: 0;
	}

h1 span{
	display: none;
	}

h2{ font-size:1.5em;
	color:#404040;
	margin: 0;
	}

h3{     font-size:1.1em;
	color:#8f001c;
	margin: 0;
	}

hr{     border: 1px dotted #c0c0c0;
	}

#top_menu{
	float: left;
	background: url("../images/liquid-deli.gif") no-repeat;
	font-size: 0.9em;
	width: 395px;
	height: 155px;
	margin: 0;
	}

#top_menu_text{
	margin-top: 45px;
	margin-left: 25px;
	}

#right_top{
	float:left;
	background: url("../images/burlap4.jpg") no-repeat;
	width: 155px;
	height: 155px;
	margin:0;
	font-size:0.9em;
 	}

#search_box{
	background: #ffffdf;
	border: 1px solid #404040;
	margin-left:7px;
	width:100px;
	font-size:1.1em;
	}

#search_button{
	font-size: 0.8em;
	color: #ffffff;
	background: #8f001c;
	border: 1px solid #404040;
	margin-left:5px;
	}

#basket-summary{
	background: #ffffdf;
	font-size: 0.9em;
	border: 1px solid #404040;
	padding:1px;
	text-align:center;
	}

#main_body{
	background: url("../images/main_background.jpg") repeat scroll top left;
	margin: 0 auto;
	width: 760px;
	}

* html #main_body{
	background: url("../images/main_background.jpg") repeat scroll top left;
	margin: -7px auto;
	width: 760px;
	}  /* IE6 Hack */

#left{  
	float:left;
	margin-left:10px;
	width:70px;
	padding: 0 5px 0 5px;
	}

#center{
	float:left;
	margin-left:20px;
	width: 460px;
	padding: 0 5px 0 5px;
	}

#right{ 
	float:right;
	margin-right:7px;
	width: 130px;
	padding: 0 5px 0 5px;
	}

#leftalign{
	float:left;
	margin-left:10px;
	width: 130px;
	padding: 0 5px 0 5px;
	}

.alert{ 
	background: #efc2c1 url("../images/alert.gif") center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #8f001c;
	border-bottom: 2px solid #8f001c;
	}

a:link, a:visited {
	color:#8f001c;
	text-decoration:none;
}

a:hover{
	color:#404040;
	text-decoration:underline;
}
	
* html a.left_menu{width: 75px;} /* IE6 Hack */		
a.left_menu{
	background: transparent url("../images/small-demijohn2.gif") no-repeat scroll top center;
	height:36px;
	width: 95px;
	margin: 12px 0 0 -5px;
	display:block;
	text-align:center;
	text-decoration:none;
	}

a.left_menu span{
	font-size:1em;
	font-weight:bold;
	color:#404040;
	padding: 6px 0 0 0;
	display:block;
	}

a.left_menu:hover {
	background-position: bottom center;
	text-decoration:none;
	}

#main-focus{
	float:left;
	width:450px;
	border:1px solid #8f001c;
    margin: 5px 0 5px 0;
	padding: 5px;
}

#main-focus-left{
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
	float:left;
	width: 210px;
	padding: 5px;
}

#main-focus-left-thumb{
	float:left;
	width: 85px;
	padding: 5px;
}

#product-image-box{
	position:relative;
	margin: 0 0 5px 0;
}

#product-image-box-thumb{
	position:relative;
	height:120px;
}

#product-image{
	position:relative;
	margin: 1px;
}

#offer{ 
	position:absolute;
	top:-20px;
	left:-20px;
	z-index:1
}

#main-focus-right{
	font-size:1.1em;
	float:left;
	margin: 0 0 5px 5px;
	width: 200px;
}

#main-focus-right-thumb{
	font-size:1.1em;
	margin: 0 0 5px 5px;
}

#product_info{
	float:left;
	font-size:0.8em;
	border:1px solid #8f001c;
	margin: -10px 0 5px 0;
	width: 200px;
	padding: 5px;
	}

#buythis{
	width:200px;
	float:left;
	margin-bottom:5px;
	}

#small_badge{
	float:left;
	margin: -10px 0 0 35px;
	}

#recipe_image{
	white-space: normal;
	position: relative;
	float:right;
	margin: 0 5px 0 5px;
	width: 150px;
}

#recipe_badge{
	position:absolute;
	top:-50px;
	left:80px;
	z-index:1
	}

#product_summary{
	float:left;
	margin: -5px 0 5px 0;
	width: 340px;
	}

#bottles{
	width:460px;
	clear:both;
}

.bottle_box{
	float:left;
	width:107px;
	height:160px;
	background: #ffffdf url("../images/bottle_background.gif") center center no-repeat;
	margin: 5px 0 0 8px;
}

.indent{
	margin-left:20px;
}

.offers{
	position:relative;
	float:left;
	width:107px;
	height:160px;
	margin: 5px 0 15px 5px;
	text-align:center;
}

img{    
	border: 0px;
}

#footer{
	clear:both;
	background: #8f001c url("../images/footer.gif") no-repeat;
	color:#ffffff;
	height:66px;
	font-size:0.8em;
	text-align:center;
	}

.txt_vsmall_red{
	font-size:0.7em;
	color:#8f001c;
	}

.txt_small_red{
	font-size:1em;
	color:#8f001c;
	}

.txt_norm_red{
	font-size:1em;
	color:#8f001c;
	}

.txt_norm_white{
	font-size:1.1em;
	color:#ffffff;
	}

.txt_norm_white a:link, .txt_norm_white a:visited {
	color:#ffffff;
	text-decoration:none;
}

.txt_norm_white a:hover {
	color:#c0c0c0;
	text-decoration:underline;
}

.txt_large_red{
	font-size:1.5em;
	color:#8f001c;
	}

.txt_vsmall{
	font-size:0.8em;
	color:#404040;
	}

.txt_small{
	font-size:0.9em;
	color:#404040;
	}

.txt_small_white{
	font-size:0.8em;
	color:#ffffff;
	}

.txt_small_grey{
	font-size:0.9em;
	color:#808080;
	}

.txt_norm{
	font-size:1.1em;
	color:#404040;
	}

.txt_large{
	font-size:1.5em;
	color:#404040;
	}

a#basket{
	background: transparent url("../images/basket.gif") no-repeat scroll top left;
	height:105px;
	margin: 0;
	display:block;
	padding: 0px;
	}

a#basket:hover {
	background-position: bottom left;
	}

a.red_button{
	background: transparent url("../images/red_button.gif") no-repeat scroll top left;
	height:29px;
	margin: 10px 0 0 2px;
	display:block;
	padding:5px;
	text-align:center;
	text-decoration:none;
	}

a.red_button span{
	font-size:0.9em;
	color:#ffffff;
	}

a.red_button:hover {
	background-position: bottom left;
	text-decoration:none;
	}

a.red_button_small{
	background: transparent url("../images/red_button_small.gif") no-repeat scroll top left;
	height:13px;
	width:64px;
	margin: 5px 0 5px 0;
	display:block;
	padding:5px;
	text-align:center;
	text-decoration:none;
	}

a.red_button_small span{
	font-size:0.8em;
	color:#ffffff;
	}

a.red_button_small:hover {
	background-position: bottom left;
	text-decoration:none;
	}

a.bubble{
	position:relative;
	z-index:24;
	text-decoration:none;
	}
a.bubble span{
	display: none;
	}

a.bubble:hover{
	z-index:25;
	color: #aaaaff;
	background:;
	}

*:first-child+html a.bubble:hover span.tt{top:-60px;} /* IE7 Hack */
* html a.bubble:hover span.tt{top:-60px;} /* IE6 Hack */

a.bubble:hover span.tt{
	display:block;
	position:absolute;
	top:-200px;
	left:45px;
	width:155px;
	color: #8f001c;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.9;
	MozOpacity: 0.9;
	opacity: 0.9;
	}

a.bubble:hover span.top{
	display: block;
	padding: 10px 8px 0;
	background: url("../images/bubble.gif") no-repeat top;
	}

a.bubble:hover span.middle{
	display: block;
	padding: 0 8px;
	background: url("../images/bubble2.gif") repeat-y bottom;
	}

a.bubble:hover span.bottom{
	display: block;
	padding: 20px 8px 10px;
	background: url("../images/bubble.gif") no-repeat bottom;
	}

#tasting-notes{
	display:inline;
}

#tasting-notes-more{
	font-size: 1em;
	color: #8f001c;
	display: none;
}

#tasting-notes-more:hover {
	color:#404040;
	text-decoration:underline;
}

#tasting-notes-less{
	font-size: 1em;
	color: #8f001c;
	display: inline;
}

#tasting-notes-less:hover {
	color:#404040;
	text-decoration:underline;
}

#how-made{
	display:inline;
}

#how-made-more{
	font-size:1em;
	color:#8f001c;
	display:none;
}

#how-made-more:hover {
	color:#404040;
	text-decoration:underline;
}

#how-made-less{
	font-size:1em;
	color:#8f001c;
	display:inline;
}

#how-made-less:hover {
	color:#404040;
	text-decoration:underline;
}

#bookmarks{
	margin: 10px 0 0 0;
}

#fp{    float:right;
}

#comment {
	background: #cad3d8 url("../images/comment.jpg") repeat-x;
	margin:5px 0 0 0;
	padding:5px;
}

#comment_inside {
	border:1px #F7F7F7 solid;
	padding:15px;
}

#tagcloud {border: 1px solid #c0c0c0; float: right; width:180px; text-align:center;margin: 10px 0 0 0;}
.tag_cloud {padding: 3px; text-decoration: none;}
.tag_cloud:link {color: #404040;}
.tag_cloud:visited {color: #404040;}
.tag_cloud:hover {color: #ffffff; background: #8f001c;}

.but_small{font-size:0.8em;color:#404040;margin:5px 5px 0 5px;text-align:center;}
.but_large{font-size:0.9em;color:#404040;margin:0 5px 0 5px;float:right;text-align:center;}
.but_xlarge{font-size:1.3em;color:#404040;margin:5px;float:right;text-align:center;}

.button {display: block; position: relative; background: #aaa; padding: 5px; float: left; color:#ffffff; text-decoration: none; cursor: pointer;}
* html .button {display: block; position: relative; background: #aaa; padding: 0px; float: left; color:#ffffff; text-decoration: none; cursor: pointer;}  /* IE6 Hack */
.button * {background-image: url("../images/button_outline.png"); background-repeat: no-repeat; display: block; position: relative;}
.button i {background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px;}
.button span {background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px;}
.button span i {background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0;}
.button span span {background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0;}
.button br {background-image: url()}
.button strong {background-image: url()}

* html .button span,
* html .button i {float: left; width: auto; background-image: none; cursor: pointer;}

.button.red {background:#8f001c; color:#ffffff;	text-decoration:none;}
.button:hover {background-color: #a29d9b;}
.button:active {background-color: #444;}
.button[class] {background-image: url("../images/button_shade.png"); background-position: bottom;}

* html .button {border: 3px double #aaa;}
* html .button.red {border-color: #8f001c;}
* html .button:hover {border-color: #a00;}

.dropcap{
        float: left;
        font: normal 60pt/0.8em Georgia,"Times New Roman",Times,serif;
        color: #8f001c;
        margin-right: 3px;
}

blockquote.pullquote {
        float:right;
        width:10em;
        margin:15px 0 5px 0;
        padding:0.5em;
        border:3px double #ccc;
        border-width:3px 0;
        color:#333;
        background:transparent;
        font:italic 1.3em/1.3 Georgia,"Times New Roman",Times,serif;
}
blockquote.alt {
        float:right;
        margin:0.25em 0 0.25em 0.75em;
}
.pullquote p {
        margin:0;
        text-align:center;
}
.pullquote p:first-letter {text-transform:uppercase}

.box_outside {
  display:block; 
  background:#c0c0c0; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0;
  width:455px;
}
.box_inside {
  text-align:center; 
  background:#ffffdf; 
  border:1px solid #8f001c; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  left:3px;
  top:-3px;
}