/* general */

body		{ bbackground: #fff; font: normal 13px/140% "Arial", sans-serif; }

a:link,
a:visited	{ color: #0057A1; }
a:hover		{ color: #F6661E !important; }


/* tabbed navigation (product) */

.body.page .tabs	{ margin-top: 30px; width: 100%; height: 30px; border-bottom: 1px solid #ccc; font-size: 14px; color: #4CB248; }
.body.page .tabs li	{ float: left; height: 26px; padding: 3px 10px 2px 15px; list-style: none; margin: 0 0 0 10px; }
.body.page .tabs a	{ color: #4CB248; }
.body.page .tabs .active	{ font-weight: bold; border: 1px solid #ccc; border-width: 0px 1px 0 0; background: #fff url('/tpl/i/tab-border-left.png') left top no-repeat; }
.body.page .tabs .active a	{ text-decoration: none; color: #f6661e; }

/* product */

.body.page .product_links	{ float: right; width: 220px; margin-bottom: 30px; margin-left: 20px; }
.body.page .product_links li	{ padding-top: 20px; mmargin-top: 20px; list-style: none; ffont-size: 11px; lline-height: 14px; }
.body.page .product_links .icon	{ float: left; margin-right: 8px; margin-top: 2px; }

/*.body.page .product_links 	{ width: 100%; height: 70px; }
.body.page .product_links li	{ float: right; }*/

/*.body.page .product_links 	{ text-align: right; }
.body.page .product_links .icon	{ float: right; margin-left: 8px; mmargin-top: -2px; }*/

/* content */

body.index .body.page h2,
body.index .body.page h3,
body.index .body.page p,
body.index .body.page ul
body.index .body.page ol	{ wwidth: 67%; bborder: 1px solid #c00; padding-right: 10px; }

.body.page h1		{ color: #F6661E; font: italic 18px/19px "Arial", sans-serif; margin-top: 2em; }
h2			{ wwidth: 67%; font: normal 17px/18px "Arial", sans-serif; color: #290; ccolor: #4CB248; margin-top: 2em; }
h3			{ wwidth: 67%; font: bold 1.1em "Arial", sans-serif; color: #666; margin-top: 1em; }
p			{ margin: 10px 0; }

body.index .body.page p	{ wwidth: 67%; }

.body.page table p	{ width: 100%; }
table.noborder td	{ border: none; }

.body.page ul,
.body.page ol		{ wwidth: 67%; }
.body.page ul li	{ list-style: square; margin: 5px 0 5px 20px; }
.body.page ol li	{ list-style: decimal; margin: 5px 0 5px 20px; }

.ill_side		{ float: right; }
.ill_side_border	{ width: 180px; height: 89px; float: right; overflow: hidden; margin: 0 0 20px 20px; }
.ill_side_border img	{ width: 180px; height: auto; margin-top: -10%; }
.ill_side_border div	{ width: 180px; height: 89px; position: absolute; background: url('i/ill-border.png') left top no-repeat; }

body.index .ill_side_border	{ position: absolute; rright: -230px; margin: 0 -230px 0 520px !important; bborder: 1px solid #c00; }

dl.list			{ padding-top: 15px; }
dl.list dt		{ font-weight: bold; color: #4CB248; margin: 20px 0 10px 0; }
/*dl.list dt a		{ color: #4CB248; }*/

.intro			{ wwidth: 67%; padding-top: 30px; font-size: 1.2em; color: #666; }

.side			{ float: right; mmargin-right: -230px; }

#ta			{ background: #fcc; }

table			{ margin: 10px 0; width: 100%; }
table td		{ border-bottom: 1px solid #ccc; padding: 4px 5px; }

.cite			{ border-left: 4px solid #fa5; /*#4CB248*/; background: #fcf0dd; font-style: italic; margin: 0; padding: 5px 10px 5px 12px; }


/* banners */

.banner_top		{ display: block; margin-top: 20px; line-height: 1px; }
.banner_top .t		{ width: 700px; height: 10px; background: url('/tpl/i/banner-top-corners.png') top left no-repeat; position: relative; bottom: -10px; mmargin-bottom: -10px; }
.banner_top .b		{ width: 700px; height: 10px; background: url('/tpl/i/banner-top-corners.png') bottom left no-repeat; position: relative; top: -10px; bborder: 1px solid #e00; }

/* faq */

.aboutpost		{ font-size: 11px; color: #666; }
.aboutpost b		{ border-bottom: 2px solid #f6661e; color: #000; }
.comment			{ bborder-bottom: 1px solid #ccc; }
.comment.pub0		{ background: #fe8; padding: 0 0 0 5px; }
.comment.l1		{ padding-left: 15px; border-left: 2px solid #ccc; }
.comment.l2		{ margin-left: 15px; padding-left: 15px; border-left: 2px solid #ccc; }
.comment.l3		{ margin-left: 30px; padding-left: 15px; border-left: 2px solid #ccc; }
.comment.l4		{ margin-left: 45px; padding-left: 15px; border-left: 2px solid #ccc; }
.jot-row			{ background: none !important; border: none !important; font-size: 11px; padding-top: 10px; }
.formcomment		{ display: none; }
.jot-form			{ width: 405px; border: 1px solid #ccc; border-radius: 8px; margin-top: 10px; padding: 0 10px; }
.jot-form textarea,.jot-form input	{ width: 400px; }