/* Normal Text	*/
body,p,ul,ol,li,div,td,th,address,blockquote,i      
{font-family: comic-sans,Arial, Helvetica, sans-serif; font-size: 12px; 			text-decoration: none; 	color:#663366; }

h2.sku {font-family: comic-sans,Arial, Helvetica, sans-serif; font-size: 12px; 			text-decoration: none; 	color:#663366; font-weight:normal;margin:0;}


b{font-family: comic-sans,Arial, Helvetica, sans-serif; font-size: 12px; 			 }

h4  {    font-family: comic-sans,Arial, Helvetica, sans-serif; 	font-size: 14px; 			text-decoration: none; 			}
h3 	{  			font-family: Arial, Helvetica, sans-serif; 			font-size: 16px; 			color: #663366; 			font-weight: heavy; 			text-decoration: none;		}
h2 	{  			font-family: Arial, Helvetica, sans-serif; 			font-size: 18px; 			font-weight: bold; 			text-decoration: none;			font-color:#666699; 		}
h1 	{ font-family: Arial, Helvetica, sans-serif; font-size: 20px; 			font-weight: normal; text-decoration: none;		}
sup 	{  			font-family: Arial, Helvetica, sans-serif; 			font-size: 9px; 			font-weight: normal; 			text-decoration: none;		}
.small	{  			font-family: Arial, Helvetica, sans-serif; 			font-size: 9px; 			font-weight: normal; 			text-decoration: none;		}
.smallhm	{  			font-family: Arial, Helvetica, sans-serif; 			font-size: 10px; 			font-weight: normal; 			text-decoration: none;		}
select,input,textarea	{  			font-family: Verdana,Arial,Helvetica, sans-serif; 			font-size: 10px; 			font-weight: normal; 			text-decoration: none;		}
.nav	{  			font-family:Arial,Helvetica,sans-serif; 			font-size: 12px; 			font-weight: normal; 			text-decoration: none;					}
.edit a:link{  			font-family:Arial,Helvetica,sans-serif; 			font-weight: bold; 			color:#003399;			text-decoration: none;			}						
.edit a:hover{  			font-family:Arial,Helvetica,sans-serif; 			font-weight: bold; 			color:#C03;			text-decoration: none;			}			
.edit a:visited {  			font-family:Arial,Helvetica,sans-serif; 			font-weight: bold; 			color:#039;			text-decoration: none;			}						
.navside	{  			font-family:Arial,Helvetica,sans-serif; 			font-size: 11px; 			font-weight: normal; 			color:#663366;			text-decoration: none;			}
.navside a:hover	{  			font-family:Arial,Helvetica,sans-serif; 			font-size: 11px; 			font-weight: normal; 			color:#CC0033;			text-decoration: none;			}
.navsidew	{  	font-family:Arial,Helvetica,sans-serif; 			color:#ffffff;	background:#636;	font-size: 11px; 	font-weight: normal; text-decoration: none;	}

.navsidew:hover	{  font-family:Arial,Helvetica,sans-serif; color:#FFCC33;			font-size: 11px; font-weight: normal; text-decoration: none;	}		

/*FOR LOGIN*/

.login-block{display:block; width:320px;height:200px; padding:6px; border: solid 1px; border-color:#653366;}

.login-bar{
font-family:Arial,Helvetica, sans-serif;
font-size:12px;
margin-bottom: 5px;
background-color:#653366;
background-image:url(images/button_b.gif);
color:#fff;
padding:2px;
padding-left:15px;
text-align:left;
font-weight:bold;}

.menu {  
			font-family:Arial,Helvetica,sans-serif; 
			font-size: 10px; 
			font-weight: bold; 
			text-decoration: none;
			line-height: 1.5;
			
		}	

.errorborder{
color:red;
/*border:2px solid red;
padding:6px 6px 6px 6px;
background:#f8dada;
width:60%;
margin:0 auto 0 auto;*/}
/* FOR EXPANDING MENU	*/			
.menutitle{
cursor:pointer;font-family:Arial,Helvetica, sans-serif;font-size:12px;margin-bottom: 5px;background-color:#653366;
background-image:url(images/button_b.gif);
color:#fff;width:145px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */}
.menutitle a{color:#fff; text-decoration:none;}
.menutitle a:hover{color:#fc3;}
.submenu{margin-bottom: 0.5em;}
.menuitem{margin: 0 0 0.5em 6px;}
.current-cart{background:#ccf;color:#009;}
.quote-cart{background:#dddddd;color:#009;}
/* END FOR EXPANDING MENU	*/	

.prodhdr	{  
font-family:Arial,Helvetica,sans-serif;
color:#ffffff;	
background:#606;
font-size: 11px;
font-weight: bold;
text-decoration: none;	
}

/* FOR FLYPAGE PROD TABLE*/
td.prodtable {
 	font-size: 11px;
 	border-bottom: #ccc;
 	border-width: 0 0 1px 0;
 	border-style: none none solid none;
 }
 h2.prodtable {
 	font-size: 11px;
 	border-width: 0;
 	border-style: none ;
 	margin:0;
 	font-weight:normal;
 }
 
.prod	{  
font-family: comic-sans,Arial,Helvetica,sans-serif; 
color:#663366;
font-size: 11px; 
font-weight: normal; 
text-decoration: none;
border-left: 1px solid #606; 
 border-right: 1px solid #606;
 border-bottom: 1px solid #606;		
 }	
.new { color:red;}
.menulink a:link	{  			text-decoration: none;			}	
.menulink a:hover	{  			text-decoration: none;
		background:#FFFF99;		}					
.small	{  			font-family: Arial, Helvetica, sans-serif; 			font-size: 10px;			color:#663366; 			font-weight: normal; 			text-decoration: none;		}
.spaced-hdr	{  font-family:Arial,Helvetica,sans-serif; 	font-size: 14px; 			font-weight: bold; 	text-decoration: none;	letter-spacing:.25em					}	
.tag	{  			font-family:Times New Roman,Times,serif; 			 			font-size: 11px; 			font-weight: normal; 			text-decoration: none;			color:#663366;					}			div#bline {border-bottom: 1px solid #606;}
.buddyprod img {	border: 1px solid #ccc;}

/* FOR REPORTS	*/	
.cellgrey {
background:  #ccc;
padding: 3px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
font-family: Verdana,Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #000;
}
.cellwh {
background:  #fff;
padding: 3px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
font-family: Verdana,Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #000;
}
.reporthdr {
background:  #ccccff;
padding: 3px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
font-family: Verdana,Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #000;
}
.reportcat {
background:  #ffcc99;
padding: 3px;
border-bottom: 1px solid #000;
font-family: Verdana,Arial, Helvetica, sans-serif; 
font-size: 14px;
font-weight:bold; 
color: #000;
}
.reportparent {
background:  #ccc;
padding: 3px;
border-bottom: 1px solid #000;
font-family: Verdana,Arial, Helvetica, sans-serif; 
font-size: 12px;
font-weight:bold; 
color: #000;
}
.reporttotal{
background: #ffcc00;
padding: 3px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
font-family: Verdana,Arial, Helvetica, sans-serif; 
font-size: 12px;
font-weight:bold; 
color: #000;
}
.reporttoplevelsequence {
background:  #ffcc66;
padding: 3px;
border-bottom: 1px solid #000;
font-family: Verdana,Arial, Helvetica, sans-serif; 
font-size: 14px;
font-weight:bold; 
color: #000;
}
/* END REPORT STYLES */
/* Begin UPS TRACKING */
#upspage{
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #000;
background:#fff; }

#upspage td{
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #000;
background:#transparent; }

#upspage p{
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #000;
background:#transparent; }


table.track 
{
	border-color: #000;
	border-width: 1px;
	background:#dddad1;
	padding:6px
}

.track-title {  font-family: Arial, Helvetica, sans-serif; 
font-size: 13px; 
color: #333; 
font-weight: heavy;
text-decoration: none;}

.upstn{font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #000;
background:#fff;
padding: 6px;
}

.upstn-b{font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #000;
background:#eae9e3;
padding: 6px;
}

th.upstn{font-family: Arial, Helvetica, sans-serif; 
text-align:left;
font-size: 11px; 
color: #fff;
background:#333;
font-weight:bold;
}
tr.upstd{font-family: Arial, Helvetica, sans-serif; 
text-align:left;
font-size: 11px; 
color: #fff;
background:#ccc;
font-weight:bold;
}
/* END UPS TRACKING */

/*FOR IMAGE POP_UP*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

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

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

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

}