/* #ff8c00 -----ORANGE HOVER COLOR*/
/* link hover */
A:hover {
	COLOR: #FF8C00
}



/* links for navigation top & bottom */
A.navbar{Font-Family:verdana,arial,helvetica; font-size:13px; color:white; text-decoration:none; font-weight: 500; line-height: 150%;}
A.navbar:hover{color: #ffd200;text-decoration:underline;}


/* links for navigation left hand column */
A.lhnavbar{Font-Family:verdana,arial,helvetica; font-size:13px; color:#003399; text-decoration:underline; font-weight: 400; }
A.lhnavbar:hover{color: #cc0000;text-decoration:none; background-color: #ffd200;}


/* links for SubHead in navigation left hand column */
A.lhnavbarsub{Font-Family:verdana,arial,helvetica; font-size:13px; color:#ffffff; text-decoration:underline; font-weight: 400; }
A.lhnavbarsub:hover{color: #cc0000;text-decoration:none; background-color: #ffd200;}


/* links for FREE Catalog */
A.freecatalog{Font-Family:verdana,arial,helvetica; font-size:13px; color:white; text-decoration:none; font-weight: 600; line-height: 150%;}
A.freecatalog:hover{color: #ffd200;text-decoration:underline;}


.pipe {
font: normal normal 500 12px "verdana,arial,helvetica";
color:white;
margin: 0px 5px;}


/* body text font */
.text {Font-Family:VERDANA, ARIAL, HELVETICA; font-size:13px; color:black; text-decoration:none; font-weight: 400; }
A.text:hover{color: #ffd200;text-decoration:underline;}


/* page title font */
.H1 {Font-Family:VERDANA, ARIAL, HELVETICA; font-size:20px; color:NAVY; text-decoration:none; font-weight:bold;}
.H1:hover{color: #ffd200;text-decoration:underline;}


/* page title font */
.H2 {Font-Family:VERDANA, ARIAL, HELVETICA; font-size:16px; color:NAVY; text-decoration:none; font-weight:bold;}
.H2:hover{color: #ffd200;text-decoration:underline;}


/* page title font */
.H3 {Font-Family:VERDANA, ARIAL, HELVETICA; font-size:13px; color:NAVY; text-decoration:none; font-weight:bold;}
.H3:hover{color: #ffd200;text-decoration:underline;}



/* page title font */
.H4 {Font-Family:VERDANA, ARIAL, HELVETICA; font-size:13px; color:NAVY; text-decoration:none; font-weight:400;}
.H4:hover{color: #ffd200;text-decoration:underline;}



/*  BUY NOW Button  */
.buynow {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
color: #ffffff;
font-weight: bold;
background: #cc0000 url(images/redarrow.gif) right center no-repeat;
border-right: 2px solid #990000; border-bottom: 2px solid #990000;
border-left: 2px solid #ee0000; border-top: 2px solid #ee0000;
padding: 0px 4px;
padding-right: 20px; 
overflow: visible;
margin: 0px;
margin-top: 4px;
}
.buynow:hover {
border-right: 2px solid #ee0000; border-bottom: 2px solid #ee0000;
border-left: 2px solid #990000; border-top: 2px solid #990000;
}

/*  ADD TO CART Button  */
.addtocart {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10pt;
color: #ffffff;
font-weight: bold;
background: #cc0000;
border-right: 2px solid #990000; border-bottom: 2px solid #990000;
border-left: 2px solid #ee0000; border-top: 2px solid #ee0000;
padding: 0px 4px;
overflow: visible;
}
.addtocart:hover {
border-right: 2px solid #ee0000; border-bottom: 2px solid #ee0000;
border-left: 2px solid #990000; border-top: 2px solid #990000;
}

/*  CHANGE Button  */
.changebtn {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
color: #000080;
font-weight: bold;
background: #ffff85;
border-right: 2px solid #b6b666; border-bottom: 2px solid #b6b666;
border-left: 2px solid #ffff91; border-top: 2px solid #ffff91;
padding: 0px 4px;
margin: 2px;
overflow: visible;
}
.changebtn:hover {
border-right: 2px solid #ffff91; border-bottom: 2px solid #ffff91;
border-left: 2px solid #b6b666; border-top: 2px solid #b6b666;
}

/*  BACK Button  */
.backbtn {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
color: #ffffff;
font-weight: bold;
background: #00B82E url(images/leftarrow.gif) left center no-repeat;
border-right: 2px solid #207c37; border-bottom: 2px solid #207c37;
border-left: 2px solid #3aba5a; border-top: 2px solid #3aba5a;
padding: 0px 4px;
padding-left: 20px; 
overflow: visible;
margin: 2px;
}
.backbtn:hover {
border-right: 2px solid #3aba5a; border-bottom: 2px solid #3aba5a;
border-left: 2px solid #207c37; border-top: 2px solid #207c37;
}



/* Begin CSS Script #0 for Images on very left edge of center column */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 75;
left: -255px; /*position where enlarged image should offset horizontally */

}



/*  Active position above of -250px centers a 900px image on a 935px wide page */
/*  top: 100; --- adjusts position below the original thumbnail */
/*  left: 60px; /*position where enlarged image should offset horizontally */
/*  End CSS Script #0 for Images */
















/*  Begin CSS Script #1 for Images on center of center column */
.thumbnail1{
position: relative;
z-index: 0;
}

.thumbnail1:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail1 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail1 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail1:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 75;
left: -255px; /*position where enlarged image should offset horizontally */

}



/*  Active position above of -250px centers a 900px image on a 935px wide page */
/*  top: 100; --- adjusts position below the original thumbnail */
/*  left: 60px; /*position where enlarged image should offset horizontally */
/*  End CSS Script #1 for Images */







/*  Begin CSS Script #2 for Images on center of center column */
/*  Used for text pop-ups at same vertical height - started at top: 75; */

.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail2 span{ /* CSS for enlarged image */
position: absolute;
background-color:  lightgray;
padding: 10px;   /* changes border bgcolor of popup */
left: -1000px;
border: 2px dashed gray;  /* changes border width of popup */
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /* CSS for enlarged image */
border-width: 3px;
padding: 2px;
}

.thumbnail2:hover span{ /* CSS for enlarged image on hover */
visibility: visible;
top: -250px;
left: -580px; /* position where enlarged image should offset horizontally */
}



/*  Active position above of -250px centers a 900px image on a 935px wide page */
/*  top: 100; --- adjusts position below the original thumbnail */
/*  left: 60px; /*position where enlarged image should offset horizontally */
/*  End CSS Script #2 for Images */







/*  Begin CSS Script #3 for Images on center of center column */

.thumbnail3{
position: relative;
z-index: 0;
}

.thumbnail3:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail3 span{ /* CSS for enlarged image */
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail3 span img{ /* CSS for enlarged image */
border-width: 0;
padding: 2px;
}

.thumbnail3:hover span{ /* CSS for enlarged image on hover */
visibility: visible;
top: 75;
left: -500px; /* position where enlarged image should offset horizontally */

}



/*  Active position above of -250px centers a 900px image on a 935px wide page */
/*  top: 100; --- adjusts position below the original thumbnail */
/*  left: 60px; /*position where enlarged image should offset horizontally */
/*  End CSS Script #3 for Images */





/*  Begin CSS Script #4 for Images on right edge of center column */

.thumbnail4{
position: relative;
z-index: 0;
}

.thumbnail4:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail4 span{ /* CSS for enlarged image */
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail4 span img{ /* CSS for enlarged image */
border-width: 0;
padding: 2px;
}

.thumbnail4:hover span{ /* CSS for enlarged image on hover */
visibility: visible;
top: 75;
left: -700px; /* position where enlarged image should offset horizontally */

}



/*  Active position above of -250px centers a 900px image on a 935px wide page */
/*  top: 100; --- adjusts position below the original thumbnail */
/*  left: 60px; /*position where enlarged image should offset horizontally */
/*  End CSS Script #4 for Images */