/* ---------------------- Blueslate nav ---------------------- */
.blue #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(images/blueslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.blue #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.blue #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.blue #slatenav ul li a{display:block;float:left;color:#D5F1FF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{color:#fff;background:transparent url(images/blueslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Blueslate nav ---------------------- */

/* ---------------------- vertical menu ---------------------- */
.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 12px Arial;
color: white;
background: black url(images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #000000;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #dadada;
font-size: 70%;
}

.arrowlistmenu ul li a:visited{
color: #666666;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #000000;
background-color: #F3F3F3;
}
/* ----------------------END vertical menu ---------------------- */

.hot-leftbar{
background-image:url('hot-leftbar.gif');
background-repeat: no-repeat;
}
.hot-rightbar{
background-image:url('hot-rightbar.gif');
background-repeat: no-repeat;
}

.horizontal_top_line 
{ border-top: 1px dotted #CCCCCC; 
} 
.horizontal_bottom_line 
{ border-bottom: 1px dotted #CCCCCC; 
} 
.vertical_dotted_line 
{ border-right: 1px dotted #cccccc; 
} 
.price {
	FONT-SIZE: 14px; COLOR: #FFFFFF; FONT-FAMILY: impact;
}
.price2 {
	FONT-SIZE: 22px; COLOR: #FF0000; FONT-FAMILY: impact;
}
.dollar {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #FFFFFF; FONT-FAMILY: impact
}

.categoryname {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #0097d5; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.tollfree {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #000000; FONT-FAMILY: impact
}
.hrnav a {
	FONT-SIZE: 9px; FLOAT: center; COLOR: #999999; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;  text-decoration:none;
}

.hrnav a:hover {
	FONT-SIZE: 9px; FLOAT: center; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-decoration:none
}

.bottomnav a {
	FONT-SIZE: 10px; COLOR: #999999; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.bottomnav a:hover {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.bottomnavcat {
	FONT-SIZE: 13px; COLOR: #0095d9; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold
}

.hotproduct a {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none
}

.hotproduct a:hover {
	FONT-SIZE: 12px; COLOR: #0097d5; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none
}

.view a {
	FONT-SIZE: 10px; COLOR: #999999; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none
}

.view a:hover {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; font-weight:bold;
}

.mainproduct {
	FONT-SIZE: 14px; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
}

.sku {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold
}

.text {
	FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align: justify;
}

.addtocart a {
	FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight: bold; margin-bottom:10px;
}
.addtocart a:hover {
	FONT-SIZE: 10px; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight: bold;
}

.details a {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight: bold;
}

.details a:hover {
	FONT-SIZE: 10px; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; 
}

.left-nav a {color: #333333;
background-color: ;
padding: 2px;
padding-left: 3px;
display: block;
border-bottom: 1px solid ;
font: 11px Verdana, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;}

.left-nav a:hover {
 color: #FFCC33;
 text-decoration: none;
}

.component {
	MARGIN-TOP: 20px; MARGIN-bottom: 10px; FONT-WEIGHT: none; FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: verdana
}
.copyright {
	FONT-WEIGHT: none; FONT-SIZE: 9px; FLOAT: center; COLOR: #666666; FONT-FAMILY: verdana
}
.orderboxtext {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: verdana;
}
.productpagename {
	FONT-WEIGHT: normal; FONT-SIZE: 20px; COLOR: #FF0000; FONT-FAMILY: impact;
}
.catprdname {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #FF0000; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.product-name a {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #333366; FONT-FAMILY: verdana; text-decoration:none;
}
.product-name a:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #00CCFF; FONT-FAMILY: verdana; text-decoration:none;
}
.bottom a {
	FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none;
}
.bottom a:hover {
	FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none;
}
.newproduct {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.product-desc {
	MARGIN-TOP: 10px; FONT-WEIGHT: none; FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: verdana
}
.brief {
	FONT-WEIGHT: none; FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.hr-nav {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #FFFFFF; FONT-FAMILY: verdana
}
.read-more {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #c5271c; FONT-FAMILY: verdana
}

.buy_now {
	MARGIN-TOP: 10px; FLOAT: left; MARGIN-RIGHT: 10px
	}
	
.site-name a {
	FONT-WEIGHT: bold; FONT-SIZE: 28px; FLOAT: left; COLOR: #00CCFF; FONT-FAMILY: verdana; text-decoration:none;
}
.site-name a:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 28px; FLOAT: left; COLOR: #0099FF; FONT-FAMILY: verdana; text-decoration:none;
}

#styletwo{position:relative;display:block;height:24px;font-size:11px;font-weight:bold;background:transparent url(images/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;}
#styletwo ul{margin:0;padding:0;list-style-type:none;width:auto;}
#styletwo ul li{display:block;float:left;margin:0 1px 0 0;}
#styletwo ul li a{display:block;float:left;color:#000;text-decoration:none;padding:6px 20px 0 20px;height:24px;}
#styletwo ul li a:hover,#styletwo ul li a.current{color:#fff;background:transparent url(images/bgON.gif) repeat-x top left;}


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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #999999;
padding: 5px;
left: -1000px;
border: 1px solid 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: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
#navlist { list-style-image: url(images/dot.jpg); }