body {margin:0; padding:0; font-family: Tahoma, Arial, sans-serif; color: #665; background: #fff;}	
.cleft	{clear:left;}
.h5		{height:5px;}
.h10	{height:10px;}


/* layout table definition */
td.w25				{width: 25%;}
td.w33				{width: 33%;}
.blusky				{background-color: #3C96BB;}
table#mainTbl 		{height: 72%;}
table#mainTbl td	{vertical-align:top;}
table#footer  		{margin: 20px 0 0 0; color: #aaa;}
table#footer  td	{width: 25%;vertical-align:top;font-size: 70%; line-height: 140%; padding: 10px 20px;}
table#footer  td.double	{width: 50%;}	

.rb					{border-right: 1px #ebebeb solid;}


/* links section*/
a:link		{color:#39c;}
a:visited	{color:#669;}
a:hover		{color:#f30;}

/* top nav icons */
table#ico td				{width: 33%; height:30px; text-align:center;}
table#ico td a 				{display: block;}	
table#ico td a img			{border-bottom: 5px #ffffff solid;} 
table#ico td a.current img	{border-bottom: 5px #3C96BB solid;} 
table#Ico td a:hover img	{border-bottom: 5px #3C96BB solid;} 

/* main right navigation */
#menu					{margin:0px; padding: 12px 10px 5px 14px; background-color: #e9f6ff; 
			 			 border-top: 9px #cae5f3 solid; border-bottom: 3px #d7ecf6 solid; color: #39c}
#menu	h3				{font-size: 70%;margin: 12px 0 12px 0;}
#menu	h3.current		{font-weight: bold;}
#menu	h3	a 			{padding: 0 0 0 20px; font-weight: normal; color:#39c; 
						 background: #e9f6ff url(i/li-arr.gif) no-repeat; }
#menu	h3	a:visited	{color:#39c;}
#menu	h3	a:hover 	{background: #e9f6ff url(i/li-arr-h.gif) no-repeat; color:#f30;}

#menu ul				{margin:0 0 0 34px; padding:0; font-size: 70%;}
#menu ul li 			{list-style: none; list-style-image: url(i/li-arr-sm.gif); margin: 5px 0 5px 0;}
#menu ul li	a:visited	{color:#669;}
#menu ul li:hover		{list-style-image: url(i/li-arr-sm-h.gif);}
* html #menu ul li 			{list-style: none; list-style-image: url(i/li-arr-ie-sm.gif); margin: 5px 0 5px 0;}
* html #menu ul li a:hover	{color:#f30;margin: 5px 0 5px 0;}

/* sitemap */
#sitemap					{border-left: 1px #d7ecf6 solid; color: #39c; padding: 3px 0 10px 20px}
#sitemap	h2				{font-size: 90%; margin: 12px 0 12px 0; font-weight: bold;}
#sitemap	h3				{font-size: 72%; margin: 12px 0 12px 0;}
#sitemap	h3	a 			{padding: 0 0 0 20px;  font-weight: bold; color:#39c; 
						 	 background: url(i/li-arr.gif) no-repeat; }
#sitemap	h3	a:visited,
#sitemap	h2	a:visited	{color:#669;}
#sitemap	h3	a:hover 	{background: url(i/li-arr-h.gif) no-repeat; color:#f30;}

#sitemap ul					{margin:0 0 0 34px; padding:0; font-size: 70%;}
#sitemap ul li 				{list-style: none; list-style-image: url(i/li-arr-sm.gif); margin: 5px 0 5px 0;}
#sitemap ul li	a:visited	{color:#669;}
#sitemap ul li:hover		{list-style-image: url(i/li-arr-sm-h.gif);}
* html #sitemap ul li 		{list-style: none; list-style-image: url(i/li-arr-ie-sm.gif); margin: 5px 0 5px 0;}
* html #sitemap ul li a:hover		{color:#f30;}

/*mainBg*/
#mainBg		{background: #3C96BB url(i/main-bg.gif) repeat-x top center; height: 243px;text-align: center;}
#mainBg a	{display: block;}
#separ45	{background: #f5f5f5 url(i/45separ-bg.gif) repeat-x top center; height: 13px; border-top: 1px #fff solid; margin:0;}

#pageBg		{background: #3C96BB url(i/main-bg.png) repeat-x top center; height: 70px;}
#pageHdr	{margin: -25px 0 0 10px; padding: 5px 10px 3px 10px; background-color: #067EAD; display: inline; 
			 position: absolute; color: #fff; filter:alpha(opacity=80); font-size: 110%; font-weight: normal; 
			 font-family: Verdana, Arial, sans-serif;}

#pageContent	{padding: 10px 20px 20px 20px; font-size: 80%;}
#pageContent h1 {font-size: 120%; color: #0B7EAD; margin: 5px 0 1em 0; font-family: Verdana, Arial, sans-serif;}
#pageContent h2 {font-size: 100%; color: #0B7EAD; margin: 5px 0 0 0; font-family: Verdana, Arial, sans-serif;}
#pageContent h3 {font-size: 90%; color: #000; margin: 5px 0 10px 0; font-family: Verdana, Arial, sans-serif;}
#pageContent p	{margin: 0.5em 10px 0.7em 0; font-family: Verdana, Arial, sans-serif; text-align: left;}
.sm				{font-size: 85%;}

.productsIndex	{margin-top: 10px;}

.copy			{text-indent: -1.2em;margin-left: 1.2em;}
#creator		{display:none;}

/* content */
.prodItem	{background-color: #fff; border-bottom: 1px #c4c4c4 solid; 
			 text-align: center; margin: 0 0 10px 0;}
.indItem	{background-color: #f5f5f5; padding: 0 0 10px 0; border-bottom: 1px #e5e5e5 solid; border-right: 1px #e5e5e5 solid;}
.prodItem a	{display: block;}	
			 
ul#link		{margin:0 0 0 14px; padding:0;}
ul#link	li	{background: url(i/li-arr.gif) no-repeat; padding: 0 0 0 14px; list-style:none; font-size: 70%;}
* html ul#link	li	{background: url(i/li-arr.gif) no-repeat 0 5px; padding: 0 0 0 14px; list-style:none; font-size: 70%;}

.indItem ul#link {padding: 0 10px 0 0;}

/* photos thumbnails */
#photosBlock 	{float: right; width: 280px; margin: 5px 0 20px 25px; font-size:100%; }
#photosBlock div{font-size:90%;}
#picBlock		{float: left; margin: 0 5px 10px 0; font-size: 55%; width: 85px;}
#frame			{background: #3D382A url(i/photo-th-bg.gif) repeat-x; padding: 9px 3px;}
#frame img		{border:1px #3D382A solid;}
#frame img:hover{border:1px #C9C8C3 solid;}
#frameLink		{padding: 3px 2px 0 3px;}
* html #frame a:hover img 	{border:1px #C9C8C3 solid;}

#photosTape		{margin: 10px 0px 10px -8px; width: 98%;}
#tapeFrame		{float:left;background: #3D382A url(i/photo-th-bg2.gif) repeat-x; padding: 9px 0px; width: 90px; text-align: center; margin: 0 0 10px 0; overflow: hidden; }
#tapeFrame img			{border:1px #3D382A solid;}
#tapeFrame img:hover	{border:1px #C9C8C3 solid;}

* html #tapeFrame a:hover img 	{border:1px #C9C8C3 solid;}

#tapeFrameStart	{float:left;background: #3D382A url(i/photo-th-start.gif) no-repeat; width: 9px; height: 76px;}
#tapeFrameEnd	{float:left;background: #3D382A url(i/photo-th-end.gif) no-repeat; width: 48px; height: 76px;}

/* products */
#pFloat				{float:left; width: 130px; margin: 0 5px 5px 0;}
#pItem				{border: 1px #ccc solid; text-align:center; padding: 3px;}
#pItem	img			{border: 1px #fff solid;}
#pItem	img:hover	{border: 1px #eee solid;}
* html #pItem a:hover img {border: 1px #eee solid;}

#pItem a			{display: block;}
#pFloat ul#link		{font-size: 110%;margin:0 0 0 2px;}

#imgBlock			{border: 1px #ccc solid; text-align:center; padding: 3px;margin: 10px 0;}

/* product card */
table#pCard					{width: 100%; padding:0;margin: 10px 0;}
* html table#pCard			{width: 95%; padding:0;margin: 10px 0;}
table#pCard	td				{padding:0;}		
#pCard	td.pPic				{width: 60%; text-align: center; padding: 0 0 20px 0;}
#pCard	td.pThumbs			{width: 40%; padding: 0 5px 0 0; vertical-align: middle;}
* html #pCard	td.pThumbs	{width: 40%; padding: 0 10px 0 0; vertical-align: middle;}

td.pThumbs	div					{float:left; border: 1px #ebebeb solid; margin: 0 5px 5px 0;padding: 3px;}
td.pThumbs	div:hover			{border: 1px #ccc solid;}
* html td.pThumbs a:hover div  	{border: 1px #ccc solid;}

table#pCard	td.pPicName			{background: #f5f5f5; height: 50px; padding: 5px 10px;  vertical-align: middle; border-right: 4px #ccc solid;}
table#pCard	td.pPicName	div		{font-size: 80%; font-weight: bold;}

table#pCard	td.txt			{font-size: 80%; padding: 10px 0 0 10px}

table#pCard	td.xls			{border-right: 1px #eee solid; border-top: 1px #eee solid; border-bottom: 1px #eee solid; text-align: center;}

#xls 		{margin: 0 20px 5px 10px;}
#xls img	{float:left;}
#xls p		{margin: 5px 0 0 50px; font-size: 70%;}

.cdot		{padding: 0 5px;}

/* form */
form				{margin:0; padding:0;}
form				{margin: 20px 0;padding: 5px 15px; border: 1px #ccc solid;}

#feed-form 			{background:#f5f5f5; padding:5px 10px 8px; margin-bottom:1.5em;}
form > table 		{width:100%;}
input.text 			{width:65%; border:1px solid #ccc; border-color:#aaa #eee #eee #aaa; color:#333;}
select 				{border:1px solid #ccc;}
form td p 			{font-size:100%;}
form table td 		{width:100%;}
form table td, 
form table th 		{padding:5px 10px 5px 0; font-weight:normal; font-size:80%; white-space: nowrap;}
form label 			{text-transform:lowercase; cursor:pointer; cursor: hand;}
form textarea 		{display:block; clear:left; width:97%; border:1px solid #ccc; border-color:#ccc #fff #fff #ccc; 
					 color:#333; }


TABLE.zp {WIDTH: 650px; HEIGHT: 30px; PADDING: 10px; BACKGROUND-COLOR: #ffffff; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-ALIGN: left; FONT-FAMILY: verdana, sans-serif; BORDER: #000000 1px  solid }
TD.zp1 {HEIGHT: 30px; WIDTH: 350px; PADDING: 5px;  PADDING-LEFT: 30px; FONT-SIZE: 10px; TEXT-ALIGN: left; FONT-FAMILY: verdana, sans-serif; FONT-WEIGHT: bold; BORDER: #000000 1px  solid}
TD.zp {HEIGHT: 30px; WIDTH: 150px; PADDING: 5px; FONT-SIZE: 10px; TEXT-ALIGN: center; FONT-FAMILY: verdana, sans-serif; FONT-WEIGHT: bold; BORDER: #000000 1px  solid}