/* Vulcan Industries */

/* elements - begin */
body { margin: 0; text-align: center; background: repeat-y #666666 center url(http://images.ebsco.com/pob/acme/bkgd01.gif); }
body, th, td { font: 90% Arial, Helvetica, sans-serif; } 
h1, h2, h3, h4 { margin: .5em 0; clear: left; font-weight: normal; }
h1 { font-size: 1.8em; color: #75A03D; }
h2 { font-size: 1.4em; color: #707070; }
h3 { font-size: 1.1em; font-weight: bold; color: #A0A0A0; }
a { color: #202080; }
a:hover { color: #000000; }
a img { border: none; }
p { margin: 1em 0; }
big { font-size: 1.3em }
small { font-size: .8em; font-weight: normal; }
em { color: #C00000; font-style: normal; font-weight: bold; }
hr { height: 1px; color: #D0D0D0; }
dt { font-weight: bold; }
td { vertical-align: top; }
/* elements - end */

/* misc classes - begin */
blockquote .open { display: block; position: absolute; float: left; margin-left: -30px; width: 25px; height: 20px; background: no-repeat url(http://images.ebsco.com/pob/vulcanind/quote-open.gif); }
blockquote .close { display: block; float: right; margin-top: -15px; width: 25px; height: 20px; background: no-repeat url(http://images.ebsco.com/pob/vulcanind/quote-close.gif); }
.number, .number input { text-align: right; white-space: nowrap; }
.icon { text-align: center; }
.icon a { margin: auto; }
.remove { text-align: center; }
.remove a { margin: auto; }
.odd td { background: #F0F0F0; }
.tablefooter td { background: #F0F0F0; border-bottom: 5px double #C0C0C0; }
.button { padding: 3px; }
.button a { height: 1em; margin: 0 .2em; white-space: nowrap; background: #D0D0D0; border: 2px outset #E0E0E0; text-decoration: none; font-weight: bold; padding: 1px 5px; }
.button a:hover { background: #C0C0C0; border: 2px inset #B0B0B0; text-decoration: none; }
.pageaction { clear: both; text-align: center; padding-top: 10px; }
.calltoaction a { background: #202080; color: #E0E0E0; font-size: 1.1em; border: 2px outset #6060C0; }
.calltoaction a:hover { background: #000060; color: #FFFFFF; border: 2px inset #6060C0; }
.ascending span { width: 10px; height: 10px; padding-right: 15px; background: no-repeat 3px 3px url(http://images.ebsco.com/pob/vulcanind/ascending.gif); }
.descending span { width: 10px; height: 10px; padding-right: 15px; background: no-repeat 3px 3px url(http://images.ebsco.com/pob/vulcanind/descending.gif); }
.label { border: none !important; text-align: right; font-weight: bold; width: 40%; color: #606060; vertical-align: top; margin-top: 3px; padding: 2px 5px; }
.value { border: none !important; vertical-align: top; padding: 2px 5px; }
.positive { color: #00A000; }
.negative { color: #A00000; }
.bullet0, .bullet0 li { list-style: none; /* appplied to either the list or the item */ }
.bullet1, .bullet1 li { list-style-image: url(http://images.ebsco.com/pob/vulcanind/bullet.gif); /* appplied to either the list or the item */ }
table { width: 100% }
.table { clear: both; margin: 2px 0; }
.table th { padding: 2px 5px; font-weight: bold; color: #505050; background: #D0D0D0; border: 1px solid white; border-bottom: 3px solid white; text-align: center; }
.table th a { text-decoration: none; }
.table td { padding: 2px 5px; border-bottom: 1px solid #E0E0E0; }
td.key { font-weight: bold; text-align: right; }
.cms em { color: #000000; font-style: italic; font-weight: normal; }
.cms strong { font-weight: bold; font-style: normal; }
.cms ul li { list-style: disc; }
.cms table { width: auto !important; }
.RadEContent, .RadEContentBordered { background-color: #FFFFFF !important; }
/* misc classes - end */

/* wrapper - begin */
.middle { margin: 131px auto 0; width: 990px; text-align: left; background: #FFFFFF; }
	.middle .left { vertical-align: top; text-align: center; padding: 10px 0; width: 180px; border-right: 4px solid #E8E8E8; }
		.middle .left .search { border: 1px solid #6060C0; border-right: none; height: 20px; width: 170px; border-right: 8px solid #A0A0A0; margin-left: 5px; }
			.middle .left .search input { width: 124px; border: none; }
			.middle .left .search .button { padding: 0; }
			.middle .left .search .button a { margin: 0; background: none; padding: 3px 6px; border: none; text-decoration: none;  }
		.middle .left h2 { border-bottom: none; font-weight: bold; font-size: 1.1em; padding: 0; margin: 0; background: #E0E0E0; }
		.middle .left h3 { font-size: 1em; padding: 0; }
		.middle .left ul { margin: 10px 0; padding: 0; list-style: none; }
		.middle .left .links { width: 100%; text-align: right; }
		.middle .left .links li a { display: block; width: 170px; font-size: .9em; margin: 3px 6px; text-decoration: none; border-right: 8px solid #A0A0A0; background: #F0F0F0 no-repeat url(http://images.ebsco.com/pob/vulcanind/round-left.gif); height: 20px; font-weight: bold; }
		.middle .left .links li a:hover { border-right: 8px solid #202080; }
		.middle .left .links .active a { background: #E0E0E0 no-repeat url(http://images.ebsco.com/pob/vulcanind/round-left.gif); border-right: 8px solid #6060C0; }			
			.middle .left .links li ul { margin: 0 !important; }
			.middle .left .links li li a { background: none !important; border: none !important; height: 10px; margin: 0; padding: 0; font-weight: normal; }
			.middle .left .links li li a:hover { border: none; }
		.middle .left .marketing { width: 100%; margin: 0 5px; }
	.middle .center { vertical-align: top; }
		.middle .center .breadcrumb { margin: 10px 0 0 10px; }
		.middle .center .content { padding: 10px; /* suspect */ margin-right: 10px; }
		.middle .center .edit { text-align: left; padding: 10px; padding-right: 0; }
		.middle .center .edit table { width: auto !important; }
	.middle .right { vertical-align: top; text-align: center; padding-top: 10px; width: 180px; background: #F4F4F4; border-left: 4px solid #E8E8E8;}
		.middle .right h2 { border-bottom: none; font-weight: bold; font-size: 1.2em; padding: 0; color: #000000; }
		.middle .right h3 { font-size: 1em; padding: 0; }
		.middle .right ul { margin: 10px 5px 0; padding: 0; list-style: none; }
.header { height: 111px; position: absolute; top: 0; width: 990px; margin: 0 auto; text-align: center; background: url(http://images.ebsco.com/pob/vulcanind/banner01.jpg); left: 50%; margin-left: -495px;  }
	.header ul, .header li { margin: 0; padding: 0; list-style: none; }
	.header a { font-weight: bold; }
	.header .left { display: none; }
	.header .right { display: none; }
	.header .tagline { color: white; background: #777AAF; border-bottom: 1px solid #2A3182; text-align: center; }
	.header .logo { position: absolute; margin-left: -460px; top: 20px; }
	.header .logo a { text-decoration: none; color: white; font: bold 40px arial; }
	.header .logo a:hover { color: #D0D0D0; }
	.header .logo span { color: #E0E0E0; font: bold 30px arial; }
	.header .shopping { position: absolute; width: 130px; margin-left: 335px; top: 20px; }
	.header .shopping li { margin-top: 5px; }
	.header .shopping a { background: no-repeat right url(http://images.ebsco.com/pob/vulcanind/border-quarterround-right.gif); display: block; width: 100%; font-size: .8em; padding-left: 5px; text-decoration: none; border-left: 8px solid #A0A0A0; border-bottom: 2px solid #A0A0A0; }
	.header .shopping a:hover { border-left: 8px solid #202080; border-bottom: 2px solid #202080; }
		.header .shopping account a {  }
		.header .shopping cart a { background: no-repeat url(http://images.ebsco.com/pob/vulcanind/shop-cart-blue.gif); }
		.header .shopping checkout a {  }
	.header .links { position: absolute; top: 111px; width: 990px; margin-left: -495px; height: 19px; background: #75A03D repeat-x url(http://images.ebsco.com/pob/vulcanind/gradient-green.gif); border-bottom: 1px solid black; border-top: 1px solid #75A03D; text-align: center; }
	.header .links ul { margin: auto; width: 600px; }
	.header .links li { float: left; }
	.header .links a { text-decoration: none; color: white; font-size: 13px; text-align: center; border-left: 1px solid #BCDF5D; border-right: 1px solid #337427; background: repeat-x 0px 18px url(http://images.ebsco.com/pob/vulcanind/gradient-green-light.gif); font: bold 15px Arial; padding: 0px 5px; color: #E7F6C0; white-space: nowrap; }
	.header .links a:hover { background: #A9CB7C repeat-x url(http://images.ebsco.com/pob/vulcanind/gradient-green-light.gif); color: white; }
	.header .access { position: absolute; margin-left: 335px; width: 150px; top: 87px; font-size: .8em; }
	.header .access .logout {  }
.footer { width: 990px; text-align: center; padding-bottom: 5px; line-height: 1.4em; margin: 0 auto; white-space: nowrap; border-top: 2px solid #75A03D; font-size: .8em; font-weight: bold; }
	.footer ul { list-style: none; }
	.footer .links { background: #E0E0E0; text-align: center; color: #202080; }
		.footer .links a { color: #425B20; text-decoration: none; }
		.footer .links a:hover { color: #75A03D; }
	.footer .copyright { color: white; background: #808080; font-size: .9em; }
	.footer .division { color: white; background: #808080; font-size: .9em; }
		.footer .division a { color: #A0A0FF; font-weight: bold; }
		.footer .division a:hover { color: #6060C0; }
	.footer .geotrust { margin-top: 10px; }
/* wrapper - end */

/* panels - begin */
.center .panel { float: left; margin: 0 10px 10px 0; }
.center .panel h3 { position: relative; margin-top: -10px; padding: 0; padding-left: 10px; margin-bottom: 0; border: none; }
.center .panel h3 .button { float: right; font-size: .7em; margin: -18px 10px 0 0; }
.center .panel h4 { margin-top: 5px; border-bottom: 1px solid white; }
.center .pbody { margin: 10px 10px 0; }
.center .panel li { list-style: none; }
.center .panel br { line-height: 0px; clear: both; }
.center .panel .tl { width: 10px; height: 10px; float: left; position: relative; margin-top: -1px; margin-left: -1px; }
.center .panel .tr { width: 10px; height: 10px; float: right; position: relative; margin-top: -1px; margin-right: -1px; }
.center .panel .bl { width: 10px; height: 10px; float: left; position: relative; top: 7px; margin-left: -1px; }
.center .panel .br { width: 10px; height: 10px; float: right; position: relative; top: 7px; margin-right: -1px; }
.center .pfull { width: 968px; }
.center .pthreequarters { width: 723px; }
.center .ptwothirds { width: 640px; }
.center .phalf { width: 478px; }
.center .pthird { width: 314px; }
.center .pquarter { width: 233px; }
.center .p01 { background: #F0F0F0 repeat-x url(http://images.ebsco.com/pob/vulcanind/panelheader01.gif); border: 1px solid #999999; }
.center .p01 .tl { background: no-repeat url(http://images.ebsco.com/pob/vulcanind/corner01tl.gif); }
.center .p01 .tr { background: no-repeat url(http://images.ebsco.com/pob/vulcanind/corner01tr.gif); }
.center .p01 .bl { background: no-repeat url(http://images.ebsco.com/pob/vulcanind/corner01bl.gif); }
.center .p01 .br { background: no-repeat url(http://images.ebsco.com/pob/vulcanind/corner01br.gif); }
.center .p02 { background: #F0F0F0; border: 1px solid #999999; }
.center .p02 .tl { background: no-repeat url(http://images.ebsco.com/pob/vulcanind/corner01tl.gif); }
.center .p02 .tr { background: no-repeat url(http://images.ebsco.com/pob/vulcanind/corner01tr.gif); }
.center .p02 .bl { background: no-repeat url(http://images.ebsco.com/pob/vulcanind/corner01bl.gif); }
.center .p02 .br { background: no-repeat url(http://images.ebsco.com/pob/vulcanind/corner01br.gif); }
.center .p02 h3 { margin-top: -5px; }
.center .p03 { background: #FFFFDB; border: 1px solid #CCCC99; }
.center .p03 .tl { background: no-repeat url(http://images.ebsco.com/pob/vulcanind/corner02tl.gif); }
.center .p03 .tr { background: no-repeat url(http://images.ebsco.com/pob/vulcanind/corner02tr.gif); }
.center .p03 .bl { background: no-repeat url(http://images.ebsco.com/pob/vulcanind/corner02bl.gif); }
.center .p03 .br { background: no-repeat url(http://images.ebsco.com/pob/vulcanind/corner02br.gif); }
.center .p03 .p01 .tl { background: no-repeat url(http://images.ebsco.com/pob/vulcanind/corner03tl.gif); }
.center .p03 .p01 .tr { background: no-repeat url(http://images.ebsco.com/pob/vulcanind/corner03tr.gif); }
.center .p03 .p01 .bl { background: no-repeat url(http://images.ebsco.com/pob/vulcanind/corner03bl.gif); }
.center .p03 .p01 .br { background: no-repeat url(http://images.ebsco.com/pob/vulcanind/corner03br.gif); }
.center .p04 { background: repeat-x url(http://images.ebsco.com/pob/vulcanind/panelheader01.gif); border-top: 1px solid #999999; }
.center .p04 .tl { height: 27px; background: no-repeat url(http://images.ebsco.com/pob/vulcanind/corner04tl.gif); }
.center .p04 .tr { height: 27px; background: no-repeat url(http://images.ebsco.com/pob/vulcanind/corner04tr.gif); }
.center .p05 { border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; text-align: center; height: 350px; width: 315px }
.center .p05 h3 { font-size: 1em; }
.center .row { clear: both; /* used if repeateed panels have varying heights - insert div around row */ }
.center .row .pfull { width: 100%; }
.center .row .pthreequarters { width: 74%; }
.center .row .ptwothirds { width: 65%; }
.center .row .phalf { width: 49%; }
.center .row .pthird { width: 32%; }
.center .row .pquarter { width: 23%; }
.center .dealerfinder .pthird { width: 300px; }
/* panels - end */

/* products - begin */
.category-header { }
.category-header img { float: right; margin: 0 0 10px 10px; }
.productid { font-size: .7em; font-weight: normal; }
.categories { }
.category { margin: 0 0 10px 10px; width: 590px; }
.category img { float: right; margin: 0 0 10px 10px; }

.imagegallerydetail .category img { float: left; }
.imagegallerydetail p { clear: both; }

.products { margin: 15px 0 0 0;  }
	.products img { float: right; }
	
.product { margin: 0 20px 10px 20px; }
	.product h2 { font-weight: normal; text-align: left; border: none !important; }
	.product img { margin: 0 auto; }

.dealerview .product h2 { text-align: center !important; }

.productdetail img { margin: 0 0 10px 10px; }
.productdetail .image { clear: left; float: right; text-align: center; width: 170px; margin: 0 10px 10px 0; }
.productdetail .image a { clear: left; }
.productdetail .description { clear: right; }  

.purchase { padding: 2px 5px; display: block; text-align: right; background: #F0F0F0; vertical-align: middle; clear: both; }
.purchase .price { font-weight: bold; font-size: 1.2em; }
.purchase .quantity { font-size: 1.2em; padding-left: 5px; }
.purchase .quantity input { border: 1px solid #A0A0A0; width: 30px; text-align: right; }
.purchase .button { padding: 0px; }
.purchase .button a { margin: 0px; }

.relatedproducts { margin-bottom: 10px; clear: both; }
.relatedproducts .panel { text-align: center; }

.medialinks ul { padding: 0; margin: 0px 0px 10px 0px; list-style-type: none; float: left; width: 100%; }
.medialinks li { display: inline;  margin: 0 6px; }
.medialinks .manual a { background: url(http://images.ebsco.com/pob/vulcanind/manual.gif) no-repeat left; height: 17px; padding: 5px 0px 5px 23px; }
.medialinks .tips a { background: url(http://images.ebsco.com/pob/vulcanind/tips.gif) no-repeat left; height: 17px; padding: 5px 0px 5px 23px; }
.medialinks .audio a { background: url(http://images.ebsco.com/pob/vulcanind/audio.gif) no-repeat left; height: 17px; padding: 5px 0px 5px 23px; }
.medialinks .video a { background: url(http://images.ebsco.com/pob/vulcanind/video.gif) no-repeat left; height: 17px; padding: 5px 0px 5px 23px; }
.medialinks .warranty a { background: url(http://images.ebsco.com/pob/vulcanind/warranty.gif) no-repeat left; height: 17px; padding: 5px 0px 5px 23px; }
/* products - end */

/* tabbed nav - begin */
.rpaction { clear: both; margin-left: 0px; padding-top: 0px; background: repeat-x 0 url(http://images.ebsco.com/pob/vulcanind/navtab-background.gif); }
.rpaction a { text-decoration: none; font-weight: bold; }
.replace { display: none; }
#replace01 { display: block; }
#action01 { border: 1px solid #C0C0C0; border-bottom: 1px solid white; background: white; }
.rpaction a { padding: 0 10px; }
.rpaction a:hover { text-decoration: none; }
/* tabbed nav - end */

/* checkout - begin */
.container {  }
.viewcart .cartitems table { width: 968px !important; }
.cartsteps div { float: left; border-top: 8px solid #E0E0E0; padding: 5px 10px; background: #F0F0F0; }
.cartsteps .active { border-top: 8px solid #8080E0; background: #D8D8F0; }
.cartitems h3 { margin: -21px 0 5px !important; }
.checkout .cartitems table { width: 968px !important; margin: -14px 0 15px !important; }
.bunkered .cartitems table { width: 968px !important; margin: -14px 0 15px !important; }
.sku { display: block; clear: left; }
.updatetotal a { white-space: nowrap; background: #D0D0D0; border: 2px outset #E0E0E0; text-decoration: none; font-weight: bold; padding: 1px 5px; font-size: .8em; }
.updatetotal a:hover { background: #C0C0C0; border: 2px inset #B0B0B0; text-decoration: none; }
.orderdetail .container { width: 100% !important; }
.orderdetail .cartitems table { width: 100% !important; padding: 10px 0 0 0; }
/* checkout - end */

.tipsandtechniques img { float: right; }
.tipsandtechniques .listing { clear: both; }
.tipsandtechniques .listing .label { width: auto; }
.tipsandtechniques .listing .value { width: auto; }

.partnersites .partner h2 { clear: both; }
.partnersites .partner { margin: 0 0 10px 10px; width: 590px; border-bottom: 1px solid #A0A0A0; }
.partnersites .partner img { float: left; margin-right: 10px; }
.partnersites .odd img { float: right; margin-left: 10px; }

.trophyroom h2 { clear: both; }
.trophyroom .photo { margin: 0 0 10px 10px; width: 590px; border-bottom: 1px solid #A0A0A0; }
.trophyroom .imageteaser { width: 200px; text-align: center; float: right; margin-left: 10px; }
.trophyroom .imageteaser p { clear: both; }
.trophyroom .odd .imageteaser { float: left; margin-right: 10px; }

.photodetail .imageteaser { text-align: center; float: right; margin-left: 10px; }
.photodetail .imageteaser p { font-weight: bold; }

.movieroom .wm a { display: block; text-decoration: none; width: 67px; height: 25px; background: no-repeat url(http://images.ebsco.com/pob/vulcanind/windowsmedia.jpg); }
.movieroom .rp a { display: block; text-decoration: none; width: 67px; height: 25px; background: no-repeat url(http://images.ebsco.com/pob/vulcanind/realplayer.jpg); }

.pressroom h2 { background: #C0C0C0; color: #303030; }
.backtopressroom { text-align: right; font-weight: bold; }
.backtopressroom img { float: left; }

.clearright { clear: right; }
.clearboth { clear: both; }
.clearleft { clear: left; }

div#slideshow, div#viewslideshow { text-align: right; margin-bottom: 10px; }
div#slideshow a, div#viewslideshow a { padding: 5px 0 5px 30px; background: no-repeat url(http://images.ebsco.com/pob/vi/image_24x24.gif); }

/************************************************************************************************/
/*** BEGIN - Slideshow CSS
/************************************************************************************************/

.slideshow
{
	text-align:center;	
	height:1025px;
}

.slideshow .topnav a
{
	padding:2px 7px;
	background:#e2e2bf;
	margin:0 3px;
	text-decoration:none;
	border: solid 2px #bdbd88;
	display:inline-block;
}
.topnav .navcontrol { border: none; background: none; margin: 0; padding: 0; }

.slideshow #items a.activeSlide  
{
 background: #ff8000;
 
}

.slideshow #items li { width: 50px; float: left; list-style: none; }
.slideshow #items a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; background-color:white; }

.slideshow #nav img
{
	display:block;
}

.slideshow .imageDescription
{
	display:none;
	padding:10px;
	height: 60px; 
	width:620px;
	margin-top: -108px; 
	position:relative; 
	z-index:10000;
	background-image:url(http://www.moultriefeeders.com/images/ImageDescBckgrd.png);
	background-repeat:repeat;
	color:White;
}

.slideshow .pics
{
	height:530px;
	width:690px;
	
}

.slideshow .rotatingImage
{
	height:530px;
	width:690px;

	background-image:url(http://www.moultriefeeders.com/images/shadowbkgrd.png);
	
	
}

.slideshow .pics img
{
	height:480px;
	width:640px;
	padding:25px;
	
}

.slideshow .pagernav
{
	clear:both;	
	width:665px;
	
	background-color:#ededed;
	border: solid 1px #c7c7c7;
}

/************************************************************************************************/
/*** END - Slideshow CSS
/************************************************************************************************/


/************************************************************************************************/
/*** BEGIN - Homepage Banner CSS
/************************************************************************************************/
.content div.marketing { float: left; width: 355px; margin: 0; padding: 0; }

/*#TopBannerImages { margin: 0; padding: 0; border:solid 1px #000000;  }*/
.homepagebanners
{
	width:370px;
	height:350px;
	padding: 6px 10px;
	float: right;
	margin: 0 0 15px 0;

	
}
/*.homepagebanners .imageDescription h1 { margin: 0; padding: 0; }
.rotatingImage
{
	float:left;
	width:155px;
}*/

.rotatingImageContainer
{ 
	float: left;
	width:369px;
	height:300px;
	border: solid 1px black;
	margin: 0; padding: 5px;
}

.homepagebanners .imageDescription
{
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 0 6px 15px 6px;
	
	
}


.homepagebanners .slideshowtitle { font: bold 14px Arial; margin-top: 8px; }
.homepagebanners #slideshowimage { float: left; margin-right: 8px; }
.homepagebanners #nav
{
	
	float:right;
	padding:10px;	
	margin-top:315px;
}



.homepagebanners #nav a
{
	padding:2px;
	border: solid 2px #bdbd88;
	background-color:#e2e2bf;
	margin:3px;
	
	text-decoration:none;
}

.homepagebanners .navcontrol { text-align: right;   float: left; padding: 10px; margin-top:315px; }
.homepagebanners .navcontrol a { border: solid 2px #bdbd88; background-color:#e2e2bf; padding: 2px; text-decoration: none; }

#slideshowdiv
{
margin-top:10px;
height:670px;
}




/************************************************************************************************/
/*** END - Homepage Banner CSS
/************************************************************************************************/

/* prev, next, prevPage and nextPage buttons */
.scrollablecontainer a.prev,.scrollablecontainer a.next,.scrollablecontainer a.prevPage,.scrollablecontainer a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(http://flowplayer.org/tools/img/scrollable/arrow/left.png) no-repeat;
	float:left;
	margin:43px 10px;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;
	cursor:pointer;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
.scrollablecontainer a.next,.scrollablecontainer a.nextPage {
	background-image:url(http://flowplayer.org/tools/img/scrollable/arrow/right.png);
	clear:right;	
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(http://flowplayer.org/tools/img/scrollable/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	


/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 615px;	
	height:100px;	
	float:left;	
	
	/* custom decorations */
	padding:5x 0;	
	border: solid 1px #ccc;
	background-color:#efefef;
			
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	padding:5px;
	/* custom decoration */
	text-align:center;
}

/* active item */
div.scrollable div.items div.active {

}

.search .product h2 { text-align: left; font-weight: normal; }
.search .product img { float: right; }