body,html { margin:0; padding:0; height:100% }
body { font-size:12px; font-family: tahoma; color:#000000; line-height:19px;  }
a img { border:0 }
p { margin-bottom:7px; margin-top:0 }
a { color:#338AB2; text-decoration:underline }
a:hover { color:#338AB2; text-decoration:none }
div.spacer { line-height:1px; font-size:1px; height:1px; clear:both }

.topwrapper { padding:0 9px }

.logo { width:216px; padding:22px 0 27px 65px; vertical-align:top }
.menu { height:104px; padding:0; vertical-align:top }
.menu table { margin-top:43px; height:34px }
.menu table td { vertical-align:top; padding:0 0 0 14px; background:url(../img/menu_sep.gif) top left no-repeat; text-transform:uppercase; font-weight:bold; color:#338AB2 }
.menu table td a { text-decoration:none; color:#000000; margin-right:12px }
.menu table td a:hover { text-decoration:none; color:#338AB2 }
.menu table td em { font-style:normal; background:url(../img/arrowmenu.gif) center right no-repeat; padding-right:12px }

.middle { background:#F7D639 url(../img/topback.gif) top left repeat-x }
.middle .left { width:28%; height:193px; text-align:right; background:#338AB2 }
.middle .right { width:72%; background:url(../img/ropright.gif) top left no-repeat }

.col1_top { padding:28px 0 65px 45px; width:240px }
.col2_top { padding:25px 28px 65px 51px; background:url(../img/col2back.gif) 0 25px no-repeat }
.col1 { padding:0 0 0 45px; width:240px }
.col2 { padding:0 28px 0 51px; line-height:16px }

form { margin:0; padding:0 }
input,select,textarea { border:#BFBEBE 1px solid; font-size:11px; color:#676767 }
input.button { width:92px; height:20px; background:#F7D639 url(../img/button.gif); color:#FFFFFF; font-size:11px; text-align:center; border:none }

.formgoodssearch input { width:113px;  border:none; background:none;  line-height:12px; margin-top:1px; padding-top:0px }
.formgoodssearch .subm { background:url(../img/input.gif) 0 2px no-repeat; padding:0 20px }
.formgoodssearch .submitbutton { width:67px; height:20px; background:url(../img/go.gif); margin:0; padding:0; text-align:center; color:#FFFFFF }
.formgoodssearch .category { background:url(../img/catback.gif) top left no-repeat; width:209px; height:22px; font-size:11px;  color:#676767;  }
.formgoodssearch .choosecatwrapper { height:22px; position:relative; padding-left:37px; line-height:24px; cursor:hand; cursor:pointer; height:25px; line-height:20px;}
#maincat { overflow:hidden; height:20px; line-height:25px; padding-right:25px }
.formgoodssearch .choosecatwrapper #categorymenu { position:absolute; top:22px; left:8px; border:#BFBEBE 1px solid; border-top:none; background-color:#FFFFFF; width:191px; padding: 0px 0 0 0 }
.formgoodssearch .choosecatwrapper #categorymenu a { display:block; padding:3px 30px 4px 28px; line-height:15px; width:133px; text-decoration:none; color:#676767 }
.formgoodssearch .choosecatwrapper #categorymenu a:hover { background:#EBEBEB; color:#676767 }

h1 { font-size:23px; color:#338AB2; font-weight:normal; margin:0 0 12px 0; line-height:26px; padding-left:20px; background:url(../img/arrow.gif) 0 9px no-repeat }
h2 { font-size:18px; color:#338AB2; font-weight:normal; margin:0 0 12px 0; line-height:26px }

a.lilgrey { font-size:11px; color:#676767 }
a.lilgrey:hover { font-size:11px; color:#676767 }

.bluebig { color:#338AB2; font-size:18px; line-height:20px }

a.bluebig:hover { color:#338AB2 }

.leftblock { margin-top:45px }
.leftblock td { vertical-align:top; padding-bottom:20px }
.leftblock .icon { padding-right:13px }
.leftblock .text { padding-top:12px; line-height:18px }
.leftblock .text a.lilgrey { line-height:13px; line-height:13px }
.leftblock .text .bluebig { line-height:24px }


.cat_index td { padding-bottom:20px }
.cat_index td.image { vertical-align:top; padding-right:11px }
.cat_index td.text { font-size:11px; line-height:13px }
.cat_index td.text a { color:#676767 }
.cat_index td.text a:hover { color:#676767 }

div.hr { height:40px; background:url(../img/dotted.gif) center left repeat-x }

.blue { color:#338AB2 }

.news td { padding-bottom:16px }
.news td a { color:#000000 }
.news td a:hover { color:#000000 }
.news td.left { padding-right:30px }
.news td.right { padding-left:30px }

.footer { padding-top:50px 9px 0 9px; background:url(../img/footer.gif) bottom left repeat-x }
.footer table { height:92px }
.footer table td { color:#676767; font-size:11px; line-height:15px }
.footer table td a { color:#676767 }
.footer table td a:hover { color:#676767 }
.footer .counter { padding-left:55px; width:101px; }
.footer .cosmoslogo { padding-right:16px; text-align:right }
.footer .cosmos { width:136px }

span.star { color:#338AB2 }

.form_faq { margin-bottom:40px }
.form_faq td { color:#676767; font-size:11px; padding-bottom:4px }
.form_faq td input { width:185px; margin-right:6px }
.form_faq td .min { width:88px }
.form_faq td textarea { width:185px; height:100px }
.form_faq td.submit { text-align:right }
.form_faq td.needed { padding:5px 0 9px 0 }
.form_faq td input.button { width:92px; height:20px; background:#F7D639 url(../img/button.gif); color:#FFFFFF; font-size:11px; text-align:center; border:none }

.form_order { margin-bottom:40px }
.form_order td { color:#676767; font-size:11px; padding-bottom:4px }
.form_order td input { width:290px; margin-right:6px }
.form_order td .min { width:140px }
.form_order td textarea { width:290px; height:100px }
.form_order td.submit { text-align:right }
.form_order td.needed { padding:5px 0 9px 0 }
.form_order td input.button { width:92px; height:20px; background:#F7D639 url(../img/button.gif); color:#FFFFFF; font-size:11px; text-align:center; border:none }

.grey { color:#676767 }
a.grey { color:#676767 }
a.grey:hover { color:#676767 }

.ibrd { border:#BFBEBE 1px solid }

a.black { color:#000000 }
a.black:hover { color:#000000 }

.bluebig_active { font-style:normal; background:url(../img/arrowmenu.gif) center right no-repeat; padding-right:12px }

.tblwrapper { background:url(../img/dotted_v.gif) top right repeat-y; margin-bottom:25px }
.tbl { background:url(../img/dotted.gif) bottom left repeat-x }
.tbl td { text-align:center; font-size:11px; color:#676767; vertical-align:top; background:url(../img/dotted_v.gif) top left repeat-y }
.tbl td div { padding:8px; background:url(../img/dotted.gif) top left repeat-x  }
.tbl tr.header td { font-size:12px; color:#2B7CA2; font-weight:bold }
.tbl .name { text-align:left }
.tbl .name a { color:#676767 }
.tbl .name a:hover { color:#676767 }
.tbl .name div { padding-left:18px }
.tbl .count input { width:50px; font-weight:bold; color:#000000; font-size:11px; text-align:center; margin-bottom:3px }

.submenu { margin-bottom:40px }
.submenu td { font-size:13px; padding:0 16px }
.submenu td.sep { padding:0 }
.submenu a { color:#676767 }
.submenu a:hover { color:#676767 }
.submenu .title { padding:0 27px 0 0 }
.submenu .title h1 { margin:0 0 5px 0 }

.pages td { padding:2px 8px }
.pages a { color:#676767 }
.pages a:hover { color:#676767 }
.pages td.active { background:#F7D639; color:#FFFFFF; font-weight:bold }

ul { padding:0; margin:0; list-style:none; }
ul li { padding:0 0 7px 22px; background:url('../img/dash.gif') left 8px no-repeat; }

.s14 { font-size:14px }

ul.catmenu { margin:0; padding:0; list-style:none }
ul.catmenu li { margin:0; padding:0; padding-bottom:10px; background:none; line-height:15px; }
ul.catmenu li span { cursor:hand; cursor:pointer; font-weight:bold }
ul.catmenu li span span { text-decoration:underline }
ul.catmenu li span img { margin:6px 0 0 10px; visibility:hidden }
ul.catmenu li span.active { color:#2B7CA2; padding-right:12px }
ul.catmenu li span.active img { visibility:visible }
ul.catmenu li span.active span { text-decoration:none }
ul.catmenu li ul { margin:10px 0 0 20px; padding:0; list-style:none; }
ul.catmenu li ul li { font-size:11px; color:#0C80B3; padding-bottom:5px; line-height:14px; background:none; }
ul.catmenu li ul li a { color:#676767 }
ul.catmenu li ul li a:hover { color:#676767 }


/*                        Для добавления в корзину                                */
div#basket_done { padding:20px 20px; background-color:#FFFFFF; border:#B3B9C3 1px solid; position:fixed; top:45%; left:45%; cursor:hand; cursor:pointer }


div.navig_arrow { background:url(../img/arrow.gif) 0 12px no-repeat; }
tr.nav h1 { margin:0 0 12px 0; padding-left:12px; background:none; }


/* additional */
.short { padding-bottom: 30px; }
.logos .col1 { padding: 35px 28px 60px 45px; }
.logos { background: url(../img/dots.gif) top left repeat-x; }
.logos td.el { width:5px; height: 40px; }
.logos td.el div { white-space:pre !important; cursor: hand; cursor: pointer; }