
.td   { background-color: #808080; padding: 1px 1px 1px 4px; border: none}
.td2   { background-color: white;  border: none}
.tdbx   { background-color: white;  border: 1px solid #d8d8d8;}
.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 font-family: Verdana, Arial, Helvetica, sans-serif}
.pur12 { color: #660099; font-size: 12px; line-height: 14px; text-decoration: none font-family: Verdana, Arial, Helvetica, sans-serif}
.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: #660099 }
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; width: 800px;}
.box2 { border:2px dotted #dddddd; color:black; padding: 10px; background:white; border-radius:6px; }
/* footer */
.topf {background-image: url(images/grad4.gif); }

.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;
}

.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; }
.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;}

.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] {
	margin-left:20px;
    color:#ffffff;
	border:1px solid #808080;
	font-size:12px;
	height:25px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-color:#7D6CE5;
	line-height:5pt;
}

input[type=submit].buyNow {
	text-indent: 30px;
	background-image: url("/images/carticon.png");
	background-size: 24px;
	background-repeat: no-repeat;
	background-position-x: 9px;
	background-position-y: 5px;
	padding: 12px;
	padding-bottom: 18px;
}

input[type=submit].buyNow:hover {
	background-color: #6eb862;
	border:1px solid #6eb862;
	cursor: pointer;
}


footer {
    text-transform: uppercase;
    padding-bottom: 60px;
    font-size: 14px !important;
    color: #666;
    max-width: 1120px;
    margin: 0 auto;
    padding: 60px 20px
}


footer a {
    font-size: 13px;
    color: #666;
    text-decoration: none
}

footer span {
    display: block;
    background: url(./gres/images/penlogo.gif) no-repeat 0 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 200px;
    height: 130px
}

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
}

