body, html { font: 90% Arial, Helvetica, sans-serif; margin: 0 0 2px; padding: 0; background: #fff; color: #000; }
table { border: 0px; border-collapse: collapse; font-size: 11px; line-height: 12px; }
img { border: 0; margin: 0; padding: 0; }
p { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; margin: 1px 0 0; }
ul { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; margin: 3px 0; }
a { color: #006699; text-decoration: none; }
a:hover { color: #ff6600; text-decoration: underline; }
h1 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 24px; color: #0e568c; }
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #3399ff; text-transform: uppercase; }
h3 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #006699; margin: 16px 0 10px; }
h4 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; margin: 10px 0px 0; }
hr { background-color: #ccc; color: #ccc; border: 0; height: 1px; margin: 20px 0 0; }
hr.blue { background-color: #8cb2ff; color: #8cb2ff }
.redmark { color: #ff0000; }
.textqu { font-weight: normal; color: #006699; }
.comment { font-size: 10px; line-height: 12px; font-weight: bold; color: #3a4951; }

#container { background: #fff; width: 900px; min-width: 900px; margin: 0 auto; text-align: left; /* this overrides the text-align: center on the body element. */ border-left: 1px solid #ccc; border-right: 1px solid #ccc; } /* html #container { height: 1%; } /* So IE plays nice */

#cap_index { height: 160px; }
#cap_pg { height: 127px; }

/*	overflow: hidden; 
	clear: left; 
*/
#nav { background: #0e568c; padding: 6px 0; margin-bottom: 5px; border-bottom: 0px solid #3e6077; border-top: 1px solid #fff; }
#nav ul { margin: 0 10px; padding: 0; list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } /*#cadfff*/
#nav li { display: inline; color: #8cb2ff; text-transform: uppercase; padding: 0 6px; border-left: 1px dotted #8cb2ff; }
#nav li.first { border-left: none; }
#nav ul li a { font-weight: normal; color: #cfdfff; }
#nav ul li a:hover { color: #fff; }

#anonsbar { height: 100px; width: auto; background: #ffffff; border-bottom: 3px solid #ffffff; /*background: url(image/gra1.jpg) repeat-x;*/ }
#anonsmess, #anonssec, #bannerbox { height: 100px; margin: 5px; padding: 0 10px; background:#fff; border: 1px solid #aaa; }
#anonsmess { width: auto; float: left; }
#anonssec { width: auto; float: left; }
#bannerbox { width: auto; float:right; background:#ffffaa; border: none; }
#anonsbar h1 { font-size: 12px; font-weight: normal; color: #ff0000; text-align: center; margin: 10px 0 0; background-color: #ccc; padding: 3px 0; border-bottom: 1px solid #aaa; }

#pagecontainer{ width: auto; border-left: 200px solid #fff; background-color: #fff; background: url(image/dots_fon.gif) repeat-x; } /* The width and color of the left bar */

#leftbar{ float: left; width: 200px; margin-left: -200px; background: url(image/dots_fon.gif) repeat-x; }
#leftbarlinks { width: 100px; margin: 20px auto; padding: 20px 0; }

#indexcontent { margin: 0 5px; padding: 20px 5px 20px; }
#indexcontent p { margin: 10px 0 0; text-align: justify; }

#indexbar { float: left; width: 200px; margin: 0 0 10px 5px; padding: 0 10px 5px; background-color: #fff; }
#indexbar.lft { margin-left: 5px; }
#indexbar a { color: #006699; }
#indexbar a:hover { color: #ff6600; }
#indexbar h1 { font-size: 18px; line-height: 20px; color: #032f55; padding: 5px; margin: 5px; text-align:center; height: auto; }
#indexbar h2 { font-size: 12px; text-transform: none; margin: 10px 0; background-color: #fff; }
#indexbar h2:first-letter { color: #ff6600; font-weight: bold; }
#indexbar p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: normal; margin: 5px 0; }
#indexbar ul { list-style: none; padding: 0; margin: 0; }
#indexbar ul li { color: #006699; }

#indexbox { margin: 0; background-image: url(image/dots_ibox.gif); background-repeat: no-repeat; }

#newsbar { background:#eee; float:left; width:660px; margin: 0 0 20px 10px; padding: 0 10px; }

#pagecontent { margin: 0 10px; padding: 20px 10px 20px; }
#pagecontent h1 { padding: 0 0 5px; margin: 16px 0; text-align:center; border-bottom: solid 0px #c2ebaf; }
#pagecontent h2 { margin: 10px 0 5px; padding: 10px 0 5px; }
#pagecontent p { margin: 10px 0 0; text-align: justify; }
#pagecontent p.equip { text-align: left; font-weight: bold; }
#pagecontent p.req { clear: left; margin: 25px 0; padding: 5px 0 7px 10px; font-weight: bold; background: #eee; }
#pagecontent ul { padding: 0 0 0 30px; margin-left: 10px; margin-top: 10px; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; }
#pagecontent ul li { margin: 5px 0 0;}
#pagecontent ul.features { list-style-image: url(image/mark-1.gif); font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#pagecontent ul.features li { margin-top: 7px; border-left: none 14px #ffccaa; font-size: 12px; line-height: 16px; }
#pagecontent ol { padding: 0 0 0 30px; margin: 10px 10px 0 0; font-size: 11px; }
#pagecontent ol li { margin: 5px 0 0;}
#pagecontent #sticker { float: left; width: 100%; margin: 12px 0; padding: 5px 5px 10px; background: #e1eedb; border: solid 1px #c2ebaf; }
#pagecontent #sticker.r50 { float: right; width: 50%; margin-left: 20px; }
#pagecontent #sticker.l50 { width: 50%; margin-right: 20px; }
#pagecontent #sticker p { text-align: center; margin: 10px; }
#pagecontent table { width: 100%; }
#pagecontent td { padding: 10px; border: 1px solid #ccc; }
#pagecontent .comment p { font-size: 10px; line-height: 12px; margin: 3px 0; } /*font-weight, color - see .comment*/

#top_pg { border: 1px solid #006699; margin-bottom: 5px; padding: 0 20px 0 300px; background-repeat: no-repeat; height: 300px; }
/*#model { float: left; background: #ddd; font-size: 12px; color: #ff0000; font-weight: bold; margin: 3px; padding: 3px 20px; text-align: center; }*/
#model { background: #8cb2ff; font-size: 12px; color: #fff; font-weight: bold; margin: 0; padding: 0 20px; border: 1px solid #006699; border-bottom: 1px solid #fff; }
#model p { width: 170px; background: #0e568c; margin: 0; padding: 0 0 2px; border-right: 1px solid #fff; border-left: 1px solid #fff; text-align: center; }

#ibar { float: left; position: relative; width: 100%; margin: 0 0px 20px; padding-bottom: 16px; border-bottom: 1px solid #ccc; }
#ibar.noline { border-bottom: none ; }
#ibar p { margin: 10px 0 0; text-align: justify; }
#ibar p.pic { font-size: 9px; line-height: 14px; font-weight: bold; color: #00aa00; margin: 25px 0 0; padding-bottom: 10px; }
#ibar img { float: right; margin: 14px 0 10px 25px; }
#ibar.lft img { float: left; margin: 0 25px 0 0; padding-right: 25px; }

#price { margin: 0 20px; }
#price table { width: 100%; }
#price td { padding: 7px 10px; border: 1px solid #ccc; }
#price td.note { width: 25%; color: #005e20; text-align: center; }
#price td.price { width: 16%; text-align: center; }
#price td.partname { text-align: center; font-weight: bold; color: #005e20; background-color: #eaf1e7; border-top: 2px solid #b0caa5; border-bottom: 1px solid #b0caa5; }
#price td.devicename { text-align: left; font-weight: bold; background-color: #eee; }
#price th { padding: 5px 10px; height: 3em; text-align: center; background-color: #ddebd7; border: 1px solid #b0caa5; }

#dload { margin: 0 20px; font-family: Tahoma, Arial, Helvetica, sans-serif; }
#dload table { width: 100%; }
#dload.dl2 table { width: 75%; }
#dload td { padding: 7px 10px; text-align: center; border: 1px solid #ccc; }
#dload.dl2 td { text-align: left; }
#dload th { padding: 10px; border: 1px solid #ccc; text-align: center; background-color: #eee; }

#sert_all { margin: 0 20px; }
#sert_all table { width: 90%; text-align: center; }
#sert_all td { width: 32%; padding: 5px 10px; border: 1px solid #ccc; }

/*menu slide*/
#m_slide { float: left; width: 100%; padding: 6px 0 7px; margin-bottom: 25px; background: #cfdfff; border: 1px solid #8cb2ff; }
#m_slide ul { list-style: none; margin: 0 10px; padding: 0; }
#m_slide ul li { display: inline; padding: 8px 10px; border-left: 1px solid #fff; font-size: 11px; font-weight: bold; } /*padding vert */
#m_slide ul li.first { border-left: none; }
#m_slide ul li.act { background: #fff; margin-right: -3px; }
#m_slide ul li a { color: #000; } 
#m_slide ul li.act a { color: #0e568c; }
#m_slide ul li a:hover { color: #0e568c; }

#m_slide li.act { background-color: #fff; color: #ff0000; }
#m_slide ul li.act { border: 0px; }

/*div slide*/
#review { visibility: visible; display: block; }
#complete { visibility: visible; display: none; }
#technical { visibility: visible; display: none; }
#sert { visibility: visible; display: none; }

#pagecontent #complete h2, #pagecontent #technical h2, #pagecontent #sert h2 { border-bottom: none; }

#complete, #technical, #sert { margin: 0 20px; padding-bottom: 100px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; }
#complete h2, #technical h2, #sert h2 { margin: 20px 0 10px; }
#complete table,#technical table, #sert table { width: 75%; }
#complete td, #technical td, #sert td { width: auto; padding: 5px 10px; border: 1px solid #ccc; }
#complete td.lbar, #technical td.lbar, #sert td.lbar { width: 75%; }
#sert table { width: 90%; text-align: center; }
#sert table td { width: 32%; }
#tech_100 table { width: 100%; }

/*Menu Side*/
#m_side { margin-top: 0; float: left; }
#m_side ul { margin: 0; padding: 0; }
#m_side ul li { width: 200px; list-style: none; text-align: center; color: #aaa; padding-top: 7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-repeat: no-repeat; background-position: bottom; }
#m_side li ul { display: none; left: 0px; top: 1px; } /*popup { position: absolute; display: none; left: 200px; }*/
#m_side li ul li { padding: 0; }
#m_side li ul li.first { padding-top: 0; }
#m_side ul li a { display: block; text-decoration: none; padding: 7px 20px; color: #000; border-top: solid 1px #fff; border-bottom: solid 1px #fff; background-color: #e1e1e1;  background-image: url(image/mside_m2_unsel.gif); background-repeat: no-repeat; background-position: bottom; } /* back 1 padding menu text 1st*/
#m_side ul.m_point li a { background-image: url(image/mside_point_unsel.gif); background-repeat: no-repeat; background-position: bottom; }
#m_side li:hover ul { display: block; }

/*Menu Side Hover Persistence */
#m_side li.open ul li.act { width:auto; margin-top: 0; padding: 7px 20px 7px 32px; font-size: 10px; font-weight: bold; text-align: left; color: #ff0000; background-color: #fff; border-top: solid 1px #fff; border-bottom: solid 1px #ccc; } /*activated (disabled) point on 2nd level*/
#m_side ul li:hover a { color: #000; background-color: #8cb2ff; background-image: url(image/mside_m2_sel.gif); } /*hover 1*/
#m_side ul.m_point li:hover a { background-image: url(image/mside_point_sel.gif); } /*hover 1 (no menu 2nd)*/
#m_side ul li:hover li a, #m_side li.open ul li a { font-size: 10px; font-weight: bold; text-align: left; padding-left: 32px; color: #1b68ce; background-color: #fff; background-image: none; border-bottom: solid 1px #ccc; } /*back 2nd level*/
#m_side ul li:hover li:hover a { background-color: #cfdfff; } /*hover 2*/

/*Menu Side Activaited Group*/
#m_side ul li.open a { background-color: #8cb2ff; background-image: url(image/mside_m2_sel.gif); } /*back 1 activated*/
#m_side li.open ul { display: block; }

/*Menu Side Activated point (no menu 2nd)*/
#m_side ul.m_point li.act a { color: #ff0000; background-color: #fff; background-image: none; } /*activated (disabled) point*/
#m_side ul.m_point li.act:hover a { color: #ff0000;background-color: #fff; background-image: none; } /*hovered activated (disabled) point*/

/*Menu Side For IE */
#m_side li.over a { background-color: #fff; background-image: url(image/mside_m2_unsel.gif); }
/*#m_side li.over li a { background-color: #fff; }*/
#m_side li ul li { width: 200px; background-color: #e1e1e1; }
#m_side li ul li a { border-bottom: solid 1px #ccc; }
#m_side_bott { width: 200px; background-image: url(image/cont_top_right_bk.jpg); background-repeat: repeat-x; height: 500px; }

/*html ul li { float: left; height: 1% }*/
html ul li a { height: 1%; }

#m_side td.title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; list-style: none; text-align: center; height: 67px; text-transform: uppercase; letter-spacing: 0.3em; background-color: #eee; color: #4c738d; }
/**/

#footer { clear: left; }
#footer ul { padding: 5px 20px; margin: 0; padding: 20px; }
#footer li { display: inline; }
#footer ul li a { font-size: 13px; color: #000; padding: 0 10px; border-left: solid 1px #aaa; }
#footer ul li.first a { border-left: none; }
#footer ul li a:hover { color: #ff0000; }
#footer.bott { height: 32px; text-align: center; color: #fff; border-top: solid 1px #fff; background: url(image/bott.gif); }
#footer p { padding: 5px; }