.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   { border-right: 1px solid #d8d8d8;}
.tdb   { background-color: white;  border: 1px solid #d8d8d8; border-radius:6px;}
.tdb2   { background-color: white;  border: 1px solid #d8d8d8; color: #660099; width: 300px; height: 30px; font-size: 14px; line-height: 18px; padding-top: 10px; text-decoration: none; border-radius:6px;display: block;}
.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;border-radius:6px;}


.td4n   { background-color: #F2EDF0;  border: 1px solid #d8d8d8;  border-top-left-radius:6px; border-top-right-radius:6px;}
.td4b   { background-color: white;  border: 1px solid #d8d8d8;  border-bottom-left-radius:6px; border-bottom-right-radius:6px;}


.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 }
.black16  { color: #000000; font-size: 16px; line-height: 20px; text-decoration: none }
.black18  { color: #000000; font-size: 18px; line-height: 22px; text-decoration: none }
.black20 { color: #000000; font-size: 20px; line-height: 24px; text-decoration: none }
.pur14 { color: #660099; font-size: 14px; line-height: 18px; text-decoration: none }
.pur16 { color: #660099; font-size: 16px; line-height: 18px; text-decoration: none }
.pur18 { color: #660099; font-size: 18px; line-height: 20px; text-decoration: none }
.pur20 { color: #660099; font-size: 20px; line-height: 24px; 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; border-radius:6px;}
.factbox2 { margin-left:17px; border:1px dotted #dddddd; color:black; padding: 10px; background:#ffffcc; width: 170px;border-radius:6px;}
.factbox3 { margin-left:17px; border:1px dotted #dddddd; color:black; padding: 10px; background:#ffffcc;border-radius:6px;}
.factbox4 { padding: 10px; background:#ffffcc; width: 1000px;border-radius:6px;}
.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;
}

.tdbo   { background-color: white;  border-bottom: 1px solid #d8d8d8;border-right: 1px solid #d8d8d8;border-left: 1px solid #d8d8d8;border-top: 1px solid #d8d8d8;}
.pur12 { color: #660099; font-size: 12px; line-height: 14px; text-decoration: none }
.factbox4 {  margin-left:200px; border:1px dotted #dddddd; color:black; padding: 10px; background:#ffffcc; }
.arrow { display:block; padding-right:10px; background:url(images/arrowv.gif) no-repeat 100% 50%; border-bottom: 1px solid #d8d8d8; vertical-align: "middle" }
.picsp { float: left; margin-right:20px;}

.bh  { color: #606060; margin-left: 0; font-size: 10px}
.bh a {display: block;line-height: 10px;color: #606060;}
.bh a:hover {color: #404040;}
.bl {display: block;}
.blh {display: none;}
/* The basicTickerTape styles are required */

div.basicTickerTape {
	position: relative;
	overflow: hidden;
}

	div.basicTickerTape ul {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
	}

/* The basicTickerTape styles are required */

div.skeletonTickerTape {
	border: 1px solid green;
	width: 300px;
	height: 175px;
}

	div.skeletonTickerTape ul li {
		margin: 10px 5px 0 5px;
		position:relative;
		border: 1px solid red;
	}

div.styledTickerTape {
	font-family: Verdana, sans-serif;
	border: 1px solid #ccc;
	width: 300px;
	height: 106px;
	font-size: 11px;
}

	div.styledTickerTape ul {
		padding: 0;
		list-style: none;
	}

		div.styledTickerTape ul li {
			width: 268px;
			margin: 10px 10px 0 10px;
			background: #eee;
			padding: 5px 5px;
			border: 1px solid #ddd;
		}

			div.styledTickerTape ul li p {
				margin: 0;
				padding: 0;
			}

	div.styledTickerTape a {
		color: black;
	}

div.horizontalTickerTape {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	width: 970px;
	#border: 1px solid #ccc;
	height: 30px;
	background: white;
}

	div.horizontalTickerTape ul {
		padding: 0;
		list-style: none;
		width: 500000px;
	}

	div.horizontalTickerTape ul li {
		float: left;
		margin: 5px;
		padding: 5px;
		background: none;
	}

	div.horizontalTickerTape ul li p {
		display: none;
		margin: 0;
	}
	
	div.horizontalTickerTape a {
		color: #660099;
		text-decoration: none;
		font-family: arial;
		font-size:12px;
	}

	div.horizontalTickerTape p.tickerLink {
		display: block;
		text-decoration: none;
	}
	
	
.pur14 a {color: #660099; text-decoration:none;}
.pur14 a:hover {
	color: #000;
}

.pur18 a {color: #660099; text-decoration:none;}
.pur18 a:hover {
	color: #000;
}

.pur20 a {color: #660099; text-decoration:none;}
.pur20 a:hover {
	color: #000;
}

.bbbb  { 
	
	/*
	background-color: #f2edf0;
	border: solid 1px #808080;
	background-image:url('imgs/gradient2.png');
	border-radius:6px;
	color: #FFF;
	text-shadow: 0px 1px 0px black
	*/
	margin-left: 0;
	font-weight: bold;
	font-size: 110%;
	width: 180px;
	text-align: center;
	font-size: 12px;
	text-decoration: none;
	border-radius: 4px;
	color: #ffffff;
	text-shadow: 0px -1px 0px black;
	
	background-color: #7D6CE5;

	background-image: -o-linear-gradient(-90deg, #7D6CE5 0%, #660099 100%);
	background-image: -moz-linear-gradient(-90deg, #7D6CE5 0%, #660099 100%);
	background-image: -webkit-linear-gradient(-90deg, #7D6CE5 0%, #660099 100%);
	background-image: -ms-linear-gradient(-90deg, #7D6CE5 0%, #660099 100%);
	background-image: linear-gradient(-180deg, #7D6CE5 0%, #660099 100%);


}

.bbbb a {
	display: block;
	line-height: 30px;
	color: #ffffff;
	text-decoration: none
}
.bbbb a:hover {
	color: #FFF;
	background: #808080;
}

.bbbb2  { 
	
	/*
	background-color: #f2edf0;
	border: solid 1px #808080;
	background-image:url('imgs/gradient2.png');
	border-radius:6px;
	color: #FFF;
	text-shadow: 0px 1px 0px black
	*/
	margin-left: 0;
	padding-top:5;
	padding-bottom:5;
	font-weight: bold;
	font-size: 110%;
	width: 180px;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
	border-radius: 4px;
	color: #ffffff;
	text-shadow: 0px -1px 0px black;
	
	background-color: #7D6CE5;

	background-image: -o-linear-gradient(-90deg, #7D6CE5 0%, #660099 100%);
	background-image: -moz-linear-gradient(-90deg, #7D6CE5 0%, #660099 100%);
	background-image: -webkit-linear-gradient(-90deg, #7D6CE5 0%, #660099 100%);
	background-image: -ms-linear-gradient(-90deg, #7D6CE5 0%, #660099 100%);
	background-image: linear-gradient(-180deg, #7D6CE5 0%, #660099 100%);


}

.bbbb2 a {
	display: block;
	color: #ffffff;
	line-height: 16px;
	text-decoration: none
}
.bbbb2 a:hover {
	color: #FFF;
	background: #808080;
}

.bbbb4  { 
	
	/*
	background-color: #f2edf0;
	border: solid 1px #808080;
	background-image:url('imgs/gradient2.png');
	border-radius:6px;
	color: #FFF;
	text-shadow: 0px 1px 0px black
	*/
	margin-left: 0;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	font-size: 12px;
	width: 300px;
	text-decoration: none;
	border-radius: 4px;
	color: #ffffff;
	text-shadow: 0px -1px 0px black;
	
	background-color: #7D6CE5;

	background-image: -o-linear-gradient(-90deg, #7D6CE5 0%, #660099 100%);
	background-image: -moz-linear-gradient(-90deg, #7D6CE5 0%, #660099 100%);
	background-image: -webkit-linear-gradient(-90deg, #7D6CE5 0%, #660099 100%);
	background-image: -ms-linear-gradient(-90deg, #7D6CE5 0%, #660099 100%);
	background-image: linear-gradient(-180deg, #7D6CE5 0%, #660099 100%);


}

.bbbb4 a {
	display: block;
	line-height: 30px;
	color: #ffffff;
	text-decoration: none
}
.bbbb4 a:hover {
	color: #FFF;
	background: #808080;
}

.bbbb5  { 
	
	/*
	background-color: #f2edf0;
	border: solid 1px #808080;
	background-image:url('imgs/gradient2.png');
	border-radius:6px;
	color: #FFF;
	text-shadow: 0px 1px 0px black
	*/
	margin-left: 0;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	font-size: 12px;
	text-decoration: none;
	border-radius: 4px;
	color: #ffffff;
	text-shadow: 0px -1px 0px black;
	
	background-color: #7D6CE5;

	background-image: -o-linear-gradient(-90deg, #7D6CE5 0%, #660099 100%);
	background-image: -moz-linear-gradient(-90deg, #7D6CE5 0%, #660099 100%);
	background-image: -webkit-linear-gradient(-90deg, #7D6CE5 0%, #660099 100%);
	background-image: -ms-linear-gradient(-90deg, #7D6CE5 0%, #660099 100%);
	background-image: linear-gradient(-180deg, #7D6CE5 0%, #660099 100%);


}

.bbbb5 a {
	display: block;
	line-height: 30px;
	color: #ffffff;
	text-decoration: none
}
.bbbb5 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
	}