/* css style designed by Caty Design Studio http://www.catydesign-studio.com  */
* {	margin: 0;	padding: 0;}
body {	background: #FFFFFF url(../images/ppn_hdrtop.gif) repeat-x left top;	text-align: center;	font: 65%/150% Verdana, Arial, Helvetica, sans-serif;	color: #333333;	text-decoration: none;}
img {border: none;}
a { outline: none; }
a:link {color: #FF6400;	text-decoration: none;}
a:visited {color: #666666;	text-decoration: none;}
a:hover {color: #A90000; text-decoration: underline;}
h1, h2, h3, h4, h5, h6 { font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #666666; }
h1 { font-size: 2em; }
h2 {	font-size: 1.8em;
	background: transparent url(../images/ppn_div_reddot.gif) repeat-x left bottom;	margin-bottom: 1em;	line-height: 1.4em;}
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 {	font-size: 1.3em;	color: #333333;	}
h6 {	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;	background-color: #A90000;	height: 22px;	text-align: center;	padding-top: 5px;	}
p {	padding-bottom: 0.8em;}
#wrapper {	width: 770px;	background-color: #FFFFFF;	margin: 0 auto;	text-align: left;}
#header {	height: 125px;	width: 770px;	margin: 0 auto;	text-align: left;}
#header .date {	color: #CCCCCC;	font: bold 9px Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	margin-top: 5px;	float: right;	margin-right: 10px;}
#header h1 {	background: transparent url(../images/ppn_logo.gif) no-repeat left top;	width: 275px;	color: #000000;	font-size: 0.1em;	line-height: 0.1em;	font-weight: normal;	height: 125px;	float: left;}
#header h1 a{	background: transparent url(none) no-repeat;	display: block;	height: 100px;	width: 275px;	color: #000000;	font-size: 0.1em;	line-height: 0.1em;	font-weight: normal;	text-decoration: none;	text-indent: -10000em;	}
#header #flash {	float: right;	height: 125px;	width: 230px;	margin: 0px;}
#chen {	margin: 0;	font: 1.2em/150% Arial, Helvetica, sans-serif;	color: #333333;	padding: 0;}
ul#chen  {	float: left;	margin: 0;	list-style-type: none;	list-style-image: none;	list-style-position: outside;	padding-top: 1em;	padding-left: 8em;}
#chen li {	list-style-type: none;	display: inline;	padding: 1em;}
#chen .ch a { color: #666666; text-decoration: none; }
#chen .ch a:hover, #chen .ch_active a {border-top: 2px solid #63C600;	color: #63C600;	text-decoration: none;	padding-top: 0.1em;}
#nav { clear: both; margin: 0;	padding: 0;	width: 770px;	display: block;	height: 40px;}
#nav ul {	list-style: url(none) none outside;	background: transparent url(/images/ppn_nav.gif) no-repeat;	margin: 0;	padding: 0;	height: 40px;	position: relative;	left: 0;}
#nav ul li {	margin: 0;	padding: 0;	list-style: url(none) none outside;	position: absolute;	top: 0;}
#nav ul li, #nav a { height: 40px; display: block; }
#nav ul li a { text-indent: -10000em; text-decoration: none; }
#home  {	width: 100px;	left: 70px;}
#home a:hover {	background: transparent url(/images/ppn_nav.gif) no-repeat scroll -70px -40px;}
#aboutus  {	width: 117px;	left: 235px;}
#aboutus a:hover {	background: transparent url(/images/ppn_nav.gif) no-repeat scroll -235px -40px;}
#product {	width: 117px;	left: 400px;}
#product  a:hover {	background: transparent url(/images/ppn_nav.gif) no-repeat scroll -400px -40px;}
#contact {	width: 105px;	left: 585px;}
#contact a:hover {	background: transparent url(/images/ppn_nav.gif) no-repeat scroll -585px -40px;}
#centerwrapper {	clear: both;	padding-top: 1em;}
#leftsection {	float: left;	width: 150px;}
#leftsection h3 {	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;	background-color: #A90000;	height: 22px;	text-align: center;	padding-top: 5px;	}
#lmnav {	color: #6B6B6B;	border: none;	width: 150px;	display: block;	background: #ECECEC;}
#lmnav ul {	margin: 0;	background: transparent url(../images/ppn_divlines.gif) repeat-x left bottom;	padding: 0px 0px 0.3em;}
#lmnav ul li {	list-style-type: none;	font-weight: bold;	border-bottom: 1px solid #FFFFFF;	padding: 0.5em 0.5em 0.5em 1em;}
#lmnav a {	text-decoration: none;	color: #6B6B6B;	font-weight: bold;}
#lmnav a:hover {	background: url(/images/ppn_i_redarrow.gif) no-repeat left center;	color: #A90000;	padding-left: 1em;}
#centersection {	float: right;	width: 590px;}
.contentpic {	padding: 0.5em;}
.contentpic img { float: left; }
.contentpic p {	margin: -0.3em 0 0.3em 140px;}
.txtboldu {	text-decoration: underline;}
.txtbold, .txtboldu {	font-weight: bold;}
p.txtbold {	padding-top: 0.5em;	padding-bottom: 2em;	padding-left: 0.5em;}
.txtgray {	font: normal 10px Tahoma, Verdana, Arial;	color: #333333;}
.red {	font: bold 1em Verdana, Arial, Helvetica, sans-serif;	color: #FF0000;	text-decoration: none;}
.warning {	color: #FF0000;	font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	text-align: center;}
.txtintro p {	font: 1.2em "Trebuchet MS", Verdana, Arial;	letter-spacing: 0.1em;	text-align: justify;}
p.readmore  {	text-align: right;	padding-right: 1em;}
.breadcrumbs {	text-decoration: none;	color: #333333;	font: 10px Verdana, Arial, sans-serif;	padding-bottom: 5px;
	background: transparent url(../images/ppn_div_graydot.gif) repeat-x left bottom;	margin-bottom: 2em;}
.breadcrumbs a:link {	text-decoration: none;	color: #666666;	font: 10px Verdana, Arial, sans-serif;}
.breadcrumbs a:visited{	text-decoration: none;	color: #87898A;	font: 10px Verdana, Arial, sans-serif;}
.breadcrumbs a:hover{	text-decoration: underline;	color: #A90000;}
.clear {	clear: both;	height: 1px;}
.clearfix:after {content: "."; display: block; height: 0;  clear: both; visibility: hidden; }
.clearfix {	display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
#contactform div {	clear:left;	margin: 5px 0;}
#contactform .firstinp {	clear: none; margin: 0px 0 5px;}
#contactform label {	float:left;	width: 20%;	color: #333333;	margin-left: 10px;	font: bold 1em Verdana, Arial, Helvetica, sans-serif;}
#contactform .formbox {	width: 50%;	border: 1px solid #CCCCCC;	font: 10px/150% Verdana, Arial, Helvetica, sans-serif;color: #666666;	background-color: #FFFFFF;	padding: 0.2em;}
#contactform .submbtn {	color: #333333;	height: 20px;	font-size: 1.1em;	cursor:pointer;	font-weight: bold;	background: #CACACA;
	border-top: 1px solid #DADADA;	border-right: 1px solid #8A8A8A;	border-bottom: 1px solid #8A8A8A;	border-left: 1px solid #DADADA;}
#contactform div.submit {	text-align: center;}
#contactpage h6 {	background: #ECECEC;	color: #333333;	text-align: left;	padding-left: 0.5em;}
.summitedmsg {	font-size: 1.6em;	font-weight: bold;	text-align: center;	padding-top: 6em;}
#picset {	background: transparent url(../images/ppn_ftpicbg.gif) repeat-x;	clear: both;	height: 85px;	margin-top: 1em;}
#picset img {	width: 770px;	margin: 0 auto;}
#picset h6 {	background: transparent url(../images/ppn_picpewterset.jpg) no-repeat;	width: 770px;	height: 85px;	margin-right: auto;	margin-left: auto;}
#picset h6 a{	background: transparent url(none) no-repeat;	display: block;	height: 80px;	width: 770px;	text-decoration: none;	text-indent: -10000em;	}
#footer, #footer2 {	font-size: 0.9em;	color: #666666;	text-decoration: none;	text-align: center;	letter-spacing: 0.1em;	margin: 0;	padding: 0;	}
#footer {	background: transparent url(../images/ppn_ft.jpg) repeat-x;	height: 138px;}	
#footer2 {	background: transparent url(../images/ppn_ft2.jpg) repeat-x;	height: 265px;	clear: both;}
#footer ul, #footer2 ul {	list-style-type: none;	list-style-image: none;	list-style-position: outside;	margin: 0;}
#footer ul {	padding-top: 3em;}
#footer2 ul {	padding-top: 8em;}
#footer li, #footer2 li { border-left: 1px solid #666666; padding: 0pt 0.8em; display: inline; }
#footer li.first, #footer2 li.first { border: 0 none ; }
#footer a:link, .footer a:visited, #footer2 a:link, .footer2 a:visited {color: #666666;	text-decoration: none;}
#footer a:hover, #footer2 a:hover {	color: #A90000;	text-decoration: underline;}
#footer2 .footerwrap {	width: 770px;	margin-right: auto;	margin-left: auto;	background: transparent url(../images/ppn_ftl.gif) no-repeat left;	height: 265px;}
.footerwrap p {	padding-top: 2em;	padding-left: 12em;	font-size: 1.1em;}
#copyright {	padding-bottom: 1em;}
#copyright span{	padding-left: 4em;}
#w3c img {	padding-right: 0.5em;}
.formbdr {	border: 1px solid #CCCCCC;	font: 11px Tahoma, Verdana, Arial;	color: #666666;}
.formtxt {	color: #333333;	background-color: #ECECEC;	padding: 2px;	margin: 0px;	border-top: 1px ridge #CCCCCC;	border-right: 1px solid #CCCCCC;	border-bottom: 1px solid #CCCCCC;	border-left: 1px ridge #CCCCCC;	font: 10px Verdana, Arial, Helvetica, sans-serif;}
.formbutton {	color: #6B6B6B;	font: bold 10px Verdana, Arial, Helvetica, sans-serif;	background-color: #ECECEC;}
.searchbox {	margin-top: 10px;	float: right;	margin-right: 10px;	margin-bottom: 10px;}
.divgrayh {	background: transparent url(/images/ppn_div_grayh.gif) repeat-x;	height: 7px;	margin-top: 1em;  margin-bottom: 2em;}
.divblueH {	background: url(/images/ppn_div_blueh.gif) repeat-x;	height: 7px;	width: 100%;	margin-bottom: 1em;	margin-top: 0.5em;}
.productwrapper {	text-align: center;	width: 580px;	margin-bottom: 30px;}
.prodwrapper{	text-align: left;	margin-bottom: 3em;}
.fraction {	font-size: 120%;}
.floatl {	padding: 10px;	float: left;	margin-right: 20px;}
.floatpl {	float: left;	margin-right: 1em;}
.floatpl img {	border: 0.3em solid #47B1EF;}
#rightdesc {	float: left;	width: 300px;}
#rightdesc2 {	float: left;	width: 250px;}
#rightdesc3, #rightdesc5, #rightdesc6 {	float: left;	width: 170px;	margin-right: 1px;}
#rightdesc4 {	float: left;	width: 270px;}
#rightdesc7 {	float: left;	width: 200px;}
.thumbnpg, .thumbnpg a:link {	text-decoration: none;	color: #3F92C8;	font: bold 9px Verdana, Arial, sans-serif;}
.thumbnpg a:visited{	text-decoration: none;	color: #87898A;	font: bold 9px Verdana, Arial, sans-serif;}
.thumbnpg a:hover{	text-decoration: underline;	color: #A90000;}
.gallerycontainer {	position: relative;}
.thumbnail img {	border: 1px solid #E9E9E9;	margin: 0 5px 5px 0;}
.thumbnail:hover {	background-color: transparent;}
.thumbnail:hover img {	border: 1px solid #8AE8FF;}
.thumbnail span {	position: absolute;	background-color: #CAE8FF;	padding: 5px 5px 5px 9px;	left: -1000px;	border: 1px solid #8AE8FF;	visibility: hidden;	color: black;	text-decoration: none;	font: bold 11px/150% Tahoma, Verdana, Arial;	text-align: center;}
.thumbnail span img {	border-width: 0;	padding: 2px;}
.thumbnail:hover span{	visibility: visible;	top: 0;	left: 230px; 	z-index: 50;}
.tabalt1, .tabalt2, .tabalt3, .tabalt4  { font-size: 100%; color: #333333;	text-decoration: none;	height: 25px;	padding-left: 5px;	padding-top: 2px;	}
.tabalt1 {	background-color: #ECECEC;	border-bottom: 1px solid #FFFFFF; font-weight:bold;}
.tabalt2 {  background-color: #D8D8D8;	border-bottom: 1px solid #FFFFFF; font-weight:bold;}
.tabalt3 {	background-color: #ECECEC;	border-bottom: 1px solid #FFFFFF;}
.tabalt4 {	background-color: #D8D8D8;	border-bottom: 1px solid #FFFFFF;}
.categ {	color: #13799B;	font: bold 10px Verdana, Arial, Helvetica, sans-serif;	background-color: #F5FBFF;	height: 20px;
	border: 1px solid #96CAE8;}
.thumbn {	width: 570px;	padding-top: 5px;	padding-left: 5px;}
.thumbn img {	margin-right: 32px;	border: 1px solid #999999;	padding: 3px;	margin-bottom: 1px;}
.thumbnzoom {	width: 570px;	padding-left: 5px;}
.thumbnzoom img {	margin-right: 32px;	margin-bottom: 20px;	border: 1px solid #FFFFFF;	padding: 3px;}


/* css style designed by Caty Design Studio http://www.catydesign-studio.com  */