/* SITE LAYOUT */

#banner {
	position: relative;
	width: 460px;
	height: 160px;
	overflow: hidden;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #E9E9E9;
}

#banner a {
	position: relative;
	z-index: 2;
}

#banner a.bglink {
	position: absolute;
	z-index: 1; /* change this number to 3 if you want one link over whole banner */
	display: block;
	width: 100%;
	height: 100%;
}

#banner .items { float: left; width: 460px; height: 66px; background-color: #FFF }

.clear { clear: both }

.item { width: 210px; /*height: 180px; */margin: 7px 0; float: left;}
.spot-img { width: 180px; height: 135px; float: left; border: 1px solid #ccc; padding: 1px; margin-right: 3px; margin-top: 4px }
.item .image img { width: 180px; height: 135px; }
.item strong { margin: 0; font-size: 9px; }
.item strong.price { color: #ec6614; font-size: 9px }
.item p { margin: 0; font-size: 9px }

.logo { /*padding: 10px 6px;*/ float: left; }

#banner a.btn-left { float: left; width: 12px; height: 65px; background:  url(prev.gif) no-repeat; margin: 9px 10px 0 5px; cursor: pointer }
#banner a.btn-right { float: right; width: 12px; height: 65px; background:  url(next.gif) no-repeat top left; margin: 9px 5px 0 0; cursor: pointer }

#banner .wrappy { float: left; overflow: hidden; width: 400px; position: relative }
#banner .wrappy-i { width: 90000px; padding: 0; margin: 0 }

.fleft { float: left }
.fright { float: right }