/* CSS Document */

body{ text-align:center; color:#242424; background:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}

ul,li{ margin:0; padding:0;} 




/* top */
.top	{ width:713px; margin:0 auto; text-align:left}

.top_logo	{ float:left; width:320px; margin:5px 0 0 5px}
.top_logo div	{ float:left; width:auto}
.top_logo p		{ float:left; width:250px; margin:8px 0 0 3px; line-height:120%; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold}

.top_contact{ float:right; width:300px;}
.top_contact div	{ float:left; width:auto}
.top_contact p		{ float:left; margin:0; line-height:130%}

.top_banner	{ position:relative; clear:both; height:138px; background:url(images/banner.jpg) no-repeat}
.top_banner p	{ position:absolute; width:100%; top:110px; margin:0; text-align:center; font-size:14px; font-weight:bold}
.top_banner p a	{ color:#1D1D1D; text-decoration:none}
.top_banner p a:hover	{ color:#EF0303; text-decoration:underline}




/* main */
.main	{ width:713px; margin:0 auto; text-align:left}

.left	{ float:left; width:184px; background:url(images/left_main.gif) repeat-y}

.left h2	{ margin:0; background:url(images/left_head.gif) no-repeat; font-size:14px; height:34px; line-height:34px;}
.left h3	{ font-size:11px; margin:10px 0 10px 10px}
.left h3 a	{ color:#C21D1D; text-decoration:none}
.left h3 a:hover { text-decoration:underline}
.left ul	{ margin:0 0 0 10px; list-style:none}
.left li	{ margin:8px 0}
.left li a	{ color:#000000; text-decoration:none}
.left li a:hover	{ color:#FF0000; text-decoration:underline}

.right	{ float:right; width:520px; text-align:justify; line-height:150%}
.right h1	{ font-size:17px; background:url(images/dot_line.gif) bottom repeat-x; line-height:34px}
.right h2	{ font-size:12px}
.right ul	{}
.right li	{ margin:10px 0}
.right table	{ text-align:center}
.right a	{ color:#000000; text-decoration:none}
.right a:hover	{ color:#FF0000; text-decoration:underline}

.right .product_photo { text-align:center}
.right .product_photo span  { border: solid 1px #CCCCCC; padding:2px; margin:0 3px}

.products_list	{ margin:10px 0; clear:both; border-bottom:dotted 1px #000000; height:120px}
.products_list_img	{ float:left; width:100px; text-align:center}
.products_list_text	{ float:right; width:400px}
.products_list_text h3	{ font-size:14px; margin:5px 0}
.products_list_text p	{ margin:10px 0}
.lear_more			{ float:right; width:200px; text-align:right}



/* bottom */

.bottom	{ width:713px; clear:both; margin:0 auto; color:#7F7F7F; text-align:left; padding:20px 0 0 0}
.bottom	a	{ color:#7F7F7F;}
.bottom	a:hover	{ color:#FF0000}
.bottom div	{ background:#D7D7D7; font-size:1px; height:1px; margin:10px 0}



/* index */
.index_main	{}
.index_main_top	{ position:relative; height:135px; background:url(images/banner_bg.jpg) no-repeat right}

.index_main_top h3	{ position:absolute; left:10px; top:30px; font-family:"Times New Roman", Times, serif; font-size:18px }
.index_main_top h4	{ position:absolute; left:24px; top:57px; font-family:"Times New Roman", Times, serif; font-style:italic; color:#989898; font-size:16px}
.index_main_top h4 b	{ color:#B70000}
.index_main_top p	{ position:absolute; left:300px; top:17px; width:400px; text-align:justify; font-size:10px; line-height:140%}
.index_main_top div	{ position:absolute; left:630px; top:110px}

.index_main_line	{ width:100%; background:url(images/dot_line.gif) repeat-x;}
.index_main_line ul{ list-style:none;}


.index_main h2	{ margin:0}
.index_main h2 div	{ float:left; width:auto; font-size:18px; margin:0}
.index_main h2 p	{ float:right; width:auto; font-size:11px; font-weight:normal}
.index_main h2 a	{ color:#242424; text-decoration:none}
.index_main h2 a:hover	{ color:#FF0000; text-decoration:underline}

.index_main ul	{ clear:both;}
.index_main ul li	{ float:left; width:33.3%;}

.index_main ul li div	{}
.index_main ul li ul	{ list-style-image:url(images/dot_dot.gif)}
.index_main ul li ul li	{ float:none; width:auto; margin:6px 0 6px 20px;}

.index_main ul li ul li a	{ color:#2B2B2B; text-decoration:none}
.index_main ul li ul li a:hover	{ color:#FF0000; text-decoration:underline}