* { margin:0; padding:0;}
body { background: url(images/body.gif) repeat;height:100%}
html {height:100%}
html, input, textarea, select{font-family:Verdana, Arial, sans-serif; font-size:100%; color:#2c2c2c; font-weight:normal; font-size:0.75em; line-height:1.416em}


/*in_line*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

.alignright { text-align:right;}

.faqunderline{ color:#4f4f4f; text-decoration:underline; font-weight:bold}

.title, .title_top, .title_bot{ display:block}

.link{ color:#4f4f4f; text-decoration:underline; font-weight:bold}
.link:hover{ text-decoration:none}

.link1{ color:#218dcb; padding-right:14px; text-decoration:underline; background:url(images/marker.gif) no-repeat top right; font-size:1.16em}
.link1:hover{ text-decoration:none}

.link2{ color:#218dcb; text-decoration:underline}
.link2:hover{ text-decoration:none}

.link3{ color:#4f4f4f; text-decoration:underline;}
.link3:hover{ text-decoration:none}

p {margin:0; padding:0;}

del { text-decoration: line-through; }

.separate{ background:url(images/separate.gif) repeat-x; width:auto; height:12px}

/*span{ color:#696969; font-size:0.91em}*/
span{ color:#696969}

/*
h1 { text-indent:400px; text-align: center; line-height:93px; vertical-align: middle; color:#ffffff; padding:0; margin:0; font-size:1em; background:url(images/logo_m.jpg) no-repeat; height:93px}
*/
.pos{ position:absolute; margin:0; padding:0}

ul { margin:0; padding:0; list-style:disk}

ul li a { color:#2c2c2c; text-decoration: underline; font-weight:normal}
ul li a:hover{ text-decoration:none}

/*txt, links*/
.marg{ margin:0 30px}

/*header*/
#header { background:url(images/header_rep.gif) repeat-x; line-height:1em; font-family:Verdana, Arial, sans-serif}
#header .logo{ background:url(images/head_rt.gif) no-repeat right top; height:93px}
/* #header .logo .fleft{ padding:18px 0 0 18px} */
#header .logo .fright{ padding:42px 21px 0 0}
#header .logo .fright img{ margin-left:13px; vertical-align:middle}
#header .logo .fright a{ color:#868686; text-decoration:underline}
#header .logo .fright a:hover{ text-decoration:none}
#header .menu{ height:51px}
#header .menu a{ width:124px; padding-top:15px; padding-bottom:15px; margin-top:2px; color:#999999; text-decoration:none; display:block; font-family:georgia,Verdana, Arial, sans-serif}
#header .menu a:hover{ background:url(images/a_bg.gif) no-repeat; color:#ffffff; text-decoration:underline}
#header .menu b a{ background:url(images/a_bg.gif) no-repeat; color:#ffffff; text-decoration:underline; font-weight:normal}
#header .menu .col1{ width:2%; height:50px}
#header .menu .col2{ width:1%; height:50px}
#header .menu .m{ width:12%; float:left; text-align:center}
#header .menu .m div{ margin:0 auto; width:124px}
#header .menu .bg{ background:url(images/menu_line.gif) no-repeat 0 8px}

/*content*/
#content {width:100%; background:url(images/bg.gif) repeat-x #f8f8f8 }
#content .row3{ width:100%; background:url(images/bg.gif) repeat-x #f8f8f8 }
#content .row1{ width:100%; background:url(images/bg.gif) repeat-x #f8f8f8 }
#content .row2{ width:100%; background:url(images/bg1.gif) repeat-x #e6e6e6; padding:12px 0 10px 0}
#content .row1 .left .image{ margin:24px 0 0 17px}
/*#content footerspacer {height:77px}*/
.y{ background:url(images/y.gif) repeat-y}

/*footer*/
#footer{ background:url(images/footer.gif) repeat-x; color:#ababab}
#footer div{ padding:30px 0 0 27px}
#footer a{ color:#ababab; text-decoration:none; font-weight:bold}
#footer a:hover{ text-decoration:none}

/*================== index.html ==================*/
#content .row1 .spacer{ float:left; height:47px} 


#content img.mycenter {
    display: block;
    margin-left: auto;
    margin-right: auto }


#page1 #content .row1 .left .indent{ padding:22px 32px 42px 25px; color:#4f4f4f}
#page1 #content .row1 .left .indent .title{ margin-bottom:5px}

#content .row1 .right .spacer{ height:47px; float:left}
#page1 #content .row1 .right .indent{ padding:41px 22px 10px 19px; float:left}
#page1 #content .row1 .right .indent .title{ margin-bottom:6px}
#page1 #content .row1 .right .indent .img{ margin-right:7px; vertical-align:middle}
#page1 #content .row1 .right .indent span{ color:#868686; font-size:0.91em}
#page1 #content .row1 .right .indent .link{ display:block; padding-top:4px}
#page1 #content .row1 .right .indent .separate{ margin-top:21px; padding-bottom:6px}

#content .row2 .spacer{ height:35px; float:left}
#page1 #content .row2 .col1 .indent{ padding:20px 35px 1px 25px}
#page1 #content .row2 .col1 .indent .title{ margin-bottom:21px}
#page1 #content .row2 .col1 .indent .img{ margin:4px 25px 0 0; float:left}
#page1 #content .row2 .col1 .indent span{ display:block; padding:17px 0 13px 0}
#page1 #content .row2 .col1 .indent .ind{ margin-left:194px}

#page1 #content .row2 .col2 .indent{ padding:20px 20px 0 36px}
#page1 #content .row2 .col2 .indent .title{ margin-bottom:18px}

/*================== index-1.html ==================*/
#page2 #content .row1 .left .indent{ padding:38px 32px 42px 25px; color:#4f4f4f}
#page2 #content .row1 .left .indent .title{ margin-bottom:17px}
#page2 #content .row1 .left .indent .img{ margin:3px 20px 16px 0; float:left}
#page2 #content .row1 .left .indent div{ margin-left:130px}
#page2 #content .row1 .left .indent p{ padding-bottom:10px}

#page2 #content .row1 .right .indent{ padding:41px 18px 10px 19px; float:left; color:#4f4f4f}
#page2 #content .row1 .right .indent .link{ display:block; padding:22px 0 14px 0}
#page2 #content .row1 .right .indent p{ padding:17px 0 10px 0}
#page2 #content .row1 .right .indent .separate{ margin-top:28px; padding-bottom:16px}
#page2 #content .row1 .right .indent .title_bot{ margin-bottom:15px}
#page2 #content .row1 .right .indent .img{ float:left; margin:7px 20px 0 0}
#page2 #content .row1 .right .indent ul{ float:left; margin-left:50px}

#page2 #content .row2 .col1 .indent{ padding:21px 42px 10px 25px}
#page2 #content .row2 .col1 .indent p{ padding-top:10px}
#page2 #content .row2 .col1 .indent .alignright{ margin-right:14px; color:#218dcb}
#page2 #content .row2 .col1 .indent .title{ margin-bottom:10px}

#page2 #content .row2 .col2 .indent{ padding:21px 32px 10px 37px; color:#4f4f4f}
#page2 #content .row2 .col2 .indent .title{ margin-bottom:18px}
#page2 #content .row2 .col2 .indent p{ padding:16px 0 10px 0}
#page2 #content .row2 .col2 .indent .block{ width:100%}
#page2 #content .row2 .col2 .indent .block .c1{ width:52%; float:left}
#page2 #content .row2 .col2 .indent .block .c2{ width:48%; float:left}

/*================== solutions.html ==================*/

#page3 #content .row1 .left .indent{ padding:38px 32px 22px 25px}
#page3 #content .row1 .left .indent .title{ margin-bottom:24px}
#page3 #content .row1 .left .indent .block{ width:100%; margin-top:8px; padding-bottom:18px}
#page3 #content .row1 .left .indent .block .c1{ width:53%; float:left}
#page3 #content .row1 .left .indent .block .c2{ width:47%; float:left}

#page3 #content .row1 .right .indent{ padding:43px 17px 10px 19px; float:left; color:#4f4f4f}
#page3 #content .row1 .right .indent ul{ margin:15px 0 25px 0}
#page3 #content .row1 .right .indent .title_bot{ margin:13px 0 24px 0}
#page3 #content .row1 .right .indent .img{ float:left; margin:3px 20px 17px 0}
#page3 #content .row1 .right .indent p{ padding-bottom:8px}
#page3 #content .row1 .right .indent .ind{ padding-right:20px}

#page3 #content .row2 .col1 .indent{ padding:21px 20px 10px 25px; color:#4f4f4f}
#page3 #content .row2 .col1 .indent .title{ margin-bottom:18px}
#page3 #content .row2 .col1 .indent .img{ float:left; margin:3px 20px 16px 0}
#page3 #content .row2 .col1 .indent p{ padding:16px 0 14px 0}

#page3 #content .row2 .col2 .indent{ padding:21px 32px 10px 37px; color:#4f4f4f}
#page3 #content .row2 .col2 .indent p{ padding:21px 0 10px 0}

/*================== products.html ==================*/

#page4 #content .row1 .spacer{ height:47px; float:left}
#page4 #content .row3 .spacer{ height:47px; float:left}

#page4 #content .row3 .left .indent .title{ margin-bottom:22px}
#page4 #content .row3 .left .indent .img{ display:block; margin-bottom:15px}
#page4 #content .row3 .left .indent ul{ margin-left:200px}
#page4 #content .row3 .left .indent p{ padding:15px 0 12px 0}

#page4 #content .row1 .left .indent{ padding:38px 32px 22px 25px; color:#4f4f4f}
#page4 #content .row1 .left .indent .title{ margin-bottom:22px}
#page4 #content .row1 .left .indent .img{ display:block; margin-bottom:15px}
#page4 #content .row1 .left .indent ul{ margin-left:200px}
#page4 #content .row1 .left .indent p{ padding:15px 0 12px 0}

#page4 #content .row1 .right .indent{ padding:38px 32px 22px 25px; color:#4f4f4f}
#page4 #content .row1 .right .indent .title{ margin-bottom:22px}
#page4 #content .row1 .right .indent .img{ display:block; margin-bottom:15px}
#page4 #content .row1 .right .indent ul{ margin-left:200px}
#page4 #content .row1 .right .indent p{ padding:15px 0 12px 0}

#page4 #content .row2 .col1 .indent{ padding:21px 50px 10px 25px}
#page4 #content .row2 .col1 .indent .title{ margin-bottom:20px}
#page4 #content .row2 .col1 .indent ul{ margin:8px 0 12px 0}
#page4 #content .row2 .col1 .indent p{ padding-bottom:8px}

#page4 #content .row2 .col2 .indent{ padding:21px 32px 10px 37px; color:#4f4f4f}
#page4 #content .row2 .col2 .indent .title{ margin-bottom:16px}
#page4 #content .row2 .col2 .indent p{ padding-bottom:13px}
#page4 #content .row2 .col2 .indent .img{ float:left; margin:3px 20px 0 0}

#page4 #content .row1 .indent .col2  p{ padding-bottom:13px}

/*================== documentation.html ==================*/
#page5 #content .row1 .spacer{ height:47px; float:left}
#page5 #content .row3 .spacer{ height:47px; float:left}
#page5 #content .row1 .left .indent{ padding:38px 35px 22px 25px; color:#4f4f4f}
#page5 #content .row1 .left .indent .title{ margin-bottom:20px}
#page5 #content .row1 .left .indent .block{ width:100%; margin:6px 0 0 0; padding-bottom:11px}
#page5 #content .row1 .left .indent .block .c1{ width:54%; float:left}
#page5 #content .row1 .left .indent .block .c2{ width:46%; float:left}
#page5 #content .row1 .left .indent p{ padding-bottom:10px}

#page5 #content .row1 .right .indent{ padding:43px 17px 10px 19px; float:left; color:#4f4f4f}
#page5 #content .row1 .right .indent p{ padding:17px 0 10px 0}
#page5 #content .row1 .right .indent .separate{ margin-top:18px; padding-bottom:17px}
#page5 #content .row1 .right .indent .title{ margin-bottom:17px}
#page5 #content .row1 .right .indent .img{ float:left; margin:7px 20px 15px 0}
#page5 #content .row1 .right .indent ul{ margin-left:152px}

#page5 #content .row2 .col1 .indent{ padding:21px 20px 10px 25px; color:#4f4f4f}
#page5 #content .row2 .col1 .indent .title{ margin-bottom:17px}
#page5 #content .row2 .col1 .indent .img{ margin:3px 20px 16px 0; float:left}
#page5 #content .row2 .col1 .indent p{ padding:12px 0 10px 0}

#page5 #content .row2 .col2 .indent{ padding:21px 32px 10px 37px; color:#4f4f4f}
#page5 #content .row2 .col2 .indent p{ padding:18px 0 10px 0}

/*================== downloads.html ==================*/

#page6 #content .row3 .spacer{ height:47px; float:left}

#page6 #content .row1 .left .indent{ padding:38px 35px 22px 25px; color:#4f4f4f}
#page6 #content .row1 .left .indent .title{ margin-bottom:24px}
#page6 #content .row1 .left .indent .img{ margin:4px 20px 16px 0; float:left}
#page6 #content .row1 .left .indent p{ padding-bottom:10px}

#page6 #content .row1 .right .indent{ padding:43px 17px 10px 19px; float:left}
#page6 #content .row1 .right .indent .title{ margin-bottom:16px}

#page6 #content .row2 .col1 .indent{ padding:21px 55px 10px 25px}
#page6 #content .row2 .col1 .indent .link{ color:#2c2c2c}
#page6 #content .row2 .col1 .indent .title{ margin-bottom:18px}
#page6 #content .row2 .col1 .indent p{ padding:14px 0 17px 0}
#page6 #content .row2 .col1 .indent ul{ margin-top:8px}

#page6 #content .row2 .col2 .indent{ padding:21px 32px 10px 37px; color:#4f4f4f}
#page6 #content .row2 .col2 .indent p{ padding:19px 0 13px 0}
#page6 #content .row2 .col2 .indent .img{ float:left; margin:3px 20px 0 0 }

/*================== buy.html ==================*/
#page7 #content .row1 .left .indent{ padding:38px 35px 22px 25px; color:#4f4f4f}
#page7 #content .row1 .left .indent .title{ margin-bottom:19px}
#page7 #content .row1 .left .indent .img{ float:left; margin:8px 20px 8px 0}
#page7 #content .row1 .left .indent ul{ margin-left:200px}
#page7 #content .row1 .left .indent p{ padding:17px 0 10px 0}

#page7 #content .row1 .right .indent{ padding:38px 35px 22px 25px; float:left}
#page7 #content .row1 .right .indent .title{ margin-bottom:15px}
#page7 #content .row1 .right .indent p{  padding:17px 0 10px 0}

#page7 #content .row2 .col1 .indent{ padding:21px 15px 10px 25px; color:#4f4f4f}
#page7 #content .row2 .col1 .indent p{ padding:19px 0 20px 0}
#page7 #content .row2 .col1 .indent .block{ width:427px}
#page7 #content .row2 .col1 .indent .block .c1{ width:48%; float:left}
#page7 #content .row2 .col1 .indent .block .c1 .row{ height:41px}
#page7 #content .row2 .col1 .indent .block .c2{ width:52%; float:left}
#page7 #content .row2 .col1 .indent .block input{ width:177px; height:19px; border:#a09b96 1px solid; background:#FFFFFF; color:#4f4f4f; font-size:1em; font-family:Verdana, Arial, sans-serif}
#page7 #content .row2 .col1 .indent .block textarea{ width:217px; height:62px; border:#a09b96 1px solid; background:#FFFFFF; color:#4f4f4f; font-size:1em; font-family:Verdana, Arial, sans-serif}
#page7 #content .row2 .col1 .indent .block .alignright{ padding-top:10px}
#page7 #content .row2 .col1 .indent .block .alignright a{ margin-left:21px}

#page7 #content .row2 .col2 .indent{ padding:21px 32px 10px 37px; color:#4f4f4f}
#page7 #content .row2 .col2 .indent .title{ margin-bottom:18px}
#page7 #content .row2 .col2 .indent p{ padding:17px 0 12px 0}



#page8 #content .row1 .indent .title{ margin-bottom:22px}
#page8 #content .row1 .indent .img{ display:block; margin-bottom:15px}
#page8 #content .row1 .indent ul{ margin-left:200px}
#page8 #content .row1 .indent p{ padding:15px 0 12px 0}


/*================== press.html ==================*/
#page9 #content .row1 .left .indent{ padding:38px 35px 22px 25px; color:#4f4f4f}
#page9 #content .row1 .left .indent .title{ margin-bottom:19px}
#page9 #content .row1 .left .indent .img{ float:left; margin:8px 20px 8px 0}
#page9 #content .row1 .left .indent ul{ margin-left:200px}
#page9 #content .row1 .left .indent p{ padding:17px 0 10px 0}

#page9 #content .row1 .right .indent{ padding:38px 35px 22px 25px; float:left}
#page9 #content .row1 .right .indent .title{ margin-bottom:15px}
#page9 #content .row1 .right .indent p{  padding:17px 0 10px 0}

#page9 #content .row2 .col1 .indent{ padding:21px 15px 10px 25px; color:#4f4f4f}
#page9 #content .row2 .col1 .indent p{ padding:19px 0 20px 0}
#page9 #content .row2 .col1 .indent .block{ width:427px}
#page9 #content .row2 .col1 .indent .block .c1{ width:48%; float:left}
#page9 #content .row2 .col1 .indent .block .c1 .row{ height:41px}
#page9 #content .row2 .col1 .indent .block .c2{ width:52%; float:left}
#page9 #content .row2 .col1 .indent .block input{ width:177px; height:19px; border:#a09b96 1px solid; background:#FFFFFF; color:#4f4f4f; font-size:1em; font-family:Verdana, Arial, sans-serif}
#page9 #content .row2 .col1 .indent .block textarea{ width:217px; height:62px; border:#a09b96 1px solid; background:#FFFFFF; color:#4f4f4f; font-size:1em; font-family:Verdana, Arial, sans-serif}
#page9 #content .row2 .col1 .indent .block .alignright{ padding-top:10px}
#page9 #content .row2 .col1 .indent .block .alignright a{ margin-left:21px}


/*  manual menu  */

.buttonblock {width: 220px;}

.buttons a {
    color: #218dcb;
    padding: 2px;
    padding-left: 3px;
    display: block;
    font: 13px Arial, sans-serif;
    text-decoration: none;
    text-align: left;}

.buttons a:hover {
    color: #218dcb;
    text-decoration: underline;}

.buttons b a {
    font-weight: bold;
    text-decoration: none;}