/* home top navigation */
#home {position: relative; margin: 0 auto; padding: 0; width: 553px; height: 77px;}
#home li {position: absolute; top: 0; background: url(../images/nav/nav_final.gif) 0 0 no-repeat; display: block; list-style: none;}
#home a {display: block; border: 0;}
#home a:hover {border: 0;}
#home #homebox1 {left: 0; background-position: 0 0; width: 95px; height: 77px;}
#home #homebox2 {left: 95px; background-position: -95px 0; width: 126px; height: 77px;}
#home #homebox3 {left: 221px; background-position: -221px 0; width: 77px; height: 77px;}
#home #homebox4 {left: 298px; background-position: -298px 0; width: 69px; height: 77px;}
#home #homebox5 {left: 367px; background-position: -367px 0; width: 89px; height: 77px;}
#home #homebox6 {left: 456px; background-position: -456px 0; width: 97px; height: 77px;}
#home #homebox1 a:hover {background: url(../images/nav/nav_final.gif) 0 -160px no-repeat;}
#home #homebox2 a:hover {background: url(../images/nav/nav_final.gif) -95px -160px no-repeat;}
#home #homebox3 a:hover {background: url(../images/nav/nav_final.gif) -221px -160px no-repeat;}
#home #homebox4 a:hover {background: url(../images/nav/nav_final.gif) -298px -160px no-repeat;}
#home #homebox5 a:hover {background: url(../images/nav/nav_final.gif) -367px -160px no-repeat;}
#home #homebox6 a:hover {background: url(../images/nav/nav_final.gif) -456px -160px no-repeat;}

/* top navigation */
#top {position: relative; margin: 0 auto; padding: 0; width: 553px; height: 160px;}
#top li {position: absolute; top: 0; background: url(../images/nav/nav_final.gif) 0 0 no-repeat; display: block; list-style: none;}
#top a {display: block; border: 0;}
#top a:hover {border: 0;}
#top #topbox1 {left: 0; background-position: 0 0; width: 95px; height: 160px;}
#top #topbox2 {left: 95px; background-position: -95px 0; width: 126px; height: 160px;}
#top #topbox3 {left: 221px; background-position: -221px 0; width: 77px; height: 160px;}
#top #topbox4 {left: 298px; background-position: -298px 0; width: 69px; height: 160px;}
#top #topbox5 {left: 367px; background-position: -367px 0; width: 89px; height: 160px;}
#top #topbox6 {left: 456px; background-position: -456px 0; width: 97px; height: 160px;}
#top #topbox1 a:hover {background: url(../images/nav/nav_final.gif) 0 -160px no-repeat;}
#top #topbox2 a:hover {background: url(../images/nav/nav_final.gif) -95px -160px no-repeat;}
#top #topbox3 a:hover {background: url(../images/nav/nav_final.gif) -221px -160px no-repeat;}
#top #topbox4 a:hover {background: url(../images/nav/nav_final.gif) -298px -160px no-repeat;}
#top #topbox5 a:hover {background: url(../images/nav/nav_final.gif) -367px -160px no-repeat;}
#top #topbox6 a:hover {background: url(../images/nav/nav_final.gif) -456px -160px no-repeat;}
#top #topbox1on {left: 0; background-position: 0 -320px; width: 95px; height: 160px;}
#top #topbox2on {left: 95px; background-position: -95px -320px; width: 126px; height: 160px;}
#top #topbox3on {left: 221px; background-position: -221px -320px; width: 77px; height: 160px;}
#top #topbox4on {left: 298px; background-position: -298px -320px; width: 69px; height: 160px;}
#top #topbox5on {left: 367px; background-position: -367px -320px; width: 89px; height: 160px;}
#top #topbox6on {left: 456px; background-position: -456px -320px; width: 97px; height: 160px;}

/* marker navigation */
#mark {position: relative; margin: 0 auto; padding: 0; width: 688px; height: 154px;}
#mark li {position: absolute; top: 0; background: url(../images/colors/markers.jpg) 0 0 no-repeat; display: block; list-style: none;}
#mark a {display: block; border: 0;}
#mark a:hover {border: 0;}
#mark #markbox1 {left: 0; background-position: 0 0; width: 86px; height: 154px;}
#mark #markbox2 {left: 86px; background-position: -86px 0; width: 86px; height: 154px;}
#mark #markbox3 {left: 172px; background-position: -172px 0; width: 86px; height: 154px;}
#mark #markbox4 {left: 258px; background-position: -258px 0; width: 86px; height: 154px;}
#mark #markbox5 {left: 344px; background-position: -344px 0; width: 86px; height: 154px;}
#mark #markbox6 {left: 430px; background-position: -430px 0; width: 86px; height: 154px;}
#mark #markbox7 {left: 516px; background-position: -516px 0; width: 86px; height: 154px;}
#mark #markbox8 {left: 602px; background-position: -602px 0; width: 86px; height: 154px;}
#mark #markbox1.selected a {background: url(../images/colors/markers.jpg) 0 -154px no-repeat;}
#mark #markbox2.selected a {background: url(../images/colors/markers.jpg) -86px -154px no-repeat;}
#mark #markbox3.selected a {background: url(../images/colors/markers.jpg) -172px -154px no-repeat;}
#mark #markbox4.selected a {background: url(../images/colors/markers.jpg) -258px -154px no-repeat;}
#mark #markbox5.selected a {background: url(../images/colors/markers.jpg) -344px -154px no-repeat;}
#mark #markbox6.selected a {background: url(../images/colors/markers.jpg) -430px -154px no-repeat;}
#mark #markbox7.selected a {background: url(../images/colors/markers.jpg) -516px -154px no-repeat;}
#mark #markbox8.selected a {background: url(../images/colors/markers.jpg) -602px -154px no-repeat;}

/* swatches row 1 */
#swat1 {position: relative; margin: 0 auto; padding: 0; width: 326px; height: 81px;}
#swat1 li {position: absolute; top: 0; background: url(../images/colors/swatches_row1.jpg) 0 0 no-repeat; display: block; list-style: none;}
#swat1 a {display: block; border: 0;}
#swat1 a:hover {border: 0;}
#swat1 #swat1box1 {left: 0; background-position: 0 0; width: 81px; height: 81px;}
#swat1 #swat1box2 {left: 81px; background-position: -81px 0; width: 82px; height: 81px;}
#swat1 #swat1box3 {left: 163px; background-position: -163px 0; width: 82px; height: 81px;}
#swat1 #swat1box4 {left: 245px; background-position: -245px 0; width: 81px; height: 81px;}
#swat1 #swat1box1.selected a {background: url(../images/colors/swatches_row1.jpg) 0 -81px no-repeat;}
#swat1 #swat1box2.selected a {background: url(../images/colors/swatches_row1.jpg) -81px -81px no-repeat;}
#swat1 #swat1box3.selected a {background: url(../images/colors/swatches_row1.jpg) -163px -81px no-repeat;}
#swat1 #swat1box4.selected a {background: url(../images/colors/swatches_row1.jpg) -245px -81px no-repeat;}

/* swatches row 2 */
#swat2 {position: relative; margin: 0 auto; padding: 0; width: 326px; height: 81px;}
#swat2 li {position: absolute; top: 0; background: url(../images/colors/swatches_row2.jpg) 0 0 no-repeat; display: block; list-style: none;}
#swat2 a {display: block; border: 0;}
#swat2 a:hover {border: 0;}
#swat2 #swat2box1 {left: 0; background-position: 0 0; width: 81px; height: 81px;}
#swat2 #swat2box2 {left: 81px; background-position: -81px 0; width: 82px; height: 81px;}
#swat2 #swat2box3 {left: 163px; background-position: -163px 0; width: 82px; height: 81px;}
#swat2 #swat2box4 {left: 245px; background-position: -245px 0; width: 81px; height: 81px;}
#swat2 #swat2box1.selected a {background: url(../images/colors/swatches_row2.jpg) 0 -81px no-repeat;}
#swat2 #swat2box2.selected a {background: url(../images/colors/swatches_row2.jpg) -81px -81px no-repeat;}
#swat2 #swat2box3.selected a {background: url(../images/colors/swatches_row2.jpg) -163px -81px no-repeat;}
#swat2 #swat2box4.selected a {background: url(../images/colors/swatches_row2.jpg) -245px -81px no-repeat;}

/* award nav */
#award {position: relative; margin: 0 80px 0 0; float: right; padding: 0; width: 232px; height: 67px;}
#award li {position: absolute; left: 0; display: block; list-style: none;}
#award a {display: block; border: 0;}
#award a:hover {border: 0;}
#award #awardbox1 {margin-left: 10px; left: 0; width: 77px; height: 67px;}
#award #awardbox2 {margin-left: 10px; left: 77px; width: 78px; height: 67px;}
#award #awardbox3 {margin-left: 10px; left: 155px; width: 77px; height: 67px;}

ul { padding: 0 }
ul.bullet { 
	list-style-image: url("../images/global/bullet.gif");
	list-style-position: outside;
	padding: 0 0 0 12px;
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 18px;
	color: #93463b;
	font-weight: bold;
	} 
ul.colors { 
	list-style-image: url("../images/global/bullet.gif");
	list-style-position: outside;
	padding: 70px 30px 0 50px;
	font-size: 13px;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 18px;
	color: #3e454a;
	} 
ul.colors li { 
	padding: 0 0 2px 0;
	}