/* 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 */
.markerboxes { cursor: pointer; }
#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 #markbox1.selected {background: url(../images/colors/markers.jpg) 0 -154px no-repeat;}
#mark #markbox2.selected {background: url(../images/colors/markers.jpg) -86px -154px no-repeat;}
#mark #markbox3.selected {background: url(../images/colors/markers.jpg) -172px -154px no-repeat;}
#mark #markbox4.selected {background: url(../images/colors/markers.jpg) -258px -154px no-repeat;}
#mark #markbox5.selected {background: url(../images/colors/markers.jpg) -344px -154px no-repeat;}

.swatbox, .swatbox img { cursor: pointer; }

/* swatches row 1 */
#swat1box1, #swat1box2, #swat1box3, #swat1box4 { cursor: pointer; }
#swat1 {position: relative; margin: 0 auto; padding: 0; width: 326px; height: 81px;}
#swat1 li {position: absolute; top: 0; background: url(../images/colors/swatches_row1.png) 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 #swat1box1.selected {background: url(../images/colors/swatches_row1.png) 0 -81px no-repeat;}
#swat1 #swat1box2.selected {background: url(../images/colors/swatches_row1.png) -81px -81px no-repeat;}
#swat1 #swat1box3.selected {background: url(../images/colors/swatches_row1.png) -163px -81px no-repeat;}

/* swatches row 2 */
#swat2box1, #swat2box2, #swat2box3, #swat2box4 { cursor: pointer; }
#swat2 {position: relative; margin: 0 auto; padding: 0; width: 326px; height: 81px;}
#swat2 li {position: absolute; top: 0; background: url(../images/colors/swatches_row2.png) 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-image: url(../images/colors/swatches_row1.png); background-position: -246px 1px; width: 81px; height: 81px;}
#swat2 #swat2box2 {left: 81px; background-position: 1px 0; width: 82px; height: 81px;}
#swat2 #swat2box1.selected {background: url(../images/colors/swatches_row1.png) -246px -80px no-repeat;}
#swat2 #swat2box2.selected {background: url(../images/colors/swatches_row2.png) 1px -81px no-repeat;}

/* award nav */
#award {position: relative; margin: 0 62px 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 {left: 0; width: 57px; height: 55px;}
#award #awardbox2 {left: 57px; width: 57px; height: 55px;}
#award #awardbox3 {left: 114px; width: 59px; height: 55px;}
#award #awardbox4 {left: 169px; width: 55px; height: 55px;}

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;
	} 
ul.content { 
	list-style-image: url("../images/global/bullet.gif");
	list-style-position: outside;
	padding: 0 30px 0 50px;
	font-size: 13px;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 18px;
	color: #3e454a;
	} 
ul.content li { 
	padding: 0 0 2px 0;
	}