.content {padding-left: 2em; padding-right: 2em; border-right: 2px solid #eeeeff; }
.topbox {padding-bottom: 5px;border-bottom: 2px solid #eeeeff; }
.cusbox {  background:#f6f6ff;padding:20px;border-top: solid 1px #eeeeff}
.cusbox i { font-size: 120%; 	line-height: 0.5em;}
.cusbox img { float:left; border: 2px solid #fff; margin-right: 23px;}
.cusbox2 { background:#f6f6ff;padding:20px;border-top: solid 1px #eeeeff}
.cusbox2 i { font-size: 120%; 	line-height: 0.5em;}
a.testimonials { text-align: center; font-size: 120%; color: #999999;}
.customer { margin: 0; font-family: Verdana,  Arial, Helvetica, sans-serif; font-weight: normal; font-size: 120%; color: #333; padding-top: 10px; border-top: dotted 1px #aaa; }
.topcustomer { margin: 0; font-family: Verdana,  Arial, Helvetica, sans-serif; font-weight: normal; font-size: 120%; color: #333; }

.td   { background-color: #808080; padding: 1px 1px 1px 4px; border: none}
.td2   { background-color: white;  border: none}
.tdl   { background-color: white;  border-left: 1px solid #d8d8d8;}
.tdr   { background-color: white;  border-right: 1px solid #d8d8d8;}
.tdb   { background-color: white;  border-bottom: 1px solid #d8d8d8;}
.tdff   { background-color: white;  border-bottom: 1px solid #d8d8d8;border-right: 1px solid #d8d8d8;border-left: 1px solid #d8d8d8;}
.td3   { background-color: #808080;  border: 1px solid #696969;}
.td33   { background-color: #808080;  border: 1px solid #d8d8d8;}
.td4   { background-color: #F2EDF0;  border: 1px solid #d8d8d8;}
.td5   { background-color: #F2EDF0; border: none}
.tdspc    { background-color: white; border: none }
.black12 { color: #000000; font-size: 12px; line-height: 14px; text-decoration: none }
.black14  { color: #000000; font-size: 14px; line-height: 18px; text-decoration: none }
.pur14 { color: #660099; font-size: 14px; line-height: 18px; text-decoration: none }
.black9  { color: #000000; font-size: 9px; line-height: 11px; text-decoration: none}
.black10 { color: #000000; font-size: 10px; line-height: 12px; text-decoration: none }
.blue9  { color: #0000ff; font-size: 9px; text-decoration: none }
.black7   { color: black; font-size: 7px; text-decoration: none }
.form { color: #000000; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif }
.heads { color: #660099; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif }
.price { color: #000000; font-size: 14px }
.price2 { color: #000000; font-size: 9px }
.price3 { color: #000000; font-size: 8px }
.price4 { color: #000000; font-size: 10px }
.red10 { color: #ff0000; font-size: 10px }
.red12 { color: #ff0000; font-size: 12px }
.red8 { color: #ff0000; font-size: 8px }
.red9 { color: #ff0000; font-size: 9px }
.redprice { color: #cc0000; font-size: 14px }
.white10 { color: #ffffff; font-size: 10px; text-decoration: none }
.white12 { color: #ffffff; font-size: 12px }
.white14 { color: #ffffff; font-size: 14px; text-decoration: none }
.white9 { color: #ffffff; font-size: 9px; text-decoration: none }
a:hover { color: #0000cc }
body { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif }
pre { font-size: 12px; font-family: "Courier New", Courier, Monaco }
td { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif }
th { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif }
.factbox { border:1px dotted #dddddd; color:black; padding: 10px; background:#ffffcc; }
.factbox2 { margin-left:17px; border:1px dotted #dddddd; color:black; padding: 10px; background:#ffffcc; width: 170px;}
.factbox3 { margin-left:17px; border:1px dotted #dddddd; color:black; padding: 10px; background:#ffffcc;}
.factbox4 { margin-left:17px; margin-right:17px; border:1px dotted #dddddd; color:black; padding: 10px; background:#ffffcc;}
.instyl { margin-left:27px; padding: 10px; background:white; }
.tdbox    { padding: 8px 8px 8px 8px;   background-color: #f2edf0; border: solid 1px #d8d8d8; }

a {color:#660099;
	text-decoration: none;
}
/* footer */
.topf {background-image: url(images/grad4.gif); }

.bbbb  { color: #e8e8e8; background-color: #f2edf0; margin-left: 0;  border: solid 1px #808080; font-weight: bold; font-size: 110%;width: 190px;}
.bbbb a {display: block;
	line-height: 30px;
	color: #000;
	}
.bbbb a:hover {
	color: #FFF;
	background: #808080;
}

.footer  { color: #e8e8e8; background-color: #f2edf0; margin-left: 17px;  border-top: 1px solid white; font-weight: bold; font-size: 110%;width: 190px;	}
.footer ul {
	border-top: 1px solid white;
	margin: 0;
}
.footer li {
	border-bottom: 1px solid white;
	list-style: none;
}

.footer li a {
	display: block;
	line-height: 30px;
	padding-left: 10px;	
}

.footer a {color: #000;}
.footer a:hover {
	color: #FFF;
	background: #808080;
}

.pur14 a {color: #660099;}
.pur14 a:hover {
	color: #FFF;
	background: #808080;
}

input[type=submit] {
	    color:#ffffff;
		font-size:12px;
		height:25px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		background-color:#7D6CE5;
		line-height:0pt;
		padding:10px;
		border:0px;
	}
	
	footer {
	    text-transform: uppercase;
	    padding-bottom: 60px;
	    font-size: 12px !important;
	    color: #666;
	    max-width: 1120px;
	    margin: 0 auto;
	    padding: 20px 20px
	}
	
	
	footer a {
	    font-size: 13px;
	    color: #666;
	    text-decoration: none
	}
	
	footer span {
	    display: block;
	    background: url(./images/penlogo3.png) no-repeat 0 0;
	    text-indent: 100%;
	    white-space: nowrap;
	    overflow: hidden;
	    background-size: contain;
	    width: 109px;
	    height: 120px;
	}
	
	footer a:hover {
	    color: #521379
	}
	
	.footernav {
	    float: right;
	    font-size: 13px;
	    margin: 0;
	    padding: 0
	}
	
	.footernav li {
	    display: inline-block
	}
	
	.footernav li a {
	    display: inline-block;
	    padding: 0 0 0 20px
	}