/* CSS Document */

/* HTML styles */
html {
	margin: 0px;
	padding: 0px;
	}
	
body {
		background-color: #ffffff;
		text-decoration: none;
		font: 13px/16px arial, verdana,helvetica,sans-serif;
		color: #000;
		margin: 0px;
		padding: 0px;
		}
		
a {color: #666699; background: white; text-decoration: none;}
a.visited {color: #666699;}
a.under:hover {text-decoration: underline;}
a.active {text-decoration: underline;}
		
h1{
	text-align: left;
	font: bold 18px/26px arial, verdana,helvetica,sans-serif;
	margin-left: 10px;	
	color: #625CB3;	
}	

h2.popUp{
	font: bold 20px/20px arial, verdana,helvetica,sans-serif;	
	color: #625CB3;		
	text-align: center;
}

h2.title{
	font: bold 18px/26px arial, verdana,helvetica,sans-serif;	
	color: #000;	
	text-align: center;
}

H3.contact {
	font: bold 16px/20px arial, verdana,helvetica,sans-serif;	
	color: #000;	
	text-align: center;
	}

H3.red {
	font: bold 16px/20px arial, verdana,helvetica,sans-serif;	
	color: #cc0000;	
	text-align: center;
	}

#container {
	position:absolute;
	left:50%;
	top:0px;
	width:808px;
	margin-top:0px;
	margin-left:-404px;
	padding:0px;
	background-color: #ffffff;
	}			


table.mainTable{
	 width: 808px; 
	}
	
.borders   {  	border: 3px #cccccc solid;}

.bordersNR {  	border-top: 3px #cccccc solid;
		border-right: 3px #cccccc none; 
		border-bottom: 3px #cccccc solid;
		border-left: 3px #cccccc solid; 
}

.bordersNL {  	border-top: 3px #cccccc solid; 
		border-right: 3px #cccccc solid;	
		border-bottom: 3px #cccccc solid; 
		border-left: 3px #cccccc none;
}

.bordersNT {  	border-top: 3px #cccccc none; 
		border-right: 3px #cccccc solid;
		border-bottom: 3px #cccccc solid; 
		border-left: 3px #cccccc solid; 
}

.bordersNB {  	border-top: 3px #cccccc solid;
		border-right: 3px #cccccc solid;
		border-bottom: 3px #cccccc none; 
		border-left: 3px #cccccc solid; 
}

.bordersRO {  	border-top: 3px #cccccc none; 
		border-right: 3px #cccccc solid; 
		border-bottom: 3px #cccccc none;
		border-left: 3px #cccccc none; 
}

.bordersTO {  	border-top: 3px #cccccc solid;
		border-right: 3px #cccccc none;
		border-bottom: 3px #cccccc none;
		border-left: 3px #cccccc none; 
}

.bordersROBO {  border-top: 3px #cccccc none;
		border-right: 3px #cccccc solid; 
		border-bottom: 3px #cccccc solid;
		border-left: 3px #cccccc none;  
		 
}

.bordersBO {  	border-top: 3px #cccccc none; 
		border-right: 3px #cccccc none;
		border-bottom: 3px #cccccc solid; 
		border-left: 3px #cccccc none; 
		
		 
}

p.tagline {
		margin-left: .5em; 
		margin-right: .5em; 
		color: #625CB3; 
		text-align: center;	
		font: bold 11px/14px arial, verdana,helvetica,sans-serif;	
		}

/*Top Menu Links*/
td.menu{
	width: 490px;
}

 #navcontainer{
	margin: 0px;
	padding: 0px;
	height: 57px;
	width: 490px;
	}

#navcontainer ul{
	border: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
	
	
#navcontainer ul li.home{
	display: block;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px;
	width: 75px;
	height: 54px;
	border-top: 3px #cccccc none;
	border-right: 3px #cccccc solid;
	border-bottom: 3px #cccccc solid;
	border-left: 3px #cccccc none;
	}

	
#navcontainer ul li.home a:hover{
	color: #000000;
	background: #FF9900;
	}
	
#navcontainer ul li.homeActive {
	display: block;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px;
	width: 75px;
	height: 54px;
	border-top: 3px #cccccc none;
	border-right: 3px #cccccc solid;
	border-bottom: 3px #cccccc solid;
	border-left: 3px #cccccc none;
	background-color: #FF9900;
	text-align: center;
	font: bold 14px/18px arial, verdana,helvetica,sans-serif;
	vertical-align: middle;	 
	}
	
#navcontainer ul li.catalog{
	display: block;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px;
	width: 75px;
	height: 54px;
	border-top: 3px #cccccc none;
	border-right: 3px #cccccc solid; 
	border-bottom: 3px #cccccc solid;
	border-left: 3px #cccccc none; 
	}
	

#navcontainer ul li.catalog a:hover{
	color: #000000;
	background: #4BBA14;
	}
	
#navcontainer ul li.catalogActive{
	display: block;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px;
	width: 75px;
	height: 54px;
	border-top: 3px #cccccc none;
	border-right: 3px #cccccc solid; 
	border-bottom: 3px #cccccc solid;
	border-left: 3px #cccccc none;
	background: #4BBA14;
	text-align: center;
	font: bold 14px/18px arial, verdana,helvetica,sans-serif;
	vertical-align: middle;	 
	}
	
#navcontainer ul li.catalogActive a{
	display: block;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px;
	width: 75px;
	height: 54px;
	border-top: 3px #cccccc none;
	border-right: 3px #cccccc solid; 
	border-bottom: 3px #cccccc solid;
	border-left: 3px #cccccc none;
	background: #4BBA14;
	text-align: center;
	font: bold 14px/18px arial, verdana,helvetica,sans-serif;
	vertical-align: middle; 
	}
	
#navcontainer ul li.password{
	display: block;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px;
	width: 146px;
	height: 54px;
	border-top: 3px #cccccc none;
	border-right: 3px #cccccc solid; 
	border-bottom: 3px #cccccc solid;
	border-left: 3px #cccccc none; 
	}
	
#navcontainer ul li.password a:hover{
	color: #000000;
	background: #5CA5EF;
	}
	
#navcontainer ul li.passwordActive{
	display: block;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px;
	width: 146px;
	height: 54px;
	border-top: 3px #cccccc none;
	border-right: 3px #cccccc solid; 
	border-bottom: 3px #cccccc solid;
	border-left: 3px #cccccc none; 
	background: #5CA5EF;
	text-align: center;
	font: bold 14px/18px arial, verdana,helvetica,sans-serif;
	vertical-align: middle;		 
	}
	
#navcontainer ul li.passwordActive a{
	display: block;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px;
	width: 146px;
	height: 54px;
	border-top: 3px #cccccc none;
	border-right: 3px #cccccc solid; 
	border-bottom: 3px #cccccc solid;
	border-left: 3px #cccccc none; 
	background: #5CA5EF;
	text-align: center;
	font: bold 14px/18px arial, verdana,helvetica,sans-serif;
	vertical-align: middle;		 
	}
	
#navcontainer ul li.tradeshows{
	display: block;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px;
	width: 96px;
	height: 54px;
	border-top: 3px #cccccc none;
	border-right: 3px #cccccc solid; 
	border-bottom: 3px #cccccc solid;
	border-left: 3px #cccccc none; 
	}
	
#navcontainer ul li.tradeshows a:hover{
	color: #000000;
	background: #D4D1EF;
	}
	
#navcontainer ul li.tradeshowsActive{
	display: block;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px;
	width: 96px;
	height: 54px;
	border-top: 3px #cccccc none;
	border-right: 3px #cccccc solid; 
	border-bottom: 3px #cccccc solid;
	border-left: 3px #cccccc none;
	background: #D4D1EF;
	text-align: center;
	font: bold 14px/18px arial, verdana,helvetica,sans-serif;
	vertical-align: middle;		 
	}
	
#navcontainer ul li.contact{
	display: block;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px;
	width: 86px;
	height: 54px;
	border-top: 3px #cccccc none;
	border-right: 3px #cccccc none; 
	border-bottom: 3px #cccccc solid;
	border-left: 3px #cccccc none; 
	font: bold 14px/18px arial, verdana,helvetica,sans-serif;
	}
	
#navcontainer ul li.contact a:hover{
	color: #000000;
	background: #FFFF66;
	}
	
#navcontainer ul li.contactActive{
	display: block;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px;
	width: 86px;
	height: 54px;
	border-top: 3px #cccccc none;
	border-right: 3px #cccccc none; 
	border-bottom: 3px #cccccc solid;
	border-left: 3px #cccccc none;
	background: #FFFF66;
	text-align: center;
	font: bold 14px/18px arial, verdana,helvetica,sans-serif;
	vertical-align: middle;		 
	}

#navcontainer ul li a{
	background: #ffffff;
	height: 54px;
	padding: 0px;
	margin: 0px;
	color: #000000;
	text-decoration: none;
	display: block;
	text-align: center;
	font: bold 14px/18px arial, verdana,helvetica,sans-serif;
	vertical-align: middle;		
}

/*body text*/
.bodyText{
	text-align: left;
	font: normal 12px/15px arial, verdana,helvetica,sans-serif;
	margin-left: 10px;	
	color: #000000;	
	}


td.tradeshowText {
	font: bold 13px/17px arial, helvetica,sans-serif; color: #000000; 
	padding-left:20px;
	}
	
/*contact us*/
td.contactStory {
	font: bold 13px/17px arial, helvetica,sans-serif;
	background: #ffffff; 
	color: #000000;
	padding-left: 20px; 
}	

div#old {float: right; margin: 10px 10px; padding: 5px 3px;}
div#new {float: left; margin: 0px 10px; padding: 5px 3px;}
div#heart {float: left; margin: 5px 10px; padding: 5px 3px;}

td.requestStory {
	font: bold 13px/17px arial, helvetica,sans-serif; color: #000000; 
	padding-left: 75px;
	padding-right: 75px;
	}
	
.red{font: bold 13px/17px arial, helvetica,sans-serif; color:#cc0000;}

p.form{font: bold 13px/17px arial, helvetica,sans-serif; color:#000000;}


/*catalog page*/
p.catalogHeader {
		margin-left: 10px; 
		color: #000; 
		text-align: left;	
		font: bold 20px/24px arial, verdana,helvetica,sans-serif;	
		}
		
p.catalogBoldText {
		margin-left: 10px; 
		color: #000; 
		text-align: left;	
		font: bold 13px/17px arial, verdana,helvetica,sans-serif;	
		}
		
p.catalogNewCustBoldText {
		margin-left: 10px; 
		color: #000; 
		text-align: left;	
		font: bold 13px/16px arial, verdana,helvetica,sans-serif;	
		}

p.charge{
		margin-left: 10px; 
		color: #FF0000; 
		text-align: left;	
		font: bold 11px/15px arial, verdana,helvetica,sans-serif;	
	}
	
a.shopLink, a.shopLink:visited {
		margin-left: 10px; 
		color: #625CB3; 
		text-align: center;	
		font: bold 18px/24px arial, verdana,helvetica,sans-serif;	
		}
		
a.shopLink:hover{
		margin-left: 10px; 
		color: #fff; 
		font: bold 18px/24px arial, verdana,helvetica,sans-serif;	
		background-color:#625CB3;
		border: 3px #cccccc solid; 
		}

/*footer*/

td.footer{
	background-color: #625CB3;
	height: 30px;
	border-top: 3px #cccccc none; 
	border-right: 3px #cccccc solid;
	border-bottom: 3px #cccccc solid; 
	border-left: 3px #cccccc solid; 
}
.footerText{
	text-align: left;
	font: bold 11px/14px arial, verdana,helvetica,sans-serif;
	vertical-align: middle;	
	margin-left: 10px;	
	color: #ffffff;	
}

.creditText{
	font: bold 11px/14px arial, verdana,helvetica,sans-serif;
	margin-left: 2px;
	}