/* ------------------------------------------------------------------------------------------- */
/* Nav Link Attributes */
/* ------------------------------------------------------------------------------------------- */


ul#navs {

	position: relative;
	
	width: 725px;
	
	margin: 0; padding: 0; border: 0;
	
	height: 38px;
	
	list-style-type: none;
	
	overflow: hidden;
	
}

/* Defining Active State */

body#b1 ul#navs  { background: transparent url(nav-matrix.png) no-repeat 0 0;}

body#b2 ul#navs  { background: transparent url(nav-matrix.png) no-repeat 0 -38px; }

body#b3 ul#navs  { background: transparent url(nav-matrix.png) no-repeat 0 -76px; }

body#b4 ul#navs  { background: transparent url(nav-matrix.png) no-repeat 0 -114px; }

body#b5 ul#navs  { background: transparent url(nav-matrix.png) no-repeat 0 -152px; }

body#b6 ul#navs  { background: transparent url(nav-matrix.png) no-repeat 0 -190px; }

body#b7 ul#navs  { background: transparent url(nav-matrix.png) no-repeat 0 -228px; }

body#b8 ul#navs  { background: transparent url(nav-matrix.png) no-repeat 0 -266px; }

body#b9 ul#navs  { background: transparent url(nav-matrix.png) no-repeat 0 -304px; }

body#b10 ul#navs  { background: transparent url(nav-matrix.png) no-repeat 0 -342px; }

body#b11 ul#navs  { background: transparent url(nav-matrix.png) no-repeat 0 -380px; }


/* Defining List Items Dimensions */

ul#navs li a {

	position: absolute;
	
	top: 0;
	
	text-indent: -9000px;
	
	text-decoration: none;
	
	padding: 38px 0 0 0;
	
	overflow: hidden;
	
	height: 0px !important; 
	
	height /**/:38px; /* IE5/Win */
	
	background: transparent url(nav-matrix.png) no-repeat;
	
}

/* Defining Tea 1 - Home */
/* ----------------------------------------- */
	
body#b1 li#home a {

	background-position: -10px 0;
	
	left: 10px; 
	
	width: 51px;
	
	}
	
body#b1 li#home a:hover {

	background-position: -10px 0; 
	
	}

body#b1 li#new a {

	background-position: -61px 0;
	
	left: 61px; 
	
	width: 99px;
	
	}
	
body#b1 li#new a:hover	 {

	background-position: -61px -418px; 
	
	}
	
body#b1 li#green a {

	background-position: -160px 0;
	
	left: 160px; 
	
	width: 54px;
	
	}
	
body#b1 li#green a:hover	 {

	background-position: -160px -418px; 
	
	}
	
body#b1 li#oolong a {

	background-position: -214px 0;
	
	left: 214px; 
	
	width: 66px;
	
	}
	
body#b1 li#oolong a:hover	 {

	background-position: -214px -418px; 
	
	}

body#b1 li#black a {

	background-position: -280px 0;
	
	left: 280px; 
	
	width: 53px;
	
	}
	
body#b1 li#black a:hover	 {

	background-position: -280px -418px; 
	
	}

body#b1 li#puerh a {

	background-position: -333px 0;
	
	left: 333px; 
	
	width: 58px;
	
	}
	
body#b1 li#puerh a:hover	 {

	background-position: -333px -418px; 
	
	}

body#b1 li#white a {

	background-position: -391px 0;
	
	left: 391px; 
	
	width: 53px;
	
	}
	
body#b1 li#white a:hover	 {

	background-position: -391px -418px; 
	
	}
	
body#b1 li#scented a {

	background-position: -444px 0;
	
	left: 444px; 
	
	width: 67px;
	
	}
	
body#b1 li#scented a:hover	 {

	background-position: -444px -418px; 
	
	}

body#b1 li#herbal a {

	background-position: -510px 0;
	
	left: 510px; 
	
	width: 60px;
	
	}
	
body#b1 li#herbal a:hover	 {

	background-position: -510px -418px; 
	
	}

body#b1 li#teaware a {

	background-position: -570px 0;
	
	left: 570px; 
	
	width: 70px;
	
	}
	
body#b1 li#teaware a:hover	 {

	background-position: -570px -418px; 
	
	}
		
body#b1 li#about a {

	background-position: -640px 0;
	
	left: 640px; 
	
	width: 74px;
	
	}
	
body#b1 li#about a:hover	 {

	background-position: -640px -418px; 
	
	}

/* Defining Tea 2 - Home */
/* ----------------------------------------- */
	
body#b2 li#home a {

	background-position: -10px 0;
	
	left: 10px; 
	
	width: 51px;
	
	}
	
body#b2 li#home a:hover {

	background-position: -10px -418px; 
	
	}

body#b2 li#new a {

	background-position: -61px -38px;
	
	left: 61px; 
	
	width: 99px;
	
	}
	
body#b2 li#new a:hover	 {

	background-position: -61px -38px; 
	
	}
	
body#b2 li#green a {

	background-position: -160px 0;
	
	left: 160px; 
	
	width: 54px;
	
	}
	
body#b2 li#green a:hover	 {

	background-position: -160px -418px; 
	
	}
	
body#b2 li#oolong a {

	background-position: -214px 0;
	
	left: 214px; 
	
	width: 66px;
	
	}
	
body#b2 li#oolong a:hover	 {

	background-position: -214px -418px; 
	
	}

body#b2 li#black a {

	background-position: -280px 0;
	
	left: 280px; 
	
	width: 53px;
	
	}
	
body#b2 li#black a:hover	 {

	background-position: -280px -418px; 
	
	}

body#b2 li#puerh a {

	background-position: -333px 0;
	
	left: 333px; 
	
	width: 58px;
	
	}
	
body#b2 li#puerh a:hover	 {

	background-position: -333px -418px; 
	
	}

body#b2 li#white a {

	background-position: -391px 0;
	
	left: 391px; 
	
	width: 53px;
	
	}
	
body#b2 li#white a:hover	 {

	background-position: -391px -418px; 
	
	}
	
body#b2 li#scented a {

	background-position: -444px 0;
	
	left: 444px; 
	
	width: 67px;
	
	}
	
body#b2 li#scented a:hover	 {

	background-position: -444px -418px; 
	
	}

body#b2 li#herbal a {

	background-position: -510px 0;
	
	left: 510px; 
	
	width: 60px;
	
	}
	
body#b2 li#herbal a:hover	 {

	background-position: -510px -418px; 
	
	}

body#b2 li#teaware a {

	background-position: -570px 0;
	
	left: 570px; 
	
	width: 70px;
	
	}
	
body#b2 li#teaware a:hover	 {

	background-position: -570px -418px; 
	
	}
		
body#b2 li#about a {

	background-position: -640px 0;
	
	left: 640px; 
	
	width: 74px;
	
	}
	
body#b2 li#about a:hover	 {

	background-position: -640px -418px; 
	
	}
	
/* Defining Tea 3 - Home */
/* ----------------------------------------- */
	
body#b3 li#home a {

	background-position: -10px 0;
	
	left: 10px; 
	
	width: 51px;
	
	}
	
body#b3 li#home a:hover {

	background-position: -10px -418px; 
	
	}

body#b3 li#new a {

	background-position: -61px 0;
	
	left: 61px; 
	
	width: 99px;
	
	}
	
body#b3 li#new a:hover	 {

	background-position: -61px -418px; 
	
	}
	
body#b3 li#green a {

	background-position: -160px -76px;
	
	left: 160px; 
	
	width: 54px;
	
	}
	
body#b3 li#green a:hover	 {

	background-position: -160px -76px; 
	
	}
	
body#b3 li#oolong a {

	background-position: -214px 0;
	
	left: 214px; 
	
	width: 66px;
	
	}
	
body#b3 li#oolong a:hover	 {

	background-position: -214px -418px; 
	
	}

body#b3 li#black a {

	background-position: -280px 0;
	
	left: 280px; 
	
	width: 53px;
	
	}
	
body#b3 li#black a:hover	 {

	background-position: -280px -418px; 
	
	}

body#b3 li#puerh a {

	background-position: -333px 0;
	
	left: 333px; 
	
	width: 58px;
	
	}
	
body#b3 li#puerh a:hover	 {

	background-position: -333px -418px; 
	
	}

body#b3 li#white a {

	background-position: -391px 0;
	
	left: 391px; 
	
	width: 53px;
	
	}
	
body#b3 li#white a:hover	 {

	background-position: -391px -418px; 
	
	}
	
body#b3 li#scented a {

	background-position: -444px 0;
	
	left: 444px; 
	
	width: 67px;
	
	}
	
body#b3 li#scented a:hover	 {

	background-position: -444px -418px; 
	
	}

body#b3 li#herbal a {

	background-position: -510px 0;
	
	left: 510px; 
	
	width: 60px;
	
	}
	
body#b3 li#herbal a:hover	 {

	background-position: -510px -418px; 
	
	}

body#b3 li#teaware a {

	background-position: -570px 0;
	
	left: 570px; 
	
	width: 70px;
	
	}
	
body#b3 li#teaware a:hover	 {

	background-position: -570px -418px; 
	
	}
		
body#b3 li#about a {

	background-position: -640px 0;
	
	left: 640px; 
	
	width: 74px;
	
	}
	
body#b3 li#about a:hover	 {

	background-position: -640px -418px; 
	
	}
	
/* Defining Tea 4 */
/* ----------------------------------------- */
	
body#b4 li#home a {

	background-position: -10px 0;
	
	left: 10px; 
	
	width: 51px;
	
	}
	
body#b4 li#home a:hover {

	background-position: -10px -418px; 
	
	}

body#b4 li#new a {

	background-position: -61px 0;
	
	left: 61px; 
	
	width: 99px;
	
	}
	
body#b4 li#new a:hover	 {

	background-position: -61px -418px; 
	
	}
	
body#b4 li#green a {

	background-position: -160px 0;
	
	left: 160px; 
	
	width: 54px;
	
	}
	
body#b4 li#green a:hover	 {

	background-position: -160px -418px; 
	
	}
	
body#b4 li#oolong a {

	background-position: -214px -114px;
	
	left: 214px; 
	
	width: 66px;
	
	}
	
body#b4 li#oolong a:hover	 {

	background-position: -214px -114px; 
	
	}

body#b4 li#black a {

	background-position: -280px 0;
	
	left: 280px; 
	
	width: 53px;
	
	}
	
body#b4 li#black a:hover	 {

	background-position: -280px -418px; 
	
	}

body#b4 li#puerh a {

	background-position: -333px 0;
	
	left: 333px; 
	
	width: 58px;
	
	}
	
body#b4 li#puerh a:hover	 {

	background-position: -333px -418px; 
	
	}

body#b4 li#white a {

	background-position: -391px 0;
	
	left: 391px; 
	
	width: 53px;
	
	}
	
body#b4 li#white a:hover	 {

	background-position: -391px -418px; 
	
	}
	
body#b4 li#scented a {

	background-position: -444px 0;
	
	left: 444px; 
	
	width: 67px;
	
	}
	
body#b4 li#scented a:hover	 {

	background-position: -444px -418px; 
	
	}

body#b4 li#herbal a {

	background-position: -510px 0;
	
	left: 510px; 
	
	width: 60px;
	
	}
	
body#b4 li#herbal a:hover	 {

	background-position: -510px -418px; 
	
	}

body#b4 li#teaware a {

	background-position: -570px 0;
	
	left: 570px; 
	
	width: 70px;
	
	}
	
body#b4 li#teaware a:hover	 {

	background-position: -570px -418px; 
	
	}
		
body#b4 li#about a {

	background-position: -640px 0;
	
	left: 640px; 
	
	width: 74px;
	
	}
	
body#b4 li#about a:hover	 {

	background-position: -640px -418px; 
	
	}
	
/* Defining Tea 5 */
/* ----------------------------------------- */
	
body#b5 li#home a {

	background-position: -10px 0;
	
	left: 10px; 
	
	width: 51px;
	
	}
	
body#b5 li#home a:hover {

	background-position: -10px -418px; 
	
	}

body#b5 li#new a {

	background-position: -61px 0;
	
	left: 61px; 
	
	width: 99px;
	
	}
	
body#b5 li#new a:hover	 {

	background-position: -61px -418px; 
	
	}
	
body#b5 li#green a {

	background-position: -160px 0;
	
	left: 160px; 
	
	width: 54px;
	
	}
	
body#b5 li#green a:hover	 {

	background-position: -160px -418px; 
	
	}
	
body#b5 li#oolong a {

	background-position: -214px 0;
	
	left: 214px; 
	
	width: 66px;
	
	}
	
body#b5 li#oolong a:hover	 {

	background-position: -214px -418px; 
	
	}

body#b5 li#black a {

	background-position: -280px -152px;
	
	left: 280px; 
	
	width: 53px;
	
	}
	
body#b5 li#black a:hover	 {

	background-position: -280px -152px; 
	
	}

body#b5 li#puerh a {

	background-position: -333px 0;
	
	left: 333px; 
	
	width: 58px;
	
	}
	
body#b5 li#puerh a:hover	 {

	background-position: -333px -418px; 
	
	}

body#b5 li#white a {

	background-position: -391px 0;
	
	left: 391px; 
	
	width: 53px;
	
	}
	
body#b5 li#white a:hover	 {

	background-position: -391px -418px; 
	
	}
	
body#b5 li#scented a {

	background-position: -444px 0;
	
	left: 444px; 
	
	width: 67px;
	
	}
	
body#b5 li#scented a:hover	 {

	background-position: -444px -418px; 
	
	}

body#b5 li#herbal a {

	background-position: -510px 0;
	
	left: 510px; 
	
	width: 60px;
	
	}
	
body#b5 li#herbal a:hover	 {

	background-position: -510px -418px; 
	
	}

body#b5 li#teaware a {

	background-position: -570px 0;
	
	left: 570px; 
	
	width: 70px;
	
	}
	
body#b5 li#teaware a:hover	 {

	background-position: -570px -418px; 
	
	}
		
body#b5 li#about a {

	background-position: -640px 0;
	
	left: 640px; 
	
	width: 74px;
	
	}
	
body#b5 li#about a:hover	 {

	background-position: -640px -418px; 
	
	}	

/* Defining Tea 6 */
/* ----------------------------------------- */
	
body#b6 li#home a {

	background-position: -10px 0;
	
	left: 10px; 
	
	width: 51px;
	
	}
	
body#b6 li#home a:hover {

	background-position: -10px -418px; 
	
	}

body#b6 li#new a {

	background-position: -61px 0;
	
	left: 61px; 
	
	width: 99px;
	
	}
	
body#b6 li#new a:hover	 {

	background-position: -61px -418px; 
	
	}
	
body#b6 li#green a {

	background-position: -160px 0;
	
	left: 160px; 
	
	width: 54px;
	
	}
	
body#b6 li#green a:hover	 {

	background-position: -160px -418px; 
	
	}
	
body#b6 li#oolong a {

	background-position: -214px 0;
	
	left: 214px; 
	
	width: 66px;
	
	}
	
body#b6 li#oolong a:hover	 {

	background-position: -214px -418px; 
	
	}

body#b6 li#black a {

	background-position: -280px 0;
	
	left: 280px; 
	
	width: 53px;
	
	}
	
body#b6 li#black a:hover	 {

	background-position: -280px -418px; 
	
	}

body#b6 li#puerh a {

	background-position: -333px -190px;
	
	left: 333px; 
	
	width: 58px;
	
	}
	
body#b6 li#puerh a:hover	 {

	background-position: -333px -190px; 
	
	}

body#b6 li#white a {

	background-position: -391px 0;
	
	left: 391px; 
	
	width: 53px;
	
	}
	
body#b6 li#white a:hover	 {

	background-position: -391px -418px; 
	
	}
	
body#b6 li#scented a {

	background-position: -444px 0;
	
	left: 444px; 
	
	width: 67px;
	
	}
	
body#b6 li#scented a:hover	 {

	background-position: -444px -418px; 
	
	}

body#b6 li#herbal a {

	background-position: -510px 0;
	
	left: 510px; 
	
	width: 60px;
	
	}
	
body#b6 li#herbal a:hover	 {

	background-position: -510px -418px; 
	
	}

body#b6 li#teaware a {

	background-position: -570px 0;
	
	left: 570px; 
	
	width: 70px;
	
	}
	
body#b6 li#teaware a:hover	 {

	background-position: -570px -418px; 
	
	}
		
body#b6 li#about a {

	background-position: -640px 0;
	
	left: 640px; 
	
	width: 74px;
	
	}
	
body#b6 li#about a:hover	 {

	background-position: -640px -418px; 
	
	}
	
/* Defining Tea 7 */
/* ----------------------------------------- */
	
body#b7 li#home a {

	background-position: -10px 0;
	
	left: 10px; 
	
	width: 51px;
	
	}
	
body#b7 li#home a:hover {

	background-position: -10px -418px; 
	
	}

body#b7 li#new a {

	background-position: -61px 0;
	
	left: 61px; 
	
	width: 99px;
	
	}
	
body#b7 li#new a:hover	 {

	background-position: -61px -418px; 
	
	}
	
body#b7 li#green a {

	background-position: -160px 0;
	
	left: 160px; 
	
	width: 54px;
	
	}
	
body#b7 li#green a:hover	 {

	background-position: -160px -418px; 
	
	}
	
body#b7 li#oolong a {

	background-position: -214px 0;
	
	left: 214px; 
	
	width: 66px;
	
	}
	
body#b7 li#oolong a:hover	 {

	background-position: -214px -418px; 
	
	}

body#b7 li#black a {

	background-position: -280px 0;
	
	left: 280px; 
	
	width: 53px;
	
	}
	
body#b7 li#black a:hover	 {

	background-position: -280px -418px; 
	
	}

body#b7 li#puerh a {

	background-position: -333px 0;
	
	left: 333px; 
	
	width: 58px;
	
	}
	
body#b7 li#puerh a:hover	 {

	background-position: -333px -418px; 
	
	}

body#b7 li#white a {

	background-position: -391px -228px;
	
	left: 391px; 
	
	width: 53px;
	
	}
	
body#b7 li#white a:hover	 {

	background-position: -391px -228px; 
	
	}
	
body#b7 li#scented a {

	background-position: -444px 0;
	
	left: 444px; 
	
	width: 67px;
	
	}
	
body#b7 li#scented a:hover	 {

	background-position: -444px -418px; 
	
	}

body#b7 li#herbal a {

	background-position: -510px 0;
	
	left: 510px; 
	
	width: 60px;
	
	}
	
body#b7 li#herbal a:hover	 {

	background-position: -510px -418px; 
	
	}

body#b7 li#teaware a {

	background-position: -570px 0;
	
	left: 570px; 
	
	width: 70px;
	
	}
	
body#b7 li#teaware a:hover	 {

	background-position: -570px -418px; 
	
	}
		
body#b7 li#about a {

	background-position: -640px 0;
	
	left: 640px; 
	
	width: 74px;
	
	}
	
body#b7 li#about a:hover	 {

	background-position: -640px -418px; 
	
	}
	
/* Defining Tea 8 */
/* ----------------------------------------- */
	
body#b8 li#home a {

	background-position: -10px 0;
	
	left: 10px; 
	
	width: 51px;
	
	}
	
body#b8 li#home a:hover {

	background-position: -10px -418px; 
	
	}

body#b8 li#new a {

	background-position: -61px 0;
	
	left: 61px; 
	
	width: 99px;
	
	}
	
body#b8 li#new a:hover	 {

	background-position: -61px -418px; 
	
	}
	
body#b8 li#green a {

	background-position: -160px 0;
	
	left: 160px; 
	
	width: 54px;
	
	}
	
body#b8 li#green a:hover	 {

	background-position: -160px -418px; 
	
	}
	
body#b8 li#oolong a {

	background-position: -214px 0;
	
	left: 214px; 
	
	width: 66px;
	
	}
	
body#b8 li#oolong a:hover	 {

	background-position: -214px -418px; 
	
	}

body#b8 li#black a {

	background-position: -280px 0;
	
	left: 280px; 
	
	width: 53px;
	
	}
	
body#b8 li#black a:hover	 {

	background-position: -280px -418px; 
	
	}

body#b8 li#puerh a {

	background-position: -333px 0;
	
	left: 333px; 
	
	width: 58px;
	
	}
	
body#b8 li#puerh a:hover	 {

	background-position: -333px -418px; 
	
	}

body#b8 li#white a {

	background-position: -391px 0;
	
	left: 391px; 
	
	width: 53px;
	
	}
	
body#b8 li#white a:hover	 {

	background-position: -391px -418px; 
	
	}
	
body#b8 li#scented a {

	background-position: -444px -266px;
	
	left: 444px; 
	
	width: 67px;
	
	}
	
body#b8 li#scented a:hover	 {

	background-position: -444px -266px; 
	
	}

body#b8 li#herbal a {

	background-position: -510px 0;
	
	left: 510px; 
	
	width: 60px;
	
	}
	
body#b8 li#herbal a:hover	 {

	background-position: -510px -418px; 
	
	}

body#b8 li#teaware a {

	background-position: -570px 0;
	
	left: 570px; 
	
	width: 70px;
	
	}
	
body#b8 li#teaware a:hover	 {

	background-position: -570px -418px; 
	
	}
		
body#b8 li#about a {

	background-position: -640px 0;
	
	left: 640px; 
	
	width: 74px;
	
	}
	
body#b8 li#about a:hover	 {

	background-position: -640px -418px; 
	
	}

/* Defining Tea 9 */
/* ----------------------------------------- */
	
body#b9 li#home a {

	background-position: -10px 0;
	
	left: 10px; 
	
	width: 51px;
	
	}
	
body#b9 li#home a:hover {

	background-position: -10px -418px; 
	
	}

body#b9 li#new a {

	background-position: -61px 0;
	
	left: 61px; 
	
	width: 99px;
	
	}
	
body#b9 li#new a:hover	 {

	background-position: -61px -418px; 
	
	}
	
body#b9 li#green a {

	background-position: -160px 0;
	
	left: 160px; 
	
	width: 54px;
	
	}
	
body#b9 li#green a:hover	 {

	background-position: -160px -418px; 
	
	}
	
body#b9 li#oolong a {

	background-position: -214px 0;
	
	left: 214px; 
	
	width: 66px;
	
	}
	
body#b9 li#oolong a:hover	 {

	background-position: -214px -418px; 
	
	}

body#b9 li#black a {

	background-position: -280px 0;
	
	left: 280px; 
	
	width: 53px;
	
	}
	
body#b9 li#black a:hover	 {

	background-position: -280px -418px; 
	
	}

body#b9 li#puerh a {

	background-position: -333px 0;
	
	left: 333px; 
	
	width: 58px;
	
	}
	
body#b9 li#puerh a:hover	 {

	background-position: -333px -418px; 
	
	}

body#b9 li#white a {

	background-position: -391px 0;
	
	left: 391px; 
	
	width: 53px;
	
	}
	
body#b9 li#white a:hover	 {

	background-position: -391px -418px; 
	
	}
	
body#b9 li#scented a {

	background-position: -444px 0;
	
	left: 444px; 
	
	width: 67px;
	
	}
	
body#b9 li#scented a:hover	 {

	background-position: -444px -418px; 
	
	}

body#b9 li#herbal a {

	background-position: -510px -304px;
	
	left: 510px; 
	
	width: 60px;
	
	}
	
body#b9 li#herbal a:hover	 {

	background-position: -510px -304px; 
	
	}

body#b9 li#teaware a {

	background-position: -570px 0;
	
	left: 570px; 
	
	width: 70px;
	
	}
	
body#b9 li#teaware a:hover	 {

	background-position: -570px -418px; 
	
	}
		
body#b9 li#about a {

	background-position: -640px 0;
	
	left: 640px; 
	
	width: 74px;
	
	}
	
body#b9 li#about a:hover	 {

	background-position: -640px -418px; 
	
	}
	
/* Defining Tea 10 */
/* ----------------------------------------- */
	
body#b10 li#home a {

	background-position: -10px 0;
	
	left: 10px; 
	
	width: 51px;
	
	}
	
body#b10 li#home a:hover {

	background-position: -10px -418px; 
	
	}

body#b10 li#new a {

	background-position: -61px 0;
	
	left: 61px; 
	
	width: 99px;
	
	}
	
body#b10 li#new a:hover	 {

	background-position: -61px -418px; 
	
	}
	
body#b10 li#green a {

	background-position: -160px 0;
	
	left: 160px; 
	
	width: 54px;
	
	}
	
body#b10 li#green a:hover	 {

	background-position: -160px -418px; 
	
	}
	
body#b10 li#oolong a {

	background-position: -214px 0;
	
	left: 214px; 
	
	width: 66px;
	
	}
	
body#b10 li#oolong a:hover	 {

	background-position: -214px -418px; 
	
	}

body#b10 li#black a {

	background-position: -280px 0;
	
	left: 280px; 
	
	width: 53px;
	
	}
	
body#b10 li#black a:hover	 {

	background-position: -280px -418px; 
	
	}

body#b10 li#puerh a {

	background-position: -333px 0;
	
	left: 333px; 
	
	width: 58px;
	
	}
	
body#b10 li#puerh a:hover	 {

	background-position: -333px -418px; 
	
	}

body#b10 li#white a {

	background-position: -391px 0;
	
	left: 391px; 
	
	width: 53px;
	
	}
	
body#b10 li#white a:hover	 {

	background-position: -391px -418px; 
	
	}
	
body#b10 li#scented a {

	background-position: -444px 0;
	
	left: 444px; 
	
	width: 67px;
	
	}
	
body#b10 li#scented a:hover	 {

	background-position: -444px -418px; 
	
	}

body#b10 li#herbal a {

	background-position: -510px 0;
	
	left: 510px; 
	
	width: 60px;
	
	}
	
body#b10 li#herbal a:hover	 {

	background-position: -510px -418px; 
	
	}

body#b10 li#teaware a {

	background-position: -570px -342px;
	
	left: 570px; 
	
	width: 70px;
	
	}
	
body#b10 li#teaware a:hover	 {

	background-position: -570px -342px; 
	
	}
		
body#b10 li#about a {

	background-position: -640px 0;
	
	left: 640px; 
	
	width: 74px;
	
	}
	
body#b10 li#about a:hover	 {

	background-position: -640px -418px; 
	
	}
	
/* Defining Tea 11 */
/* ----------------------------------------- */
	
body#b11 li#home a {

	background-position: -10px 0;
	
	left: 10px; 
	
	width: 51px;
	
	}
	
body#b11 li#home a:hover {

	background-position: -10px -418px; 
	
	}

body#b11 li#new a {

	background-position: -61px 0;
	
	left: 61px; 
	
	width: 99px;
	
	}
	
body#b11 li#new a:hover	 {

	background-position: -61px -418px; 
	
	}
	
body#b11 li#green a {

	background-position: -160px 0;
	
	left: 160px; 
	
	width: 54px;
	
	}
	
body#b11 li#green a:hover	 {

	background-position: -160px -418px; 
	
	}
	
body#b11 li#oolong a {

	background-position: -214px 0;
	
	left: 214px; 
	
	width: 66px;
	
	}
	
body#b11 li#oolong a:hover	 {

	background-position: -214px -418px; 
	
	}

body#b11 li#black a {

	background-position: -280px 0;
	
	left: 280px; 
	
	width: 53px;
	
	}
	
body#b11 li#black a:hover	 {

	background-position: -280px -418px; 
	
	}

body#b11 li#puerh a {

	background-position: -333px 0;
	
	left: 333px; 
	
	width: 58px;
	
	}
	
body#b11 li#puerh a:hover	 {

	background-position: -333px -418px; 
	
	}

body#b11 li#white a {

	background-position: -391px 0;
	
	left: 391px; 
	
	width: 53px;
	
	}
	
body#b11 li#white a:hover	 {

	background-position: -391px -418px; 
	
	}
	
body#b11 li#scented a {

	background-position: -444px 0;
	
	left: 444px; 
	
	width: 67px;
	
	}
	
body#b11 li#scented a:hover	 {

	background-position: -444px -418px; 
	
	}

body#b11 li#herbal a {

	background-position: -510px 0;
	
	left: 510px; 
	
	width: 60px;
	
	}
	
body#b11 li#herbal a:hover	 {

	background-position: -510px -418px; 
	
	}

body#b11 li#teaware a {

	background-position: -570px 0;
	
	left: 570px; 
	
	width: 70px;
	
	}
	
body#b11 li#teaware a:hover	 {

	background-position: -570px -418px; 
	
	}
		
body#b11 li#about a {

	background-position: -640px -380px;
	
	left: 640px; 
	
	width: 74px;
	
	}
	
body#b11 li#about a:hover	 {

	background-position: -640px -380px; 
	
	}



/* ------------------------------------------------------------------------------------------- */
/* Cart Status Link Attributes */
/* ------------------------------------------------------------------------------------------- */

.cart-status .subnav ul {

	position: relative;
	
	margin: 0 auto 0 auto; padding: 0; border: 0;
	
	width: 402px;
	
	height: 30px;
	
	list-style-type: none;
	
	text-align: center;
	
	overflow: hidden;
	
	background: transparent url(cart-nav-matrix.gif) no-repeat 0 0;
	
}

.cart-status .subnav ul li a {

	position: absolute;
	
	top: 0;
	
	text-decoration: none;
	
	padding: 30px 0 0 0;
	
	overflow: hidden;
	
	height: 0px !important; 
	
	height /**/:30px; /* IE5/Win */
	
	background: transparent url(cart-nav-matrix.gif) no-repeat;
	
}

.cart-status .subnav li#view a {

	background-position: 0 -30px;
	
	left: 0;
	
	width: 125px;
	
	}
	
.cart-status .subnav li#view a:hover {

	background-position: 0 -60px; 
	
	}
	
.cart-status .subnav li#check a {

	background-position: -125px -30px;
	
	left: 125px;
	
	width: 80px;
	
	}
	
.cart-status .subnav li#check a:hover {

	background-position: -125px -60px; 
	
	}
	
.cart-status .subnav li#care a {

	background-position: -205px -30px;
	
	left: 205px;
	
	width: 105px;
	
	}
	
.cart-status .subnav li#care a:hover {

	background-position: -205px -60px; 
	
	}

	
.cart-status .subnav li#client a {

	background-position: -310px -30px;
	
	left: 310px;
	
	width: 92px;
	
	}
	
.cart-status .subnav li#client a:hover {

	background-position: -310px -60px; 
	
	}