@charset "UTF-8";
/*
#Wine { height: 150px; width: 150px; border: 1px solid #CCCCCC; padding: 5px; float: left; margin: 4px; }
#Wine #red_wine { background-image: url(../images/png/shared/red_wine_no_label.png); background-repeat: no-repeat; float: left; height: 150px; width: 35px; z-index: 1; }
#Wine #red_wine_labeled { background-image: url(../images/png/shared/red_wine.png); background-repeat: no-repeat; float: left; height: 150px; width: 35px; z-index: 1; }
#Wine #fortified { background-image: url(../images/png/shared/red_wine_no_label.png); background-repeat: no-repeat; float: left; height: 150px; width: 35px; z-index: 1; }
#Wine #fortified_labeled { background-image: url(../images/png/shared/red_wine.png); background-repeat: no-repeat; float: left; height: 150px; width: 35px; z-index: 1; }
#Wine #white_wine { background-image: url(../images/png/shared/white_wine_no_label.png); background-repeat: no-repeat; float: left; height: 150px; width: 35px; z-index: 1; }
#Wine #white_wine_labeled { background-image: url(../images/png/shared/white_wine.png); background-repeat: no-repeat; float: left; height: 150px; width: 35px; z-index: 1; }
#Wine #sparkling { background-image: url(../images/png/shared/sparkling_no_label.png); background-repeat: no-repeat; float: left; height: 150px; width: 35px; z-index: 1; }
#Wine #sparkling_labeled { background-image: url(../images/png/shared/sparkling.png); background-repeat: no-repeat; float: left; height: 150px; width: 35px; z-index: 1; }
#Wine #sweet_wine { background-image: url(../images/png/shared/white_wine_no_label.png); background-repeat: no-repeat; float: left; height: 150px; width: 35px; z-index: 1; }
#Wine #sweet_wine_labeled { background-image: url(../images/png/shared/white_wine.png); background-repeat: no-repeat; float: left; height: 150px; width: 35px; z-index: 1; }
#Wine #rose { background-image: url(../images/png/shared/rose_no_label.png); background-repeat: no-repeat; float: left; height: 150px; width: 35px; z-index: 1; }
#Wine #rose_labeled { background-image: url(../images/png/shared/rose.png); background-repeat: no-repeat; float: left; height: 150px; width: 35px; z-index: 1; }
#Wine #sake { background-image: url(../images/png/shared/sake_no_label.png); background-repeat: no-repeat; float: left; height: 150px; width: 35px; z-index: 1; }
#Wine #sake_labeled { background-image: url(../images/png/shared/sake.png); background-repeat: no-repeat; float: left; height: 150px; width: 35px; z-index: 1; }
#Wine #details { font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 110px; float: left; margin-left: 5px; text-align:right; }
#Wine #details #vintage { float: left; width: 77px; margin-top: 8px; text-align: right; margin-right: 5px; color: #191919; }
#Wine #details #vintage #country { float: left; width: 24px; height: 24px; }
#Wine #details #name { margin-top: 5px; text-align: right; margin-right: 5px; line-height: 15px; color: #191919; width: 105px; height: 75px; display:block; float:left; overflow:hidden; text-overflow:ellipsis; }
#Wine #label { height: 45px; width: 31px; z-index: 2; margin-top: 80px; margin-right: 2px; margin-left: 2px; margin-bottom: 25px; text-align: center; vertical-align: middle; }
#Wine #label img { vertical-align: middle; }
#Wine #details #price { float: left; width: 105px; text-align: right; margin-top: 3px; margin-left: 5px; color: #990f3d; }
#Wine #details #size { float: left; text-align: center; margin-top: 5px; font-size: 12px; color: #191919; height: 14px; border: 1px solid #333333; padding-top: 2px; width: 53px; }
#Wine #details #add #basket { background-image: url(../images/png/forms/basket_up_int.png); display: block; width: 38px; background-repeat: no-repeat; height: 18px; float: right; margin-top: 5px; margin-left: 5px; }
*/
/*
#container {
  position: relative;
  width: 300px;
  height: 200px;
  overflow: hidden;
  border: 1px solid #EFEFEF;
}
*/

#scroller {
}
#scroll_container {
	float: left;
	width: 510px; height:25px;
	padding-left: 15px;
}
#pagination {
	float: left;
	width: 410px; height:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	overflow:hidden;	
}
#pagination #scroller #pagination_on {
	float: left;
	width: 26px; height:16px;
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #FFFFFF;
	background-color: #990f3d;
	font-weight: bold;
}
#pagination #scroller #pagination_off {
	float: left;
	width: 25px; height:15px;
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #999999;
	font-weight: bold;
	color: #666666;
	cursor: pointer;
}
#pagination #scroller #pagination_off:hover {
	border: 1px solid #333333;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #999999;
}#pagination #scroller #pagination_off, #scroll_left, #scroll_right {
	float: left;
	width: 25px; height:15px;
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #999999;
	font-weight: bold;
	color: #666666;
	cursor: pointer;
}
#scroll_left:hover, #scroll_right:hover {
	border: 1px solid #333333;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #999999;
}

#wine {
	float: left;
	width: Auto;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 10px;
	padding-bottom: 10px;
	margin-right: 5px;
	margin-left: 5px;
}
#description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	float: left;
	width: 490px;
	margin-right: 5px;
	margin-left: 5px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
#description:hover {
	color: #990f3d;
	cursor: pointer;
}
#flag {
	float: left;
	width: 24px;
	margin-right: 10px;
	height: 24px;
	margin-top: 2px;
}
#wine #details #label {
	float: left;
	margin-right: 10px;
	margin-top: 1px;
}
#wine #details .image {
	position: absolute;
	z-index: 1000;
	border: 1px solid black;
	left: auto;
	top: auto;
	visibility: hidden;
	background-color: white;
	background-repeat: no-repeat;
	background-position: center center;
	height: 150px;
	width: 150px;
}
#details {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	float: left;
	width: 490px;
	margin-right: 5px;
	margin-left: 5px;
}
#wine #details #ratings #score {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	float: left;
	border: 1px solid #666666;
	margin-right: 3px;
	margin-top: 3px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
}
#wine #details #ratings {
	float: left;
	width: auto;
	height: auto;
	margin-right: 5px;
}
#wine #details #ratings #expert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	float: left;
	width: auto;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 3px;
}
#wine #details #size {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	float: left;
	width: auto;
	margin-top: 7px;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	border: 1px solid #333333;
	margin-right: 10px;
}
#wine #details #stock {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	float: left;
	width: auto;
	padding-top: 10px;
}
#wine #details #cart_btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	float: right;
	width: auto;
	padding-top: 8px;
}
#wine #details #price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990f3d;
	float: left;
	width: auto;
	margin-right: 10px;
}
#wine #details #add {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	float: left;
	width: auto;
	padding-top: 2px;
	text-decoration: underline;
}
#wine #details #add:hover {
	color: #990f3d;
	cursor: pointer;
}
#sort {
	float: left;
	width: 500px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #666666;
	margin-bottom: 15px;
	padding-bottom: 5px;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 5px;
	border-top-width: 3px;
	border-top-style: double;
	border-top-color: #666666;
}
#sort #sort_title {
	float: left;
	height: auto;
	width: auto;
	padding-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	padding-left: 5px;
}
#sort #sort_method {
	float: left;
	height: auto;
	width: auto;
	padding-right: 5px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #333333;
}
#sort #sort_method:hover {
	color: #990f3d;
	cursor: pointer;
	text-decoration: underline;
}
#sort .selected {
	color: #333333;
	text-decoration: underline;
}