﻿/*--------------------------------------------------Top Navigation----------------------------------------------------*/

.mainLinks{font-family: Arial, Helvetica, sans-serif; list-style:none; width: 976px; float:left; line-height: 25px;height:25px;padding-left:15px}
.mainLinks li{display:inline;font-size:15px;}
.mainLinks li a{background: url(Styles/img/sprite.gif) repeat-x 300px -169px; color:#883F0E;float:left;padding: 0 19px;border-right: 1px solid #FFFFFF;display:inline-block;}
.mainLinks li a.sel{background-position:300px -196px;}
.mainLinks li a:hover, .mainLinks .current a{background-position:300px -196px; text-decoration:none;}

#top_nav_home a{background: url(Styles/img/sprite.gif) repeat-x 0px -169px;padding-left:25px;}
#top_nav_home a.sel{background-position:-1px -196px;}
#top_nav_home a:hover{background-position:-1px -196px;}

#top_nav_ibaths a{background: url(Styles/img/sprite.gif) repeat-x 150px -169px; text-indent:-9980px; width:112px;text-transform: capitalize;}
#top_nav_ibaths a:hover{background-position:150px -196px;}

#top_nav_special{display:none;}

#topnavigation {height:26px;position:relative; float:left;}

/*-----------------BELOW THIS IS A BUNCH OF CONVOLUTED CSS THAT WE WERE USING A WHILE AGO-----------------*/

/*#topnavigation {
border-bottom:2px solid #ECECEC;
float:left;
font-family:Arial,Helvetica,sans-serif;
height:26px;
left:15px;
position:relative;
width:961px;
color: #883f0e;
z-index:100;
	}

#topnavigation a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
    color: #883f0e;
	text-decoration:none;
	}

#topnavigation ul{
	position:relative;
	float:left;
	width:809px;
	height:25px;
	padding-left:0px;
	}
	
#topnavigation li{
	position:relative;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	list-style:none;
	}


#topnavigation li a{
	text-decoration:none;
	}
	
#topnavigation li a:hover{
	text-decoration:none;
	}

#topnavigation #top_nav_home a{
	background-image:url(images/TopNavigationBothState.jpg);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	width:71px;
	height:25px;
	border-right:1px solid #FFFFFF;
	}


div#topnavigation li#top_nav_home a:hover,
div#topnavigation li#top_nav_home:hover,
div#topnavigation li#top_nav_home.sel,
div#topnavigation li#top_nav_home.sel a{
	background-image:url(images/TopNavigationBothState.jpg);
	background-repeat:no-repeat;
	background-position:0px -27px;
	position:relative;
	float:left;
	width:71px;
	height:25px;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
	}

#topnavigation #top_nav_design a{
	background-image:url(images/TopNavigationBothState.jpg);
	background-repeat:no-repeat;
	background-position:-71px 0;
	position:relative;
	float:left;
	width:77px;
	height:25px;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
	}

div#topnavigation li#top_nav_design a:hover,
div#topnavigation li#top_nav_design:hover,
div#topnavigation li#top_nav_design.sel,
div#topnavigation li#top_nav_design.sel a{
	background-image:url(images/TopNavigationBothState.jpg);
	background-repeat:no-repeat;
	background-position:-71px -27px;
	position:relative;
	float:left;
	width:77px;
	height:25px;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
	}
	
#topnavigation #top_nav_products a{
	background-image:url(images/TopNavigationBothState.jpg);
	background-repeat:no-repeat;
	background-position:-148px 0;
	position:relative;
	float:left;
	width:88px;
	height:25px;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
	}


div#topnavigation li#top_nav_products a:hover,
div#topnavigation li#top_nav_products:hover,
div#topnavigation li#top_nav_products.sel,
div#topnavigation li#top_nav_products.sel a{
	background-image:url(images/TopNavigationBothState.jpg);
	background-repeat:no-repeat;
	background-position:-148px -27px;
	position:relative;
	float:left;
	width:88px;
	height:25px;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
	}
	
	
#topnavigation #top_nav_planning a{
	background-image:url(images/TopNavigationBothState.jpg);
	background-repeat:no-repeat;
	background-position:-236px 0;
	position:relative;
	float:left;
	width:88px;
	height:25px;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
	}
	
div#topnavigation li#top_nav_planning a:hover,
div#topnavigation li#top_nav_planning:hover,
div#topnavigation li#top_nav_planning.sel,
div#topnavigation li#top_nav_planning.sel a{
	background-image:url(images/TopNavigationBothState.jpg);
	background-repeat:no-repeat;
	background-position:-236px -27px;
	position:relative;
	float:left;
	width:88px;
	height:25px;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
	}
	
#topnavigation #top_nav_photos a{
	background-image:url(images/TopNavigationBothState.jpg);
	background-repeat:no-repeat;
	background-position:-323px 0;
	position:relative;
	float:left;
	width:77px;
	height:25px;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
	}
	
div#topnavigation li#top_nav_photos a:hover,
div#topnavigation li#top_nav_photos:hover,
div#topnavigation li#top_nav_photos.sel,
div#topnavigation li#top_nav_photos.sel a{
	background-image:url(images/TopNavigationBothState.jpg);
	background-repeat:no-repeat;
	background-position:-323px -27px;
	position:relative;
	float:left;
	width:77px;
	height:25px;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
	}

#topnavigation #top_nav_videos a{	
	background-image:url(images/TopNavigationBothState.jpg);
	background-repeat:no-repeat;
	background-position:-400px 0;
	position:relative;
	float:left;
	width:78px;
	height:25px;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
	}
	
div#topnavigation li#top_nav_videos a:hover,
div#topnavigation li#top_nav_videos:hover,
div#topnavigation li#top_nav_videos.sel,
div#topnavigation li#top_nav_videos.sel a{
	background-image:url(images/TopNavigationBothState.jpg);
	background-repeat:no-repeat;
	background-position:-400px -27px;
	position:relative;
	float:left;
	width:78px;
	height:25px;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
	}

#topnavigation #top_nav_getthelook a{	
	background-image:url(images/TopNavigationBothState.jpg);
	background-repeat:no-repeat;
	background-position:-400px 0;
	position:relative;
	float:left;
	width:78px;
	height:25px;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
	}
	
div#topnavigation li#top_nav_getthelook a:hover,
div#topnavigation li#top_nav_getthelook:hover,
div#topnavigation li#top_nav_getthelook.sel,
div#topnavigation li#top_nav_getthelook.sel a{
	background-image:url(images/TopNavigationBothState.jpg);
	background-repeat:no-repeat;
	background-position:-400px -27px;
	position:relative;
	float:left;
	width:78px;
	height:25px;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
	}

#topnavigation #top_nav_kitchentours a{
	background-image:url(images/TopNavigationBothState.jpg);
	background-repeat:no-repeat;
	background-position:-478px 0;
	position:relative;
	width:121px;
	float:left;
	height:25px;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
	}

div#topnavigation li#top_nav_kitchentours a:hover,
div#topnavigation li#top_nav_kitchentours:hover,
div#topnavigation li#top_nav_kitchentours.sel,
div#topnavigation li#top_nav_kitchentours.sel a{
	background-image:url(images/TopNavigationBothState.jpg);
	background-repeat:no-repeat;
	background-position:-478px -27px;
	position:relative;
	width:121px;
	float:left;
	height:25px;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
	}
	
	
#topnavigation #top_nav_resources a{
	background-image:url(images/TopNavigationBothState.jpg);
	background-repeat:no-repeat;
	background-position:-599px 0;
	position:relative;
	width:101px;
	float:left;
	height:25px;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
	}

div#topnavigation li#top_nav_resources a:hover,
div#topnavigation li#top_nav_resources:hover,
div#topnavigation li#top_nav_resources.sel,
div#topnavigation li#top_nav_resources.sel a{
	background-image:url(images/TopNavigationBothState.jpg);
	background-repeat:no-repeat;
	background-position:-599px -27px;
	position:relative;
	width:101px;
	float:left;
	height:25px;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
	}
	
	
#topnavigation #top_nav_FindPro a{
	background-image:url(images/TopNavigationBothState.jpg);
	background-repeat:no-repeat;
	background-position:-693px 0;
	position:relative;
	float:left;
	width:98px;
	height:25px;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
	}
	
div#topnavigation li#top_nav_FindPro a:hover,
div#topnavigation li#top_nav_FindPro:hover,
div#topnavigation li#top_nav_FindPro.sel,
div#topnavigation li#top_nav_FindPro.sel a{
	background-image:url(images/TopNavigationBothState.jpg);
	background-repeat:no-repeat;
	background-position:-693px -27px;
	position:relative;
	float:left;
	width:98px;
	height:25px;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
	}

#topnavigation #top_nav_special a{
	background-image:url(images/TopNavigationBothState.jpg);
	background-repeat:no-repeat;
	background-position:-809px 0;
	position:relative;
	float:left;
	width:151px;
	height:25px;
	}

div#topnavigation li#top_nav_special a:hover,
div#topnavigation li#top_nav_special:hover,
div#topnavigation li#top_nav_special.sel,
div#topnavigation li#top_nav_special.sel a{
	background-image:url(images/TopNavigationBothState.jpg);
	background-repeat:no-repeat;
	background-position:-809px -27px;
	position:relative;
	float:left;
	width:151px;
	height:25px;
	border-right:1px solid #FFFFFF;
	}

div#topnavigation li#top_nav_special a{
	font-size:12px;
}*/
/*-----------------------------------Top Navigation Ends----------------------------------------------*/
