html, body {
margin: 0; padding: 0;
font: 100% Arial, Verdana, Tahoma;
background-color: #FFFFFF; color: #2D2D2D
}

body { background: #fff url(img/bg_gray_02.png) repeat-x; }

#outer { padding: 0 6% 4% 6% }
#mouter { padding: 2% 6% 0 6% }

h1, h2, h3 { font-weight: normal }

a { color: #0055CC }
a:visited { color: #5C0080 }
a:hover { color: red }

a i.b {background: url(img/blank.gif) 0% 50% no-repeat; padding: 0px; margin-left: -15px;
//margin: 0;
display: block; float: left; width: 15px; height: 15px
}

.ns a { color: #0055CC }
.ns a:hover { color: red }

div#service_icons { padding: 5px 0 20px 25px; font-size: 90% }
div#service_icons p {display: inline; padding-right: 14px; margin: 0;}
div#service_icons a, div#service_icons a img {border: none;}
div#service_icons a,
div#service_icons b {padding: 2px 4px 2px 5px;}
div#service_icons p a img {display: inline;}
div#service_icons p a img.selected {display: none;}
div#service_icons p b img {display: none;}
div#service_icons p b img.selected {display: inline;}

#menu { padding-bottom: 0; width: 100% }
#menu h1 {
display: block; float: left; width: 24%; font-size: 100%;
padding: 0 15px;
//padding: 15px;
background-color: #fafafa }
#menu h1 a { color: #004080 }
#menu h1 a:hover { color: #800040 }
#menu h1.select { font-weight: bold; color: #000 }

#mouter .box2 a { color: #004080 }
#mouter .box2 a:hover { color: #800040 }

.f_p_menu h1 { display: block; float: left; width: 32%; font-size: 110%; padding: 0 15px 0 0 }
.f_p_menu h1 a { color: #004080 }
.f_p_menu h1 a:hover { color: #800040 }

.f_p_img { float: left; padding: 10px 10px 0 0 }

#navi, #page, #bottom { padding-left: 15px }
#navi { color: #808080; margin: 0; padding: 15px 0 5px 15px !important }
#navi h1 { margin: 0; padding: 0; font-size: 80%; }
#navi a { color: #004080 }
#navi a:hover { color: #800040 }

#bottom { padding-top: 3%; font-size: 80%; }

#page { padding: 10px 15px }
#page h1 { padding: 10px 0; margin: 0 }


.all_block { margin-left: -15px; padding-top: 3%; }
.block { width: 35%; float: left; margin: 0; padding: 15px }
.block:hover { background-color: #fafafa }
.block h1 { font-size: 130%; margin: 0; padding: 0 0 10px 0 }
.block p, .block li { font-size: 90%; margin: 0; padding: 0 }

.cont { width: 30%; float: left; padding: 0 15px 15px 0; background-color: transparent !important }
.cont_r { font-size: 90%; width: 30%; float: right; padding: 0 0 15px 15px }
.cont_r h3 { font-size: 130%; padding: 15px 0 0 0; margin: 0 }
.cont_r div { padding: 0 10px 10px 10px; background: #F9F8F2 url(img/bg_f9f8f2_01.jpg) repeat-x top left; }

.note { padding: 0; clear: both; font-size: 80% }

table.t { padding: 0; border-collapse: collapse; background-color: #fafafa; font-size: 80%; } /* margin-left: -10px; */
table.t td { padding: 5px 10px; /*border: 1px solid #fff;*/
width: 1px;
//width: auto;
white-space: nowrap; }
table.t tr.hide td { border-bottom: 3px solid #c0c0c0; font-weight: bold; vertical-align: top  } /* border: 1px solid #fafafa */
/*table.t tr.head td { background-color: #C0C0C0;  }  border: 1px solid #fafafa */
table.t tr:hover { background-color: #F5F5EA }
table.t tr.hide:hover { background-color: #fafafa }

.filter { padding-bottom: 10px; font-size: 80%; }

ul { padding: 0; margin: 10px 15px 0 15px }
ul li { list-style: circle; padding: 2px }
/*.cont_r ul { padding: 0; margin: 0px 15px }*/
ol li { list-style: decimal }


.rand { float: left; width: 23%; padding: 5px 5px 5px 0; }
.rand a img { clear: both; padding: 0px; }
.rand h2 { font-size: 90%; margin: 0; padding-top: 0 }
.rand a { color: #004080 }
.rand a:hover { color: #800040 }

hr {
height: 1px; width: 100%;
border-style: none;
color: rgb(239,239,239); background-color: rgb(239,239,239);
margin: 20px 0 15px 0; padding: 0px;
clear: both;
}

/* Boxes */

.beige, .green { background: transparent; width:30%; font-size: 90%; float: right; padding: 0 0 20px 10px; }
.b_l_gray { background: transparent; width: auto; font-size: 90%; padding: 0; }
.b_d_gray { background: transparent; font-size: 90%; padding: 0 }
#wrap { margin: 0px; }

.beige h3, .green h3 { font-size: 130%; padding: 15px 0 0 0; margin: 0 }
.beige div { padding: 0 10px 10px 10px; }
.green div { padding: 0 10px 5px 10px; }
/*.beige ul { padding: 0; margin: 10px 15px 0 15px }*/

.green .b1, .green .b2, .green .b3, .green .b4, .green .b1b, .green .b2b, .green .b3b, .green .b4b { display:block; overflow:hidden; font-size:1px; }
.green .b1, .green .b2, .green .b3, .green .b1b, .green .b2b, .green .b3b { height:1px; }
.beige .b1, .beige .b2, .beige .b3, .beige .b4, .beige .b1b, .beige .b2b, .beige .b3b, .beige .b4b { display:block; overflow:hidden; font-size:1px; }
.beige .b1, .beige .b2, .beige .b3, .beige .b1b, .beige .b2b, .beige .b3b { height:1px; }
.b_l_gray .b1, .b_l_gray .b2, .b_l_gray .b3, .b_l_gray .b4, .b_l_gray .b1b, .b_l_gray .b2b, .b_l_gray .b3b, .b_l_gray .b4b { display:block; overflow:hidden; font-size:1px; }
.b_l_gray .b1, .b_l_gray .b2, .b_l_gray .b3, .b_l_gray .b1b, .b_l_gray .b2b, .b_l_gray .b3b { height:1px; }
.b_d_gray .b1, .b_d_gray .b2, .b_d_gray .b3, .b_d_gray .b4, .b_d_gray .b1b, .b_d_gray .b2b, .b_d_gray .b3b, .b_d_gray .b4b { display:block; overflow:hidden; font-size:1px; }
.b_d_gray .b1, .b_d_gray .b2, .b_d_gray .b3, .b_d_gray .b1b, .b_d_gray .b2b, .b_d_gray .b3b { height:1px; }

.b2 { border-left:1px solid #fff; border-right:1px solid #eee; }
.b3 { border-left:1px solid #fff; border-right:1px solid #ddd; }
.b4 { border-left:1px solid #fff; border-right:1px solid #aaa; }
.b4b { border-left:1px solid #eee; border-right:1px solid #999; }
.b3b { border-left:1px solid #ddd; border-right:1px solid #999; }
.b2b { border-left:1px solid #aaa; border-right:1px solid #999; }
.b1 { margin:0 5px; background:#fff; }
.b2, .b2b { margin:0 3px; border-width:0 2px; }
.b3, .b3b { margin:0 2px; }
.b4, .b4b { height:2px; margin:0 1px; }
.b1b { margin:0 5px; background:#999; }
.boxcontent { display:block; border-left:1px solid #fff; border-right:1px solid #999; }

/* зеленый */
.green .b2 { background: #E2EFE7; }
.green .b3 { background:#E2EFE7; }
.green .b4 { background:#E2EFE7; }
.green .b4b { background:#E2EFE7; }
.green .b3b { background:#E2EFE7; }
.green .b2b { background:#E2EFE7; }
.green .boxcontent { background:#E2EFE7; }

/* бежевый */
.beige .b2 { background:#F5F5EA; }
.beige .b3 { background:#F5F5EA; }
.beige .b4 { background:#F5F5EA; }
.beige .b4b { background:#F5F5EA; }
.beige .b3b { background:#F5F5EA; }
.beige .b2b { background:#F5F5EA; }
.beige .boxcontent { background:#F5F5EA; }
/* светло серый */
.b_l_gray .b2 { background:#fafafa; }
.b_l_gray .b3 { background:#fafafa; }
.b_l_gray .b4 { background:#fafafa; }
.b_l_gray .b4b { background:#fafafa; }
.b_l_gray .b3b { background:#fafafa; }
.b_l_gray .b2b { background:#fafafa; }
.b_l_gray .boxcontent { background:#fafafa; }

/* темно серый */
.b_d_gray .b2 { background:#fafafa; }
.b_d_gray .b3 { background:#fafafa; }
.b_d_gray .b4 { background:#fafafa; }
.b_d_gray .b4b { background:#fafafa; }
.b_d_gray .b3b { background:#fafafa; }
.b_d_gray .b2b { background:#fafafa; }
.b_d_gray .boxcontent { background:#fafafa; }


/* форма поиска */

.rndbxg b.trg, .rndbxg b.brg { display: block }
.rndbxg b.trg *, .rndbxg b.brg * { display: block; height: 1px; overflow-y: hidden; font-size: 0 !important; border-width: 0 1px; border-style: none solid}
.rndbxg b.trg b, .rndbxg b.brg b { margin: 0 4px }
.rndbxg b.trg i, .rndbxg b.brg i { margin: 0 2px }
.rndbxg b.trg u, .rndbxg b.brg u { margin: 0 1px !important }
.rndbxg .rndbxCg { border-width: 0 1px; border-style: none solid; padding: 0; overflow: hidden }
.rndbxg b.trg u, .rndbxg b.brg u { height: 2px }
.rndbxg b.trg i, .rndbxg b.brg i { border-width: 0 2px }
.rndbxg b.trg b, .rndbxg b.brg b { border-width: 0 }
.wrndbxg b.trg b, .wrndbxg b.brg b { background: #fff }
.wrndbxg b.trg i, .wrndbxg b.brg i, .wrndbxg b.trg u, .wrndbxg b.brg u, .wrndbxg .rndbxCg { background: #ffffff; border-color: #fff }
.grndbxg b.trg *, .grndbxg b.brg *, .grndbxg .rndbxCg { background: #fff !important; border-color: #fff !important }

.box1 { width: 59%; float: left }
.box2 { width: 40%; float: right }
.box2 form {
padding: 5px 0;
//padding: 8px 0 0 0
}
.s_container { overflow: hidden; width: 100% }
.s_left { float: left; width: 90%; //width: 88%; }
.s_right { width: 6%; float: right; text-align: right }
.search {
margin: 0;
padding: 0 5px;
color:#666666;
width: 100%;
border: 0px solid #C0C0C0;
}



/* Boxes */

.clear { clear: both; padding: 0; margin: 0 }

.cl { text-align: right; font-style: italic; font-size: 90%; padding: 0; margin: 0 }
.cl a { color: #0055CC }

#count {
padding: 0 0 10px 21px;
display: block;
width: 200px;
filter:alpha(opacity=0);
-moz-opacity: 0.0;
-khtml-opacity: 0.0;
opacity: 0.0;
}

.qty { width: 50px; margin-top: 5px; font-size: 110%; }
.email { width: 80%; font-size: 110%; margin: 10px 0px }