@charset "utf-8";
@import url("rhtbuttn.css");
/* CSS Document */

/* stylesheet for right category pane */

#rhtCat11, #rhtCat12, #rhtCat13,
#rhtCat21, #rhtCat22, #rhtCat23, 
#rhtCat31, #rhtCat32, #rhtCat33,
#rhtCat41, #rhtCat42, #rhtCat43,
#rhtCat51, #rhtCat52, #rhtCat53,
#rhtCat61, #rhtCat62, #rhtCat63
{
	width: 296px;
	height: 34px;
	position:absolute;
	padding-left:4px;
}	

#rhtCat11txt, #rhtCat12txt, #rhtCat13txt, 
#rhtCat21txt, #rhtCat22txt, #rhtCat23txt,
#rhtCat31txt, #rhtCat32txt, #rhtCat33txt,
#rhtCat41txt, #rhtCat42txt, #rhtCat43txt,
#rhtCat51txt, #rhtCat52txt, #rhtCat53txt,
#rhtCat61txt, #rhtCat62txt, #rhtCat63txt
{
	width: 220px;
	height: 76px;
	position:absolute;
	padding-left:2px;
	padding-right:2px;
	background-color:#f8f8fc;
		
}

#rhtPic11, #rhtPic12, #rhtPic13,
#rhtPic21, #rhtPic22, #rhtPic23,
#rhtPic31, #rhtPic32, #rhtPic33,
#rhtPic41, #rhtPic42, #rhtPic43,
#rhtPic51, #rhtPic52, #rhtPic53,
#rhtPic61, #rhtPic62, #rhtPic63
{
	width: 76px;
	height: 76px;
	position:absolute;
}

/* row 1 */
#rhtCat11 {
	left: 0px;
	top: 76px;
}
#rhtCat11txt {
	width: 220px;
	left: 0px;
	top: 0px;
}
#rhtPic11 {
	left: 224px;
	top: 0px;
}
/**/
#rhtCat12 {
	left: 315px;
	top: 76px;
}
#rhtCat12txt {
	width: 220px;
	left: 315px;
	top: 0px;
}
#rhtPic12 {
	left: 539px;
	top: 0px;
}
/**/
#rhtCat13 {
	left: 630px;
	top: 76px;
}
#rhtCat13txt {
	left: 630px;
	top: 0px;
}
#rhtPic13 {
	left: 854px;
	top: 0px;
}
/* row 2 */
#rhtCat21 {
	left: 0px;
	top: 196px;
}
#rhtCat21txt {
	width: 220px;
	left: 0px;
	top: 120px;
}
#rhtPic21 {
	left: 224px;
	top: 120px;
}
/**/
#rhtCat22 {
	left: 315px;
	top: 196px;
}
#rhtCat22txt {
	left: 315px;
	top: 120px;
}
#rhtPic22 {
	left: 539px;
	top: 120px;
}
/**/
#rhtCat23 {
	left: 630px;
	top: 196px;
}
#rhtCat23txt {
	left: 630px;
	top: 120px;
}
#rhtPic23 {
	left: 854px;
	top: 120px;
}
/* row 3 */
#rhtCat31 {
	left: 0px;
	top: 316px;
}

#rhtCat31txt {
	left: 0px;
	top: 240px;
}
#rhtPic31 {
	left: 224px;
	top: 240px;
}
/**/
#rhtCat32 {
	left: 315px;
	top: 316px;
}
#rhtCat32txt {
	left: 315px;
	top: 240px;
}
#rhtPic32 {
	left: 539px;
	top: 240px;
}
/**/
#rhtCat33 {
	left: 630px;
	top: 316px;
}

#rhtCat33txt {
	left: 630px;
	top: 240px;
}
#rhtPic33 {
	left: 854px;
	top: 240px;
}
/* row 4 */
#rhtCat41 {
	left: 0px;
	top: 436px;
}
#rhtCat41txt {
	left: 0px;
	top: 360px;
}
#rhtPic41 {
	left: 224px;
	top: 360px;
}
/**/
#rhtCat42 {
	left: 315px;
	top: 436px;
}
#rhtCat42txt {
	left: 315px;
	top: 360px;
}
#rhtPic42 {
	left: 539px;
	top: 360px;
}
/**/
#rhtCat43 {
	left: 630px;
	top: 436px;
}
#rhtCat43txt {
	left: 630px;
	top: 360px;
}
#rhtPic43 {
	left: 854px;
	top: 360px;
}
/* row 5 */
#rhtCat51 {
	left: 0px;
	top: 556px;
}
#rhtCat51txt {
	left: 0px;
	top: 480px;
}
#rhtPic51 {
	left: 224px;
	top: 480px;
}
/**/
#rhtCat52 {
	left: 315px;
	top: 556px;
}
#rhtCat52txt {
	left: 315px;
	top: 480px;
}
#rhtPic52 {
	left: 539px;
	top: 480px;
}
/**/
#rhtCat53 {
	left: 630px;
	top: 556px;
}
#rhtCat53txt {
	left: 630px;
	top: 480px;
}
#rhtPic53 {
	left: 854px;
	top: 480px;
}
/* row 6 */
#rhtCat61 {
	left: 0px;
	top: 676px;
}
#rhtCat61txt {
	left: 0px;
	top: 600px;
}
#rhtPic61 {
	left: 224px;
	top: 600px;
}
/**/
#rhtCat62 {
	left: 315px;
	top: 676px;
}
#rhtCat62txt {
	left: 315px;
	top: 600px;
}
#rhtPic62 {
	left: 539px;
	top: 600px;
}
/**/
#rhtCat63 {
	left: 630px;
	top: 676px;
}
#rhtCat63txt {
	left: 630px;
	top: 600px;
}
#rhtPic63 {
	left: 854px;
	top: 600px;
}

/*------Thumbnail pics----------*/

/*------Black----------*/

.thumbnailblack{ 
position: relative; 
z-index: 0; 
}
 
.thumbnailblack:hover{ 
background-color: transparent; 
z-index: 50; 
}
 
.thumbnailblack span{ /*CSS for enlarged image*/ 
position:fixed;
top:156px;
margin-left:670px;
background-color: #000000; 
padding: 2px; 
visibility: hidden; 
color: black; 
text-decoration: none;
text-align:center;
}
 
.thumbnailblack span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
}
 
.thumbnailblack:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
}

/*------Magenta----------*/

.thumbnailmagenta{ 
position: relative; 
z-index: 0; 
}
 
.thumbnailmagenta:hover{ 
background-color: transparent; 
z-index: 50; 
}
 
.thumbnailmagenta span{ /*CSS for enlarged image*/ 
position:fixed;
top:156px;
margin-left:670px;
background-color: #c63b7f; 
padding: 2px; 
visibility: hidden; 
color: black; 
text-decoration: none;
text-align:center;
}
 
.thumbnailmagenta span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
}
 
.thumbnailmagenta:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
}

/*------Pink----------*/

.thumbnailpink{ 
position: relative; 
z-index: 0; 
}
 
.thumbnailpink:hover{ 
background-color: transparent; 
z-index: 50; 
}
 
.thumbnailpink span{ /*CSS for enlarged image*/ 
position:fixed;
top:156px;
margin-left:670px;
background-color: #c667c3; 
padding: 2px; 
visibility: hidden; 
color: black; 
text-decoration: none;
text-align:center;
}
 
.thumbnailpink span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
}
 
.thumbnailpink:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
}

/*------Crimson----------*/

.thumbnailcrimson{ 
position: relative; 
z-index: 0; 
}
 
.thumbnailcrimson:hover{ 
background-color: transparent; 
z-index: 50; 
}
 
.thumbnailcrimson span{ /*CSS for enlarged image*/ 
position:fixed;
top:156px;
margin-left:670px;
background-color: #700411; 
padding: 2px; 
visibility: hidden; 
color: white; 
text-decoration:none;
text-align:center;
}
 
.thumbnailcrimson span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
}
 
.thumbnailcrimson:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
}

/*------Red----------*/

.thumbnailred{ 
position: relative; 
z-index: 0; 
}
 
.thumbnailred:hover{ 
background-color: transparent; 
z-index: 50; 
}
 
.thumbnailred span{ /*CSS for enlarged image*/ 
position:fixed;
top:156px;
margin-left:670px;
background-color: #b51a15; 
padding: 2px; 
visibility: hidden; 
color: white; 
text-decoration:none;
text-align:center;
}
 
.thumbnailred span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
}
 
.thumbnailred:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
}

/*------Orange----------*/

.thumbnailorange{ 
position: relative; 
z-index: 0; 
}
 
.thumbnailorange:hover{ 
background-color: transparent; 
z-index: 50; 
}
 
.thumbnailorange span{ /*CSS for enlarged image*/ 
position:fixed;
top:156px;
margin-left:670px;
background-color: #c84b13; 
padding: 2px; 
visibility: hidden; 
color: white; 
text-decoration:none;
text-align:center;
}
 
.thumbnailorange span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
}
 
.thumbnailorange:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
}

/*------Amber----------*/

.thumbnailamber{ 
position: relative; 
z-index: 0; 
}
 
.thumbnailamber:hover{ 
background-color: transparent; 
z-index: 50; 
}
 
.thumbnailamber span{ /*CSS for enlarged image*/ 
position:fixed;
top:156px;
margin-left:670px;
background-color: #db9114; 
padding: 2px; 
visibility: hidden; 
color: black; 
text-decoration:none;
text-align:center;
}
 
.thumbnailamber span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
}
 
.thumbnailamber:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
}

/*------Yellow----------*/

.thumbnailyellow{ 
position: relative; 
z-index: 0; 
}
 
.thumbnailyellow:hover{ 
background-color: transparent; 
z-index: 50; 
}
 
.thumbnailyellow span{ /*CSS for enlarged image*/ 
position:fixed;
top:156px;
margin-left:670px;
background-color: #c1ad0e; 
padding: 2px; 
visibility: hidden; 
color: black; 
text-decoration:none;
text-align:center;
}
 
.thumbnailyellow span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
}
 
.thumbnailyellow:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
}

/*------Lime----------*/

.thumbnaillime{ 
position: relative; 
z-index: 0; 
}
 
.thumbnaillime:hover{ 
background-color: transparent; 
z-index: 50; 
}
 
.thumbnaillime span{ /*CSS for enlarged image*/ 
position:fixed;
top:156px;
margin-left:670px;
background-color: #889f33; 
padding: 2px; 
visibility: hidden; 
color: black; 
text-decoration:none;
text-align:center;
}
 
.thumbnaillime span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
}
 
.thumbnaillime:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
}

/*------Green----------*/

.thumbnailgreen{ 
position: relative; 
z-index: 0; 
}
 
.thumbnailgreen:hover{ 
background-color: transparent; 
z-index: 50; 
}
 
.thumbnailgreen span{ /*CSS for enlarged image*/ 
position:fixed;
top:156px;
margin-left:670px;
background-color: #679b15; 
padding: 2px; 
visibility: hidden; 
color: white; 
text-decoration:none;
text-align:center;
}
 
.thumbnailgreen span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
}
 
.thumbnailgreen:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
}

/*------Emerald----------*/

.thumbnailemerald{ 
position: relative; 
z-index: 0; 
}
 
.thumbnailemerald:hover{ 
background-color: transparent; 
z-index: 50; 
}
 
.thumbnailemerald span{ /*CSS for enlarged image*/ 
position:fixed;
top:156px;
margin-left:670px;
background-color: #42890f; 
padding: 2px; 
visibility: hidden; 
color: white; 
text-decoration:none;
text-align:center;
}
 
.thumbnailemerald span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
}
 
.thumbnailemerald:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
}

/*------Olive----------*/

.thumbnailolive{ 
position: relative; 
z-index: 0; 
}
 
.thumbnailolive:hover{ 
background-color: transparent; 
z-index: 50; 
}
 
.thumbnailolive span{ /*CSS for enlarged image*/ 
position:fixed;
top:156px;
margin-left:670px;
background-color: #566953; 
padding: 2px; 
visibility: hidden; 
color: white; 
text-decoration:none;
text-align:center;
}
 
.thumbnailolive span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
}
 
.thumbnailolive:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
}

/*------Teal----------*/

.thumbnailteal{ 
position: relative; 
z-index: 0; 
}
 
.thumbnailteal:hover{ 
background-color: transparent; 
z-index: 50; 
}
 
.thumbnailteal span{ /*CSS for enlarged image*/ 
position:fixed;
top:156px;
margin-left:670px;
background-color: #308a95; 
padding: 2px; 
visibility: hidden; 
color: white; 
text-decoration:none;
text-align:center;
}
 
.thumbnailteal span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
}
 
.thumbnailteal:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
}

/*------Cyan----------*/

.thumbnailcyan{ 
position: relative; 
z-index: 0; 
}
 
.thumbnailcyan:hover{ 
background-color: transparent; 
z-index: 50; 
}
 
.thumbnailcyan span{ /*CSS for enlarged image*/ 
position:fixed;
top:156px;
margin-left:670px;
background-color: #238dcb; 
padding: 2px; 
visibility: hidden; 
color: white; 
text-decoration:none;
text-align:center;
}
 
.thumbnailcyan span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
}
 
.thumbnailcyan:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
}

/*------Cobalt----------*/

.thumbnailcobalt{ 
position: relative; 
z-index: 0; 
}
 
.thumbnailcobalt:hover{ 
background-color: transparent; 
z-index: 50; 
}
 
.thumbnailcobalt span{ /*CSS for enlarged image*/ 
position:fixed;
top:156px;
margin-left:670px;
background-color: #135ce6; 
padding: 2px; 
visibility: hidden; 
color: white; 
text-decoration:none;
text-align:center;
}
 
.thumbnailcobalt span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
}
 
.thumbnailcobalt:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
}

/*------Indigo----------*/

.thumbnailindigo{ 
position: relative; 
z-index: 0; 
}
 
.thumbnailindigo:hover{ 
background-color: transparent; 
z-index: 50; 
}
 
.thumbnailindigo span{ /*CSS for enlarged image*/ 
position:fixed;
top:156px;
margin-left:670px;
background-color: #573be8; 
padding: 2px; 
visibility: hidden; 
color: white; 
text-decoration:none;
text-align:center;
}
 
.thumbnailindigo span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
}
 
.thumbnailindigo:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
}

/*------Mauve----------*/

.thumbnailmauve{ 
position: relative; 
z-index: 0; 
}
 
.thumbnailmauve:hover{ 
background-color: transparent; 
z-index: 50; 
}
 
.thumbnailmauve span{ /*CSS for enlarged image*/ 
position:fixed;
top:156px;
margin-left:670px;
background-color: #71649a; 
padding: 2px; 
visibility: hidden; 
color: white; 
text-decoration:none;
text-align:center;
}
 
.thumbnailmauve span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
}
 
.thumbnailmauve:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
}

/*------Violet----------*/

.thumbnailviolet{ 
position: relative; 
z-index: 0; 
}
 
.thumbnailviolet:hover{ 
background-color: transparent; 
z-index: 50; 
}
 
.thumbnailviolet span{ /*CSS for enlarged image*/ 
position:fixed;
top:156px;
margin-left:670px;
background-color: #865cda; 
padding: 2px; 
visibility: hidden; 
color: white; 
text-decoration:none;
text-align:center;
}
 
.thumbnailviolet span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
}
 
.thumbnailviolet:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
}

/*------Steel----------*/

.thumbnailsteel{ 
position: relative; 
z-index: 0; 
}
 
.thumbnailsteel:hover{ 
background-color: transparent; 
z-index: 50; 
}
 
.thumbnailsteel span{ /*CSS for enlarged image*/ 
position:fixed;
top:156px;
margin-left:670px;
background-color: #5b7189; 
padding: 2px; 
visibility: hidden; 
color: white; 
text-decoration:none;
text-align:center;
}
 
.thumbnailsteel span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
}
 
.thumbnailsteel:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
}

/*------Taupe----------*/

.thumbnailtaupe{ 
position: relative; 
z-index: 0; 
}
 
.thumbnailtaupe:hover{ 
background-color: transparent; 
z-index: 50; 
}
 
.thumbnailtaupe span{ /*CSS for enlarged image*/ 
position:fixed;
top:156px;
margin-left:670px;
background-color: #807353; 
padding: 2px; 
visibility: hidden; 
color: white; 
text-decoration:none;
text-align:center;
}
 
.thumbnailtaupe span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
}
 
.thumbnailtaupe:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
}

/*------Brown----------*/

.thumbnailbrown{ 
position: relative; 
z-index: 0; 
}
 
.thumbnailbrown:hover{ 
background-color: transparent; 
z-index: 50; 
}
 
.thumbnailbrown span{ /*CSS for enlarged image*/ 
position:fixed;
top:156px;
margin-left:670px;
background-color: #694d37; 
padding: 2px; 
visibility: hidden; 
color: white; 
text-decoration:none;
text-align:center;
}
 
.thumbnailbrown span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
}
 
.thumbnailbrown:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
}