/*
bof - css for AJAX Banner Swapper
This block of code is for the template's stylesheet, located inside includes/templates/YOUR_TEMPLATE/css/stylesheet.css
Written by: Jay T (Jaycode) jay@WebExtremeCustomiser.com @ Nov 2007
*/

#bannerThreeImage {
/* It is a matter of preference, but I'd like to have the size of my div area of banner to not
changing even when it doesn't contain any banner.
That is why i usually set the height value the same with my banner image height + navigation area height.
*/
/*height: 222px;*/
}

.bannerNav {
	width:100%;
}
.bannerNavPrev {
	background-image: url('../images/nav_prev.gif');
	width:180px;
	height:20px;
	padding-left:20px;
	padding-top:5px;
	float:left;
}

.bannerNavPrev A{
	color:#ffffff;
}

.bannerNavPrev A:hover{
	color:#ffff33;
}

.bannerNavCur {
}

.bannerNavNext {
	background-image: url('../images/nav_next.gif');
	float:right;
	width:180px;
	height:20px;
	padding-right:20px;
	padding-top:5px;
}

.bannerNavNext A{
	color:#ffffff;
}

.bannerNavNext A:hover{
	color:#ffff33;
}

.banners {
	width:499px;
}
/*
eof - css for AJAX Banner Swapper
*/