@import url(/Files/System/base.css);

#scrollboxcontainer { position: relative; width: 984px; height: 382px; }
#columns { top: 0px; left: 0; width: 4000px; height: 350px; position: absolute; margin: 0; padding: 0; }
#pb-productslidertrack { position: absolute; top: 356px; left: 0px; width:984px; overflow: hidden; background: #D4CBB3; height: 25px; visibility: hidden; }
#pb-productsliderhandle { position: absolute; left: 0px; width: 100px; height: 25px; cursor: pointer; z-index: 155}
#pb-productsliderhandleimage { position: absolute; left: 0px; width: 100px; height: 25px; background: url(/Files/System/scrollbar_arrow_slider.gif) no-repeat center center; cursor: pointer; z-index: 5; }
#pb-leftarrow { position: absolute; left: 0px; top: 356px; width: 25px; height: 25px; background: url(/Files/System/scrollbar_arrow_left.gif) no-repeat; z-index: 150; cursor: pointer; }
#pb-rightarrow { position: absolute; left: 959px; top: 356px; width: 25px; height: 25px; background: url(/Files/System/scrollbar_arrow_right.gif) no-repeat; z-index: 150; cursor: pointer; }

div.container div.main div.content {
	top: 0px;
	left: 0px;
	width: 984px;
	height: 382px;
	overflow: hidden;
}

#columns div.column {
	position: relative;
	width: 492px;
	height: 350px;
	overflow: hidden;
	float: left;
}
#columns div.column div.imgselector {
	position: absolute; 
	top: 5px;
	right: 5px;
	z-index: 10;
	width: 44px; /* 44px */
	height: 17px; /* 17px */
	font-size: 1px;
	line-height: 17px;
	color: #FFFFFF;
}
#columns div.column div.image{
	position: absolute; 
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 492px;
	height: 350px;
}
#columns div.column div.imgselector ul {
	width: 40px; /* 44px */
	height: 13px; /* 17px */
	padding: 4px 0px 0px 4px;
	background: url(/Files/System/imgselector_bg.png) no-repeat;
}
#columns div.column div.imgselector li {
	position: relative;
	width: 3px;
	height: 9px;
	padding: 0px 1px 0px 1px;
	font-size: 1px;
	float: left;
	display: block;
	overflow: hidden;
	color: #D4CBB3;
	background: url(/Files/System/imgselector_normal.gif) no-repeat;
}
#columns div.column div.imgselector li.active {
	background-image: url(/Files/System/imgselector_active.gif);
}
#columns div.column div.imgselector li.left {
	width: 9px;
	height: 9px;
	background: url(/Files/System/imgselector_left.gif) no-repeat top left;
	cursor: pointer;
}
#columns div.column div.imgselector li.right {
	width: 8px;
	height: 9px;
	background: url(/Files/System/imgselector_right.gif) no-repeat top right;
	cursor: pointer;
}
#columns div.column div.hitarea {
	position: absolute; 
	bottom: 0px;
	left: 0px;
	z-index: 99;
	width: 100%;
	height: 150px;
	background: url(/Files/x.gif);
}
#columns div.column div.hitarea a {
	width: 100%;
	height: 100%;
	display: block;
}
#columns div.column div.description {
	position: absolute; 
	bottom: 0px;
	left: 7px;
	z-index: 5;
	width: 270px; /* 270px */
	height: 138px; /* 138px */
	font-family: palatino,georgia,times,serif;
	color: #6E4700;
}
#columns div.column div.description div.overlay {
	width: 244px; /* 270px */
	height: 122px; /* 138px */
	padding: 8px 18px 8px 8px;
	background: url(/Files/System/case_description_bg.png) no-repeat;
}
#columns div.column div.description a {
	position: relative;
	text-decoration: none;
	color: #6E4700;
}
#columns div.column div.description h6 {
	margin: 0px 0px 8px 0px;
	font-weight: bold;
	font-size: 18px;
}

#columns div.column div.description h6 {
	margin: 0px 0px 8px 0px;
	font-weight: bold;
	font-size: 18px;
}

/* 1/4 columns */
#columns div.quarter {
	width: 246px;
}

#columns div.quarter div.description {
	position: absolute; 
	bottom: 0px;
	left: 7px;
	width: 210px; /* 210px */
	height: 138px; /* 138px */
	font-family: palatino,georgia,times,serif;
	color: #6E4700;
}
#columns div.quarter div.description div.overlay {
	width: 184px; /* 210px */
	background-image: url(/Files/System/case_quarter_description_bg.png);
}