﻿.jcarousel-container
{
	position:relative;
}
.jcarousel-clip
{
	position:relative;
	overflow:hidden;
	margin:0;
	padding:0;
	z-index:2;
}
.jcarousel-list
{
	left:0;
	margin:0;
	overflow:hidden;
	padding:0;
	position:relative;
	top:0;
	z-index:1;
}
.jcarousel-list li,
.jcarousel-item
{
	-display:inline;
	float:left;
	list-style:none;
	/* Without width and height, jCarousel bombs... */
	width:129px;
    height:79px;
}
.jcarousel-next
{
	display:none;
	z-index:3;
}
.jcarousel-prev
{
	display:none;
	z-index:3;
}


.jcarousel-skin-bhg .jcarousel-container-horizontal
{
	padding:0 35px;
	width:550px;
}
.jcarousel-skin-bhg .jcarousel-clip-horizontal
{
	height:79px;
	width:550px;
}
.jcarousel-skin-bhg .jcarousel-item
{
}
.jcarousel-skin-bhg .jcarousel-item-horizontal
{
	margin-right:10px;
}
.jcarousel-skin-bhg .jcarousel-item-placeholder
{
	background:#FFF;
	color:#000;
}
.jcarousel-skin-bhg .jcarousel-next-horizontal, .jcarousel-skin-bhg .jcarousel-prev-horizontal
{
	position:absolute;
	top:2px;
	width:27px;
	height:75px;
	cursor:pointer;
}
.jcarousel-skin-bhg .jcarousel-next-horizontal
{
	right:0;
	background:#E1E1D9 url(/Images/icon_arrow_right_white_on_grey.png) no-repeat 11px 33px;
}
.jcarousel-skin-bhg .jcarousel-prev-horizontal
{
	left:0;
	background:#E1E1D9 url(/Images/icon_arrow_left_white_on_grey.png) no-repeat 10px 33px;
}
.jcarousel-skin-bhg .jcarousel-next-horizontal:hover,
.jcarousel-skin-bhg .jcarousel-prev-horizontal:hover,
.jcarousel-skin-bhg .jcarousel-next-horizontal:active,
.jcarousel-skin-bhg .jcarousel-prev-horizontal:active
{
	background-color:#D8D9D1;
}
.jcarousel-skin-bhg .jcarousel-next-disabled-horizontal,
.jcarousel-skin-bhg .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-bhg .jcarousel-next-disabled-horizontal:active,
.jcarousel-skin-bhg .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-bhg .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-bhg .jcarousel-prev-disabled-horizontal:active
{
	background-color:#E7E8DF;
	cursor:default;
}
.jcarousel-skin-bhg .jcarousel-item a img
{
	vertical-align:bottom;
	border:2px solid #F8F8F2;
}
.jcarousel-skin-bhg .jcarousel-list a.active img
{
	border-color:#CCC;
}

.gallery-box
{
	padding:10px 10px 8px 10px; /* Khoe: This could be in gallery-box-modal, but for some reason layers.js miscalculate the width on IE6 */
}
.gallery-box .gallery-box-image-view
{
	margin:0 0 10px 0;
	width:620px;
	height:390px;
	background:#EEE url(/Images/indicator.gif) no-repeat 300px 175px;
}
.gallery-box h2
{
	font-size:14px;
	font-weight:bold;
	color:#666;
	line-height:15px;
}
.gallery-box .btn-close
{
	display:block;
	position:absolute;
	top:10px;
	right:10px;
	overflow:hidden;
	width:13px;
	height:13px;
	text-indent:-10000px;
	background:url(/Images/btn_close.png) no-repeat 0 0;
}
.gallery-box .gallery-box-page
{
	color:#666;
	padding:0 0 10px 0;
}
.gallery-box-modal
{
	width:640px;
	background-color:#F8F8F2;
	border:none;
}
.gallery-box-modal .modal h3
{
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#441949;
}
#layers-modal-cover
{
	background-color:#000;
}