html {height:100%}
html, body {margin:0;padding:0;width:100%;height:100%;}
body {padding:0px;margin:0px;background:#075698 url(img/body_bg.gif) repeat-x;text-align:center}
body,pre,div,td,th {color:#333333;font:11px Arial}
img {border:0px;vertical-align:middle}
input, button, textarea, select, option {border:0px;font:11px Arial;vertical-align:middle;color:#666666;vertical-align:middle;background:#ECEEF1;padding:0px 2px}
input, button, select {height:20px;}
select {border:1px solid #7F9DB9}
.button {background:url(../images/button_on.gif) no-repeat;border:0px;width:64px;height:23px;color:white}
a {color:#EE2024}
a:visited {color:#727371}
a:hover, #prod_lnk a.active, #prod_lnk a.active:visited {color:#FF6600 !important}
.block {display:block}
.clr {clear:both;}
.center {text-align: center;}
pre {padding:0px;margin:0px}

/*debug
#top table td {border:1px solid red}
#top .r2 td {border:1px solid red}
#top .r2 {border:1px solid blue;padding:0px ! important}
*/
#m2 td {border:1px solid red}


#top form {text-align:left;padding:0px 0px 0px 390px;margin:0px}
#top select {width:226px;margin-top:5px}
#top table {width:100%;height:100%}
#top .c2 {vertical-align:top}

#top {background:white url(img/top.jpg) 3px 3px no-repeat}
#top {padding:3px 3px 0px 3px}


#m1 {background:/*учесть другой цвет на внутренней странички*/ url(img/menu_top.jpg) no-repeat;text-align:right;padding:0px 30px 0px 0px;border-bottom:3px solid white /*#02245C*/}
#m1 .sep {margin:0px 20px 0px}
#m1 a, #m1 a:visited {white-space:nowrap;font:12px Century Gothic, Tahoma;color:#858585;text-decoration:none;text-transform:uppercase}
#m1 td {text-align:left}
#m1 table {width:600px}

#m2top a, #m2top a:visited  {font:14px Century Gothic, Tahoma;line-height:14px;padding:13px 0px;border-bottom:1px solid #CCCCCC;color:#2B84C3;text-decoration:none;display:block}
#m2 {background:url(img/m2_bg.gif) repeat-y}
#m2top {background:url(img/m2_top.gif) top left no-repeat;height:351px;border-top:3px solid white;vertical-align:top;padding:30px 40px 0px 40px;text-align:left}
#m2bot {vertical-align:bottom;text-align:left;padding:0px 40px 40px;background:url(img/m2_bot.gif) bottom left no-repeat;height:157px;border-bottom:3px solid white;}
#m2bot img {margin-bottom:5px}
#m2bot input {width:210px}
#m2bot .button {margin-left:154px;width:61px;height:21px;background:url(img/sign_up.gif) no-repeat;font-size:1px;border:0px;padding:0px ! important}
#m2bot input {border:1px solid #A5ACB2;margin-bottom:1px;padding:0px 2px}
#m2,#m2top,#m2bot {border-left:3px solid white}
#m2top a:hover, #m2top a.active, #m2top a.active:visited {color:#FF6600}

#m21 a, #m21 a:visited {color:#58595B;padding:5px 10px;background:url(img/m21.gif) left 10px no-repeat;border:0px}
#m21 a.active:visited, #m21 a:hover {color:#FF6600 ! important;font-weight:normal ! important}
#m211 a, #m211 a:visited,#m212 a, #m212 a:visited , #m213 a, #m213 a:visited{padding:0px 20px;background:url(img/m211.gif) 15px 5px no-repeat;font-size:12px;color:black;border:0px}


#sub1 {top:221px;margin-left:200px}
.sub1 {border:1px solid black;padding:0px;text-align:left}
.sub1 a,.sub1 a:visited {border-bottom:1px solid #CCCCCC;padding:5px 15px !important;line-height:5px !important;display:block !important;width:200px !important;color:#003366 !important;font:12px Arial !important;background:#F2F2F2 !important;text-transform:none !important}

#sub12 {top:251px;left:480px}
#sub13 {top:271px;left:480px}
#sub11 {top:231px;left:480px}
.sub2 {border:1px solid black;padding:0px}
.sub2 a, .sub2 a:visited {border-bottom:1px solid #9E9E9E !important;padding:5px 15px !important;line-height:5px  !important;display:block !important;width:200px !important;color:#003366 !important;font:12px Arial !important;background:#CCCCCC !important}
.sub1 a:hover, .sub2 a:hover {background:#666666 !important;color:white !important}
#sub3,#sub4 {margin-top:7px;position:absolute;display:none}

.sub1,.sub2 {z-index:10;overflow:hidden}
.sub1 iframe,.sub2 iframe {display:none;/*sorry for IE5*/;display/**/:block;/*sorry for IE5*/;position:absolute;/*must have*/;top:0;/*must have*/;left:0;/*must have*/;z-index:-1;/*must have*/;filter:mask();/*must have*/;width:3000px;/*must have for any big value*/;height:3000px/*must have for any big value*/;}


#index td {width:325px;height:159px;vertical-align:top;text-align:left;padding:2px 0px 2px 4px;border-top:2px solid white}
#center #index h1 {font-size:10px;line-height:10px;background:url(img/h1_home_bg.gif) top left no-repeat;padding:5px 0px 5px 42px;margin:2px 0px 5px}
#index .frame1 {background:url(img/home_frame1.gif) top left no-repeat}
#center #index .frame1  h2 {color:#006BB7 !important}
#index .frame2 {background:url(img/home_frame2.gif) top left no-repeat;}
a.bul, a.bul:visited, a.greybul, a.greybul:visited{color:#006BB7;text-decoration:none;background:url(img/bul_blue.gif) center left no-repeat;padding:0px 0px 0px 10px}
a.greybul, a.greybul:visited {color:#333333;font-weight:normal}
h2.blue {color:#006BB7 !important;margin:15px 0px 0px!important}
th h2 {margin:0px !important}
#index div {padding:5px 10px 5px 20px}
#index h2 {margin-top:5px!important}
#center #index h2 {font-size:11px;font-weight:bold;margin:0px;color:#333333;background-image:none;padding:0px}
#index .ill {float:left;margin-right:5px}
#index a img {float:right;margin:5px 10px 5px 0px;border:0px solid red;}

#r {background:url(img/r.jpg) top left no-repeat}
#l {background:url(img/l.jpg) top right no-repeat}
#b {background:#075698 url(img/b.jpg) top center no-repeat}
#bl {background:url(img/bl.jpg) bottom right no-repeat}
#br {background:url(img/br.jpg) bottom left no-repeat}
#tr, #tl, #t {background:#021B2F}
#center {width:655px;border:3px solid white;border-top:0px;vertical-align:top;text-align:left}
#model {width:971px;height:80%;margin-top:10px;background:white url(img/bg.gif) repeat-y}

#center h1 {font:bold 16px Century Gothic, Tahoma;color:#2B84C3;margin:20px 0px 10px 0px;padding-top:0px}
.blk, .blk2 {background:url(img/block_bg.gif) no-repeat;padding:10px 20px 10px;clear:both;display:block}
.blk {height:145px}
p.hr {margin:10px 0px 0px 0px;padding:0px 0px 10px 0px;line-height:1px;border-top:1px solid #cccccc;clear:both}
.blk .ill ,.blk2 .ill {float:left;margin:10px 40px 10px 0px;vertical-align:top}
.blk2 {background:none;margin:0px;padding:0px 0px;clear:both}
.blk2 .ill {margin:0px 20px 10px 0px}
.blk2 h2 {background:url(img/h2_bg.gif) no-repeat !important;padding-left:25px!important;margin-bottom:10px !important}
.sblock {border:1px solid red;width:200px;height:200px;float:left;clear:left}

.page {padding:20px 20px;height:535px}
#center .page h1 {margin:0px 0px 15px 0px;padding:0px 0px 10px 0px;border-bottom:1px solid #CCCCCC}
#center .page h2 {padding:0px;background:none;margin:10px 0px 10px 0px}
#center .page h3 {margin-top:5px}
#center .page h1.subh, #prod_moreinfo h1 {font-size:14px;border:0px;margin:10px 0px;padding-bottom:0px}

#center h2 {background:url(img/h2_bg.gif) no-repeat;padding:0px 0px 0px 25px;color:#FF6600;font: bold 12px Arial;margin:0px 0px 0px 0px}
#center h2 b {display:block;color:#006699;font:bold 9px Arial}
#center h2 a,#center h2 a:visited {color:#FF6600}
 .see_more,.read_more {display:inline;float:right;background:top left url(img/see_more.gif) no-repeat;font-size:20px;line-height:20px;padding:0px 72px 0px 0px;margin:20px 0px 0px 120px;text-decoration:none}
.read_more {background-image:url(img/read_more.gif)}
#enlarge a, #enlarge a:visited {background:url(img/enlarge.gif) right center no-repeat;margin:0px!important;color:#FF6600;text-decoration:none;padding:10px 20px 10px 0px!important;display:block;width:195px}

.frame5 .bot {background:white url(img/f5_bot.gif) top left no-repeat;font-size:9px;line-height:9px}
.frame5 .top {background:white url(img/f5_top.gif) bottom left no-repeat;font-size:9px;line-height:9px;padding:0px;}
.frame5 {margin-top:2px;background:url(img/f5.gif) repeat-y;width:653px;height:100%}
.frame5 .c2  img {margin:0px 8px 7px 7px;display:block}
.frame5 .c1 {padding:7px}
.frame5 td {vertical-align:top;border:0px solid red}
.frame5 {height:100%}

.f4 {background:url(img/frame4_bg.gif) repeat-y;vertical-align:top;padding:0px 8px;text-align:center}
.f4_top {background:white url(img/frame4_top.gif) no-repeat;font-size:9px;line-height:9px;padding:0px}
.f4_bot {background:white url(img/frame4_bot.gif) top left no-repeat;font-size:9px;line-height:9px;padding:0px}

.f6 {background:url(img/f6.gif) repeat-y;text-align:center;height:100%}
.f6 .page {vertical-align:top;text-align:left;padding-right:10px}
.f6 .top {background:white url(img/f6_top.gif) bottom left no-repeat;font-size:9px;line-height:9px;padding:0px;}
.f6 .bot {background:white url(img/f6_bot.gif) top left no-repeat;font-size:9px;line-height:9px;padding:0px;vertical-align:top}


#foot {font-size:11px;color:white;line-height:11px;padding:16px 0px 15px;background:url(img/foot.jpg) no-repeat}
#foot a, #foot a:visited {margin:0px 10px 0px 10px;color:white;text-decoration:none}
#foot2 td {background:#075698 none;font-size:10px;color:#97B8D4;padding:5px 35px}
#foot2 a, #foot2 a:visited {color:#97B8D4;text-decoration:none}

ul {list-style:none;list-style-image:none ! important;margin:0px;padding:0px;list-style-position:outside}
li {background:transparent url(img/li.gif) left 7px no-repeat;display:block;text-decoration:none;padding:2.5px 5px 2.5px 10px;color:#006699}
#prod_features li {color:#666666}
h3 {color:#006699;margin-bottom:2px;font-size:1em}

.tb  {background:#D9E9F4;border:1px solid white}
.tb td, .tb th {border-bottom:2px solid white;padding:2px 5px;}
.tb th {color:#006699;font-weight:bold}
.odd td, .odd th {background:#E6E6E6}
.acc {border:0px solid red;background:url(img/acc_bg.gif) left center no-repeat;padding:7px 20px;margin-bottom:10px;vertical-align:middle}
.acc span {border-left:1px solid #cccccc;margin:0px 10px 0px 15px}
.acc a, .acc a:visited {text-decoration:none;text-transform:lowercase;font:10px Arial;color:#FF6600;}

.frm {width:100%}
.frm select {width:95%}
.frm textarea {width:95%}
.frm input {width:95%}
.frm td {padding-bottom:10px}
.frm span {color:#FF6600}
.frm .btn {background:#D9DDE2;color:#8C9AA8;text-transform:uppercase;width:60px;font:11px Century Gothic, Tahoma;height:24px}
#frmcontact table {width:300px}

.ill_left {float:left;margin:5px 5px 5px 0px;width:200px}
.test i {display:block;white-space:pre;font-weight:bold;font-style:normal;color:#006BB7;margin-bottom:10px}
.test .read_more {margin:0px!important;padding:0px!important;display:inline}
#gallery img,#prod #alt_images img   {border:1px solid #808080}
#descr {margin-top:10px}
a#activegal, a#activegal:visited {color:#FF6600;font-weight:bold}
#port_loading {margin-top:50px;background: url(img/loadingAnimation.gif) center center no-repeat;}
#port_status {height:25px}
#gallery #port_img {width:616px;height:367px;background-position:top left;}
#gallery #alt_images  {width:616px;overflow:hidden;position: relative;top: -40px;left:0px;}
#alt_images img {width:40px;height:23px;margin:0px 5px 5px 0px}
#alt_images img.active, #alt_images img.active {border:2px solid #FF6600!important}

.prod .ill,.prod_access .ill {width:130px!important}

#prod_descr {display:block;padding:0px 5px}
#prod_includes,#prod_features,#prod_access,#prod_moreinfo {display:none;padding:5px}
#prod #port_img {height:273px;width:272px}
#prod  #alt_images {}
#prod  #alt_images img {height:40px}
#prod_txt {margin-top:10px}
#prod #buttons {padding-left:20px;vertical-align:top}
#prod_gallery {margin-top:180px;display:block}
#prod #buttons img {clear:right;margin-bottom:10px}
#prod_lnk a,#prod_lnk a:visited {margin:0px 5px;font-weight:bold;color:#006BB7;text-decoration:none;font-size:11px;text-transform:uppercase;}
#prod_lnk {background:url(img/features_bg.jpg) top left no-repeat;font-weight:bold;color:#006BB7;padding:5px 5px 5px;margin:10px 0px 10px 0px}
i.cross {text-decoration:line-through;font-style:normal}