html,
body { font-size:12px; margin:0; padding:0; outline:0; font-family:Arial, Helvetica, sans-serif; height:auto; background:url(../images/background.png); *font-size:10px; }
a { outline:none; color:#6e2916; text-decoration:none; }
a:hover { color:#d8c392; text-decoration:none; }
input { outline:none; }
.pointer { cursor:pointer; }
.clear { clear:both; }
h5 { font-size:18px; color:#999999; font-weight:bold; margin-bottom:10px; }
#container { height:668px; width:100%; margin-top:50px; float:left;}
#main-container { width:960px; height:auto; margin:20px auto; }
#main-container #left_design { background:url(../images/top.png) no-repeat; width:100%; height:24px; float:left;}
#main-container #mid { background-color:#FFFFFF; width:100%; min-height:720px; height:auto; float:left;}
#main-container #right_design { background:url(../images/bottom.png) no-repeat; height:26px; width:100%; float:left;}
.logo { background:url(../images/logo.png) no-repeat; height:109px; width:335px; margin:10px 0px 0px 100px; }
#bod { border-left:1px solid #000; height:140px; width:1px; margin:10px 0 0 0px; float:left; }
/* LEFT CONTAINER */
#left-container { width:670px; float:left; height:auto; }
#left-container #header { width:100%; height:180px; background:url(../images/logo.png) no-repeat center; }
#left-container #menu { width:100%; height:30px; margin-left:22px; }
#left-container #menu ul { list-style:none; color:#666666; padding:5px 5px 5px 5px; margin:0; font-size:12px; }
#left-container #menu li { display:inline; padding:0 0px 0 0px; }
#left-container #menu li a { text-decoration:none; color:#999999; font-weight:bold; }
#left-container #menu li a:hover { }
#left-container #menu ul .selected a { color:#660000; }
#left-container #body { width:100%; height:auto; min-height:515px; border:1px solid #949599; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; margin-left:16px; }
#left-container #body h1 { text-align:center; clear:both; display:block; }
#left-container #body #left { width:470px; height:340px; float:left; background:url(../images/catlog-pic.png) no-repeat center; }
#left-container #body #left #heading { font-size:24px; color:#AAAAAA; font-style:italic; width:360px; margin:0 auto; margin:30px 0 0 120px; display:block; }
#left-container h3 { color:#6d2712; margin:-7px 0 10px 0; padding:0 0 5px 0; text-align:center; font-size:15px;}
#left-container h3 a { font-style:italic; }
#left-container h6 { margin:4px 0 0 100px; width:200px; text-align:center; padding:0 0 0 0; font-size:21px;}
#left-container #body #right {width:190px; height:340px; font-size:12px; float:right; margin-right:5px; margin-left:5px; color:#000; }
#left-container #body #right P { padding:7px 0 0 0; margin:0; }
#left-container #body #right p a { color:#0000FF; text-decoration:none; font-style:italic; }
#left-container #body #bottom { width:650px; height:150px; clear:both; border-top:1px solid #6e2611; }
#left-container #body #bottom #left-text { width:160px; float:left; text-align:center; }
#left-container #body #bottom #left-text h1 { width:130px; color:#660000; font-size:28px; line-height:25px; margin:20px auto 5px auto; padding:0; text-align:center; }
#left-container #body #bottom #left-text h4 { font-size:25px; width:120px; text-align:center; margin:0 auto; padding:0; }
#left-container #body #bottom #right-text { width:470px; padding-top:10px; float:right; font-size:12px; }
#left-container #body #bottom #right-text span { font-weight:bold; }
/*--------page cross-------*/
#cross-table { width:625px; margin:5px auto; border:1px solid #550000; }
#cross-table th { background-color:#660000; color:#FFFFFF; padding:8px; }
#cross-table td { background-color:#EEEEEE; padding:5px; }
#cross-disc { width:630px; height:50px; clear:both; margin:10px auto; padding:10px; border-top:1px solid #6e2611; text-align:center; }
#left-container #search { width:390px; height:26px; border:1px solid #333333; margin:0 auto; }
#left-container #search #left-cross { width:80px; height:26px; line-height:26px; padding-left:5px; background-color:#999999; color:#FFFFFF; float:left; }
#left-container #search #right-cross { width:300px; height:24px; line-height:26px; color:#333333; float:left; font-weight:bold; }
#left-container #search #right-cross input { width:270px; height:20px; margin:2px; background-color:#ccc; color:#000000; border:none; float:left; padding:1px 2px 1px 2px; }
#bis-left { height:129px; width:7px; float:left; }
#product { height:220px; width:663px; margin-top:30px; }
#text_image { background:url(../images/text.png) no-repeat left; height:191px; margin:5px 0 0 5px; width:30px; float:left; }
#product #box_bg { height:182px; width:285px; padding:2px; background-color:#DDDDDD; float:left; margin:5px 0 0 10px; border-radius:7px; overflow:hidden; }
#product #box_bg_scroll { height:184px; width:16px; padding:1px; background-color:#DDDDDD; float:left; margin:5px 0 0 5px; border-radius:7px; overflow:hidden; }
#product #box_bg table { font-size:10px; font-weight:bold; width:90%; }
#product #box_bg table th { text-align:left; color:#CC0000; width:100px; font-size:12px; }
#table5 { height:190px; width:280px; float:left; margin-left:5px; border-right:1px solid black; border-left:1px solid black; }
#table5 ul { height:160px; margin:0; padding:0; }
#table5 li { list-style:none; padding-top:3px; float:left; width:50%; line-height:18px; }
#table5 li input { width:120px; cursor:pointer; text-align:left; border:none; background:none; color:#000000; font-size:13px; font-weight:bold; }
#arrow-up { width:15px; height:13px; display:block; }
#arrow-up a { width:15px; height:20px; display:block; background:url(../images/up-arrow.png) center no-repeat; }
#arrow-scroll { width:15px; height:158px; display:block; }
#arrow-down { width:15px; height:13px; display:block; }
#arrow-down a { width:15px; height:20px; display:block; background:url(../images/down-arrow.png) center no-repeat; }
/*--------page cross-------*/
/*--------page distributor-------*/
#dist-image { width:470px; height:auto; display: inline-block; }
#dist-info { width:190px; height:auto; border-left: 1px solid #550000; display: inline-block; }
#dist-info-box { width:180px; height:400px; float:right; border:1px solid #600; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; }
#dist-info-box #search { width:170px; height:22px; margin-top:10px; }
#dist-info-box #search #left-cross { width:45px; height:22px; font-size:10px; }
#dist-info-box #search #right-cross { width:120px; height:20px; }
#dist-info-box #search #right-cross input { width:90px; height:16px; font-size:10px; color:#000000; }
/*--------page distributor-------*/
/*--------page datasheet--------*/
.data-table { height:355px; width:90px; float:left; margin-top:20px; }
.data-table li { list-style:none; font-weight:bold; padding-top:3px; font-size:13px; }
#data-table1 { height:300px; width:140px; margin-left:40px; float:left; border-left:1px solid black; }
#data-table1 li { list-style:none; font-weight:bold; font-size:13px; padding-top:3px; }
#body h2 { padding:0; margin:0; font-size:20px; height:20px; width:150px; font-weight:normal; text-align:center; }
#bis #p { text-align:center; height:100px; width:600px; margin-left:30px; font-weight:bold; margin-top:15px; }
/*--------page datasheet--------*/
/*--------page select relay--------*/
#relay { width:640px; height:115px; border:1px solid #636365; margin:10px auto; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; }
#relay #code { width:50px; height:30px; margin:45px 0; float:left; font-weight:bold; font-size:18px; }
#relay #image { width:250px; height:90px; margin:13px 0; border-left:1px solid #000; border-right:1px solid #000; float:left }
#relay #discr { width:270px; height:70px; margin:13px 0; float:left; padding:10px }
/*--------page select relay--------*/
/*--------page application notes, about, contact--------*/
#box_cont1 { height:auto; width:340px; float:left; padding-left:10px; }
#box_cont1 h3 { text-align:left; margin-top:0; margin-left:0; }
#box_cont1 p { color:#000; text-align:justify;}
#box_cont1 p a { font-size:16px;}
#box_cont1 u { color:#2e41af; font-weight:bold; }
#box_cont2 { height:auto; width:290px; float:right; margin-right:5px; padding-right:10px; }
#box_cont2 h3 { text-align:left; margin-top:0; margin-left:0; }
#box_cont2 p { color:#000; text-align:justify; }
#box_cont2 p a { font-size:16px;}
#box_cont2 u { color:#2e41af; font-weight:bold; }
/*--------page application notes--------*/
.verticaltext { writing-mode: tb-rl; filter: flipV flipH; }
.box_rotate { -moz-transform: rotate(270deg); /* FF3.5+ */ -o-transform: rotate(270deg); /* Opera 10.5 */ -webkit-transform: rotate(270deg); /* Saf3.1+, Chrome */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2.703); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2.703)"; /* IE8 */ }
/* LEFT CONTAINER */
/* RIGHT CONTAINER */
/* TOP */
#right-container { width:250px; min-height:630px; height:auto; margin-top:30px; float:right; margin-right:12px; border-left:1px solid #231f20; }
#right-container_new{width:250px; height:100px; margin-top:30px; float:right; margin-right:12px;}
#right-container_new #top { width:100%; height:125px; }
#right-container_new #top #search { width:230px; height:26px; border:1px solid #333333; margin:0 auto; }
#right-container_new #top #search #left { width:50px; height:26px; line-height:26px; padding-left:10px; background-color:#999999; color:#FFFFFF; float:left; }
#right-container_new #top #search #right { width:170px; height:24px; line-height:26px; color:#333333; float:left; font-weight:bold; }
#right-container_new #top #search #right input { width:140px; height:20px; margin:2px; background-color:#CCCCCC; color:#000000; border:none; float:left; padding:1px 2px 1px 2px; }
#right-container #top { width:100%; height:125px; }
#right-container #top #search { width:230px; height:26px; border:1px solid #333333; margin:0 auto; }
#right-container #top #search #left { width:50px; height:26px; line-height:26px; padding-left:10px; background-color:#999999; color:#FFFFFF; float:left; }
#right-container #top #search #right { width:170px; height:24px; line-height:26px; color:#333333; float:left; font-weight:bold; }
#right-container #top #search #right input { width:140px; height:20px; margin:2px; background-color:#CCCCCC; color:#000000; border:none; float:left; padding:1px 2px 1px 2px; }
#right-container #top h3 { color:#AAAAAA; text-align:center; font-style:italic; padding:0; font-size:22px; margin-top:64px; height:20px; font-weight:normal; }
#right-container #top h2 { color:#660000; margin:4px; text-align:center; padding:0; font-size:22px; }
/* TOP */
/* MIDDLE */
#right-container #middle { width:240px; height:auto; margin-left:8px; }
#right-container #middle #solar { height:102px; width:241px; float:left; margin-bottom:7px; background:url(../images/solar1.png) no-repeat; }
#right-container #middle h6 { color:#ed1c24; font-size:28px; padding:60px 0 0 5px; width:120px; margin:0; }
#right-container #middle h4 { width:240px; margin:0 auto; color:#660000; font-size:13px; font-weight:normal;}
#right-container #middle h4 a { font-style:italic; font-family:arial; }
#right-container img { margin-top:10px; }
#right-container #middle h3 { color:#AAAAAA; text-align:center; font-style:italic; padding:0; font-size:22px; margin-top:64px; height:20px; font-weight:normal; }
#right-container #middle h2 { color:#25408f; font-size:12.5px; font-weight:normal; }
#right-container #middle h2 span { font-size:13px; }
#right-container #middle h2 a { color:#FF0000; font-style:italic; }
#cross-right { width:280px; }
#cross-heading { width:250px; font-size:19px; font-weight:bold; padding:2px; margin-top:40px; color:#000; }
#cross-heading a { font-size:13px; font-family:arial; font-style:italic; }
#cross-box { width:280px; height:82px; margin:2px 0 2px 0; font-size:11px; }
#cross-box #text { width:180px; float:left; color:#000; text-align:right; height:auto; margin-top:15px; }
#cross-box img { width:60px; float:right; height:70px; margin:8px 7px 0 0; }
/* MIDDLE */
#right-container #bottom { width:100%; height:160px; }
#right-container #bottom span { font-size:16px; color:#6d2712; width:230px; margin:0 auto; padding-top:10px; display:block; text-align:center; border-top:1px solid #6e2611; }
/* RIGHT CONTAINER */
#site_map { height:150px; width:960px; margin:10px auto; }
#site_map a { color:#fff; }
.site_map_box { width:160px; height:200px; float:left; }
.site_map_box ul { padding:2px 0 0 20px; margin:0; color:#caac68; font-size:13px; }
.site_map_box li { padding:5px 0 0 0; list-style:none; color:#fff; font-size:14px; }
#subleft { height:auto; width:210px; border-right:1px solid #AAA; float:left; }
#subleft ul { padding:0 0 0 15px; margin:0; }
#subleft ul span { font-size:18px; }
#subleft ul li { list-style:none; padding:5px 0 2px 2px; color:#000; font-size:13px; font-weight:bold; }
#subleft ul li a { color:#6e2916; }
#subbox { min-height:190px; height:auto; margin-left:6px; width:97%; border-bottom:1px solid #AAA; float:left }
#subbox #in_box { height:150px; width:100px; float:left; margin-top:25px; }
#subbox .features { width:300px; margin-bottom:10px; float:left; margin-left:20px; font-size:14px; }
#subbox #sub_table { height:auto; margin-bottom:10px; width:420px; float:right; margin-top:25px; }
#subbox #sub_table a { color:#666666; font-family:Arial, Helvetica, sans-serif; }
#subbox #sub_table table { border:solid 1px #555; border-bottom:none; }
#subbox #sub_table table td { border-bottom:solid 1px #555; padding:2px; }
#subbox #sub_table table th { text-align:left; border-bottom:solid 1px #555; padding:2px; }
#table-nav { height:20px; }
#table-nav #p1 { margin:0; padding:0; float:left; font-size:13px; color:#999999; }
#table-nav #p2 { margin:0; padding:0; float:right; font-size:13px; color:#999; }
#subbox ul { padding:0 0 2px 8px; margin:0; width:250px; float:left; }
#subbox ul li { list-style:none; padding:5px 0 0 2px; }
.goButton { float:right !important; width:22px !important; height:22px !important; font-weight:bold !important; padding:0 !important; margin:2px 0 0 0 !important; color:#990000 !important; font-size:11px !important; }
#table6 { height:70px; width:80%; text-align:left; margin:0 auto; }
#table6 ul { height:75px; margin:0; padding:0; }
#table6 li { list-style:none; padding-top:3px; float:left; width:25%; line-height:18px; font-weight:bold; }
#table6 li input { width:120px; cursor:pointer; text-align:left; border:none; background:none; color:#000000; font-size:13px; font-weight:bold; }
#side_product{border:solid 1px #949599; border-radius:10px; height:350px; width:240px; margin-bottom:10px; margin-top:-9px;}
#side_product .p{ padding:0px 0 0 40px; font-size:10px;}