
#navigation {
	width: 752px;
	height: 30px;
	margin-top: 0px;
	margin-bottom: 0;
	background: url(../grfx/navigation2.jpg) no-repeat;
	background-position: 40px;
	margin-left: -40px;
}

*html #navigation {
	width: 752px;
	margin-left: 0px;
	margin-top: 0;
	background: url(../grfx/navigation2.jpg) no-repeat;
	background-position: 0px 0px;
}

#navigation ul {
	width: 561px;
	height: 30px;
	margin-top: 0;	
	padding: 0;
	display: block;

}

*:first-child+html #navigation {
	margin-left: 0;
		background: url(../grfx/navigation2.jpg) no-repeat;
	background-position: 0px;
	margin-bottom: -13px;
}

*html #navigation ul {
	width: 752px;	
}

#navigation li {

	list-style: none;
	margin: 0;
	padding: 0;
	height:30px;
	float:left;
}

#navigation li a {

	height: 30px;
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	


}
#navigation li a span {

	display: none;


}


/*----------------------------HOVER-------------------------------------*/


#navigation li#home a {

	background: url(../grfx/navigation.jpg) 0px 0px no-repeat;
	width: 91px;


}



#navigation li#home a:hover {

	background: url(../grfx/navigation.jpg) 0px -30px no-repeat;

}



#navigation li#home a.active {

	background: url(../grfx/navigation.jpg) 0px -30px no-repeat;

}

#navigation li#about a {

	background: url(../grfx/navigation.jpg) -91px 0px no-repeat;
	width: 104px;

}



#navigation li#about a:hover {

	background: url(../grfx/navigation.jpg) -91px -30px no-repeat;

}



#navigation li#about a.active {

	background: url(../grfx/navigation.jpg) -91px -30px no-repeat;

}

#navigation li#services a {

	background: url(../grfx/navigation.jpg) -195px 0px no-repeat;
	width: 106px;

}



#navigation li#services a:hover {

	background: url(../grfx/navigation.jpg) -195px -30px no-repeat;

}



#navigation li#services a.active {

	background: url(../grfx/navigation.jpg) -195px -30px no-repeat;

}

#navigation li#products a {

	background: url(../grfx/navigation.jpg) -301px 0px no-repeat;
	width: 86px;

}



#navigation li#products a:hover {

	background: url(../grfx/navigation.jpg) -301px -30px no-repeat;

}



#navigation li#products a.active {

	background: url(../grfx/navigation.jpg) -301px -30px no-repeat;

}


#navigation li#contact a {

	background: url(../grfx/navigation.jpg) -387px 0px no-repeat;
	width: 106px;

}



#navigation li#contact a:hover {

	background: url(../grfx/navigation.jpg) -387px -30px no-repeat;

}



#navigation li#contact a.active {

	background: url(../grfx/navigation.jpg) -387px -30px no-repeat;

}


#navigation li#links a {

	background: url(../grfx/navigation.jpg) -493px 0px no-repeat;
	width: 68px;

}



#navigation li#links a:hover {

	background: url(../grfx/navigation.jpg) -493px -30px no-repeat;

}



#navigation li#links a.active {

	background: url(../grfx/navigation.jpg) -493px -30px no-repeat;

}

/*
____________________PRODUCT LINKS*/

.caravan {
	width: 74px;
	height: 72px;
}

.caravan a {

clear: all;
display: block;
width: 74px;
margin-left: auto;
margin-right: auto;
height: 72px;
background: url(../grfx/caravan_hover.jpg) 0 0px no-repeat;
}

a span{
	display: none;
}

.caravan a:hover { 

background-position: 0 -72px;
color: #049;
}

.camping {
	width: 74px;
	height: 72px;
}

.camping a {

clear: all;
display: block;
width: 74px;
margin-left: auto;
margin-right: auto;
height: 72px;
background: url(../grfx/camping_hover.jpg) 0 0px no-repeat;
}


.camping a:hover { 

background-position: 0 -72px;
color: #049;
}


.spotrs {
	width: 74px;
	height: 72px;
}

.sports a {

clear: all;
display: block;
width: 74px;
margin-left: auto;
margin-right: auto;
height: 72px;
background: url(../grfx/sports_hover.jpg) 0 0px no-repeat;
}


.sports a:hover { 

background-position: 0 -72px;
color: #049;
}

.wheel {
	width: 74px;
	height: 72px;
}

.wheel a {

clear: all;
display: block;
width: 74px;
margin-left: auto;
margin-right: auto;
height: 72px;
background: url(../grfx/wheel_hover.jpg) 0 0px no-repeat;
}


.wheel a:hover { 

background-position: 0 -72px;
color: #049;
}

.default {
	width: 74px;
	height: 72px;
}

.default a {
	clear: all;
	display: block;
	width: 74px;
	margin-left: auto;
	margin-right: auto;
	height: 72px;
	background: url(../grfx/default_hover.jpg) 0 0px no-repeat;
}


.default a:hover { 
	background-position: 0 -71px;
	color: #049;
}

.car {
	width: 74px;
	height: 72px;
}

.car a {

clear: all;
display: block;
width: 74px;
margin-left: auto;
margin-right: auto;
height: 72px;
background: url(../grfx/car_hover.jpg) 0px 0px no-repeat;
}


.car a:hover { 

background-position: 0 -72px;
color: #049;
}

.more a {

clear: all;
display: block;
margin-left: auto;
margin-right: auto;
width: 51px;
height: 21px;
background: url(../grfx/more_hover.jpg) 0 0px no-repeat;
text-decoration: none;
z-index: 20px;
position: relative;

}

.more a span {
	display: none;
}

.more a:hover { 
background-position: 0 -21px;
color: #049;
}



.more2 a {

clear: all;
display: block;
margin-left: 5px;
width: 51px;
height: 21px;
background: url(../grfx/more_hover.jpg) 0 0px no-repeat;
text-decoration: none;
z-index: 20px;
position: relative;

}

.more2 a span {
	display: none;
}

.more2 a:hover { 
background-position: 0 -21px;
color: #049;
}


.buy a {

clear: all;
display: block;
width: 66px;
height: 21px;
background: url(../grfx/buy_hover.jpg) 0 0px no-repeat;
text-decoration: none;
z-index: 20px;
position: relative;
margin-top: -21px;
margin-left: 65px;

}

.buy a span {
	display: none;
}

.buy a:hover { 
background-position: 0 -21px;

}

/*----*/

.more3 a {

clear: all;
display: block;
margin-left: 20px;
width: 51px;
height: 21px;
background: url(../grfx/more_hover.jpg) 0 0px no-repeat;
text-decoration: none;
z-index: 20px;
position: relative;

}

*:first-child+html .more3 a {
	margin-left: -60px;
}

*:first-child+html .buy3 a {
	margin-left: 0px;
}

*html .more3 a {
	margin-left: -60px;
}

*html .buy3 a {
	margin-left: 0;
}

.more3 a span {
	display: none;
}

.more3 a:hover { 
background-position: 0 -21px;

}


.buy3 a {

clear: all;
display: block;
width: 66px;
height: 21px;
background: url(../grfx/buy_hover.jpg) 0 0px no-repeat;
text-decoration: none;
z-index: 20px;
position: absolute;
margin-top: -21px;
margin-left: 80px;

}

.buy3 a span {
	display: none;
}

.buy3 a:hover { 
background-position: 0 -21px;

}

.addcart a {

clear: all;
display: block;
width: 112px;
height: 28px;
background: url(../grfx/cart_hover.jpg) 0 0px no-repeat;
text-decoration: none;
z-index: 20px;
position: absolute;


}

.addcart a span {
	display: none;
}

.addcart a:hover { 
background-position: 0 -28px;

}


.more_info a {

clear: all;
display: block;
width: 64px;
height: 26px;
background: url(../grfx/more_info_hover.jpg) 0 0px no-repeat;
text-decoration: none;
z-index: 20px;
position: absolute;
margin: -39px 0 0 132px;


}

*:first-child+html .more_info a {
	margin: 133px 30px 0 -92px;
}

*html .more_info a {
	margin: 133px 30px 0 -92px;
}

.more_info a span {
	display: none;
}

.more_info a:hover { 
background-position: 0 -26px;

}

.more_black_hover a {

clear: all;
display: block;
width: 112px;
height: 29px;
background: url(../grfx/more_black_hover.jpg) 0 0px no-repeat;
text-decoration: none;
z-index: 20px;
position: absolute;
margin: -183px 0 0 415px;


}

*:first-child+html .more_black_hover a {
	margin: 144px 0 0 -121px;
}

*html .more_black_hover a {
	margin: 144px 0 0 -121px;
}

.more_black_hover a span {
	display: none;
}

.more_black_hover a:hover { 
background-position: 0 -29px;

}


