@import "reset.css";

/* -------------------------------------------*/ 
/* ---------->>> GLOBAL <<<-----------*/ 
/* ------------------------------------------*/

/*--- Text -------------------------- */
body, input, textarea, select { font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; }
body { background:#fffffe; font-size:.6875em; color:#000; min-width:1000px; }
hr { border:none; border-top:1px solid #808080; background:gray; height:0; overflow:hidden; margin:7px 0; }
code { font-family:"Courier New", Monaco, Courier, monospace; }
acronym { font-variant:small-caps; }
acronym, dfn { cursor:help; border-bottom:1px dashed #ccc; }
blockquote { font-style:italic; font-size:1.25em; color:#666; margin:10px 0 10px 50px; padding:.3em 10px 0; border-left:3px solid #ccc; }
blockquote p { padding-bottom:.3em; }
p { padding-bottom:1em; }
a { cursor:pointer; color:#535862; text-decoration:none; }
a:hover { text-decoration:underline; }

/*--- /Text -------------------------- */


/*--- Headings ---------------------- */
h1, h2, h3, h4, h5, h6 { color:#4F576B; font-weight:bold; font-size:1.182em; padding-bottom:.5em; }

.heading { margin-bottom:24px; color:#fff; font-size:14px; font-family:arial; font-weight:bold; padding:5px 10px 6px; text-align:center; background:#304052 url(../images/bg/heading.gif) repeat-x 0 center;  }
.heading span { background:#304052; padding:0 9px; }
.heading2 { border-bottom:3px solid #8A909F; padding-bottom:0; margin-bottom:20px; }
.heading2 span { background:#8A909F; color:#fff; padding:2px 38px 0 5px; }

/*--- /Headings ---------------------- */


/*--- Table --------------------------- */
table { border-collapse:collapse; width:100%; }
caption, th, td { text-align:left; font-weight:normal; }

/*--- /Table -------------------------- */


/*--- Forms -------------------------- */
input, textarea, select, option { color:#666; font-size:1em; }
input.type-text, select, textarea { padding:2px; background:#fff; border:1px solid #4F576A; width:10em; }
input.type-button { height:2em; cursor:pointer; padding:0 10px; }

select { padding:0; height:1.584em; }
select option { background:#fff; padding:0 .4em; }
select optgroup { background:#333; color:#fff; }
select optgroup option { padding-left:15px; }

textarea { height:8em; width:98%; padding:2px .9%; display:block; background:#fafafa; }

/*--- /Forms -------------------------- */


/* -------------------------------------------*/ 
/* ------------>>> GRID <<<------------*/ 
/* ------------------------------------------*/

/*--- Layouts -------------------------- */
#wrap { position:relative; min-height:100%; min-width:1000px; }
#page { padding-bottom:55px; position:relative; }

/*--- /Layouts ------------------------- */


/*--- Header --------------------------- */
#header { position:relative; height:281px; background:url(../images/bg/header.png) repeat-x; }
#header-top { height:65px; overflow:hidden; background:#8F0000; padding-left:170px; }
#header-top ul { float:right; padding:18px 10px 0 0; }
#header-top ul li, #header-top ul li a { float:left; }
#header-top ul li { font:13px Impact, Charcoal, sans-serif; background:url(../images/bg/nav-li-a.png) no-repeat; padding-left:9px; margin-left:-2px; }
#header-top ul li a { color:#fff; height:29px; background:url(../images/bg/nav-li.png) no-repeat right 0; padding:5px 18px 0 6px; min-width:91px; }
#header-main { position:relative; padding-top:13px; height:203px; overflow:hidden; background:url(../images/bg/header-main.jpg) no-repeat 0 13px; }
#logo { position:absolute; top:8px; left:12px; width:150px; height:47px; text-indent:-3000em; overflow:hidden; display:block; background:url(../images/bg/logo.png) no-repeat; }
.header-adr { background:url(../images/bg/header-adr.png) no-repeat; font-size:12px; position:absolute; top:24px; right:8px; width:194px; padding-left:29px; font-family:Courier New, Courier6, monospace; }
.delivery { letter-spacing:1px; font-weight:bold; color:#fff; padding:11px 4px 0 38px; background:url(../images/bg/delivery.png) no-repeat; width:238px; height:31px; position:absolute; bottom:3px; right:0; }

/*--- /Header -------------------------- */


/*--- Footer --------------------------- */
#footer { background:url(../images/bg/footer.png) repeat-x 2px 0; border-top:1px dashed #0C1218; border-bottom:1px solid #444C55; height:43px; margin-top:-45px; position:relative; }
#footer-holder { background:url(../images/bg/footer-holder.jpg) no-repeat; padding-top:29px; height:14px; }

.footer-nav { font-size:10px; text-align:center; background:#1A2735; border-bottom:2px solid #151F2A; height:12px; }
.footer-nav li { display:inline; margin:0 9px; }
.footer-nav li a { color:#fff; text-decoration:underline; }
.footer-nav li a:hover { text-decoration:none; }

/*--- /Footer -------------------------- */


/*--- Columns [faux absolute positioning] */
.content { position:relative; width:100%; background:url(../images/bg/content.gif) repeat-x 0 29px; }
.main-wrap, .aside, .extra { position:relative; left:100%; float:left; display:inline; }

.main-wrap { margin-left:-100%; width:100%; }
.main { margin:0 220px 0 205px; padding-top:52px; padding-left:15px; }

.aside { margin-left:-100%; width:198px; padding:52px 0 0 8px; }
.extra { margin-left:-204px; width:188px; padding-top:52px; }

/*--- /Columns------------------------ */


/* -------------------------------------------*/ 
/* --------->>> CONTENT <<<----------*/ 
/* ------------------------------------------*/

/*--- Index page --------------------- */

.breadcrumbs { position:absolute; top:0; left:0; width:100%; }
.breadcrumbs ul { margin-left:205px; padding:6px 10px 0 15px; height:24px; background:#1A2735; }
.breadcrumbs ul li { display:inline; }
.breadcrumbs ul li a { color:#fff; }
.breadcrumbs, .aside-dt { font-weight:bold; color:#fff; font-size:13px; }
.aside-dt { position:absolute; top:0; left:0; width:206px; height:24px; padding-top:6px; text-indent:14px; background:#B60101; }

.box { padding:14px 13px 8px 19px; background:#F1F1F1; margin-bottom:22px; }
.more { text-decoration:underline; }

.aside-nav { margin-left:-8px; background:#F1F1F1; padding-top:4px; padding-bottom:8px; margin-bottom:24px; }
.aside-nav dt { color:#fff; font-weight:bold; background:#818EAE url(../images/bg/nav-dt-c.png) repeat-y; }
.aside-nav dt span { display:block; background:url(../images/bg/nav-dt-t.png) no-repeat; }
.aside-nav dt span span { background:url(../images/bg/nav-dt-b.png) no-repeat 0 bottom; padding:9px 15px 10px 11px; }
.aside-nav dd ul { padding-bottom:6px; }
.aside-nav dd ul li { font-size:.91em; line-height:1.7; padding:0 5px 0 28px; background:url(../images/ico/marker1.gif) no-repeat 17px center; }
.aside-nav dd ul li a { color:#000; padding-right:14px; }
.aside-nav dd ul li.current { background:#fff url(../images/ico/marker2.gif) no-repeat 0 center; }
.aside-nav dd ul li.current a { background:#fff; }

.faq { display:block; background:#f1f1f1 url(../images/ico/faq.png) no-repeat 10px center; border:2px solid #C0C6D6; color:#606980; font-weight:bold; line-height:1.2; padding:6px 10px 7px 48px; }

.select li { padding-bottom:10px; }
.select a, .select span { display:block; text-align:center; }
.select a { color:#000; text-decoration:underline; }
.select a:hover, .more:hover { text-decoration:none; }
.select span { padding:13px 18px; }

.goods { color:#818EAE; border:2px solid #818EAE; padding:8px 10px 7px 12px; margin-left:6px; }
.goods a { color:#818EAE; }
.goods p { padding:.5em 0; }
.goods h3 { font-size:1em; color:red; display:list-item; list-style:inside square; }

.special-offers { color:#4F576B; margin-left:-39px; font-size:1.1em; }
.special-offers h3 { margin-bottom:3px; background:#818EAE; font-size:12px; padding:7px 10px; }
.special-offers h3 a { color:#fff; }
.special-offers li { position:relative; float:left; width:259px; padding-left:39px; }
.special-offers li .type, .catalog li .type { display:block; width:29px; height:29px; float:left; margin-right:3px; background:#D70202 url(../images/bg/type.png) no-repeat center center; }
.special-offers li.new .type, .catalog li.new .type { background-image:url(../images/bg/type-new.png); }
.special-offer-body { padding:20px 8px 18px 24px; border:2px solid #818EAE; border-top:0; }
.special-offer-body .visual { position:absolute; right:0; bottom:0; width:28px; height:30px; background:url(../images/bg/visual.gif) no-repeat; }
.special-offers .more, .catalog .more { text-decoration:none; padding:0 25px 2px 7px; color:#fff; font-weight:bold; background:#818EAE; border:1px solid #555; border-right-color:#9B9B9B; border-bottom-color:#9B9B9B; border-top-color:#8D99B5; border-left-color:#8D99B5; }

.rating { height:12px; margin:22px 0 13px; width:85px; background:url(../images/ico/rating.gif) repeat-x 0 -12px; }
.rating li { border:0 !important; float:left; padding:0 !important; width:13px; height:12px; overflow:hidden; text-indent:-3000em; overflow:hidden; display:block; margin-right:4px; background:url(../images/ico/rating.gif) no-repeat; }

.price { font-weight:bold; font-size:1.273em; padding:1px 0 18px; }
.price dt { margin-right:15px; color:#4C5366; }
.price dt, .price dd { float:left; }
.price ins { text-decoration:none; background:#D70202; color:#fff; text-transform:uppercase; padding:1px 5px; }

/*--- /Index page --------------------- */

.coll1, .coll2, .coll3 { float:left; color:#4F576B; }
.coll1 { width:40%; }
.coll2 { width:34%; }
.coll3 { width:25%; }

.auto-select { font-size:1.1em; padding:10px 0 38px; }
.auto-select dt { padding-bottom:10px; letter-spacing:1px; }
.auto-select dt, .auto-select dd { padding-right:50px; overflow:hidden; }
.auto-select .coll3 dt, .auto-select .coll3 dd { padding-right:5px; }
.auto-select .type-text { width:98%; }

.marks { text-transform:uppercase; font-size:1.1em; padding-bottom:10px; font-family:tahoma, arial; }
.marks li { padding-bottom:4px; }
.marks li a { text-decoration:underline; }
.marks li a:hover { text-decoration:none; }

.catalog { padding-bottom:20px; }
.catalog li { font-size:1.1em; position:relative; border-top:3px solid #8A909F; padding:20px 20px 46px 0; }
.catalog li h3 { margin-left:10px; padding:8px 0 28px; }
.catalog li p { padding-bottom:2em; }
.catalog li .more { float:right; }
.goods-head { float:left; width:230px; padding-right:15px; }
.goods-body { padding:5px 0 2px; }
.goods-body .rating { margin:3px 12px 0 0; float:left; }
.goods-body .price { float:left; padding-bottom:24px; }

.brands { padding:6px 0 0 5px; margin-bottom:14px; background:#E8E8E8; font-size:14px; font-weight:bold; }
.brands li { margin-right:-4px; }
.brands li, .brands li a { float:left; }
.brands li { background:#7B88A6 url(../images/bg/brands-li.png) no-repeat right 0; }
.brands li a { color:#fff; height:29px; background:url(../images/bg/brands-li-a.png) no-repeat; padding:7px 41px 0 11px; min-width:76px; }
.brands li.current { background-position:right -36px; background-color:#F00000; }
.brands li.current a { background-position:0 -36px; }

.product { font-size:1.1em; border-top:3px solid #8A909F; margin-top:1px; padding:22px 26px 15px; text-align:center; }
.product h1 { font-size:1.25em }
.product p { text-align:left; color:#61646D; }
.product img { margin:13px 0 25px; }
.product .price dd { float:none; }

.char { background:#F1F1F1; margin-bottom:3px; font-size:1.1em; }
.char dt { width:163px; padding:12px; border-right:3px solid #fff; float:left; }
.char dt img { width:163px; display:block; }
.char dd { border-left:3px solid #fff; padding:9px 14px; position:relative; left:-3px; }

.note { text-align:center; color:#FB0000; padding-top:15px; }

.advantages { padding-bottom:9px; }
.advantages li { width:145px; padding-left:26px; float:left; padding-bottom:10px; }
.advantages li h4 { font-size:1em; color:#F50000; padding-bottom:1em; }
.advantages li img { display:block; margin:0 auto; margin-bottom:14px; }

.con-table { margin-bottom:47px; }
.con-table td { border-left:1px dashed #666666; }
.con-table td, .con-table th { padding:5px 22px; border-top:1px dashed #666666; border-bottom:1px dashed #666666; }
.con-table thead th { border-top-style:solid; border-bottom-style:solid; }




/*---  New Block Formatting Context --- */
#page, #header, #footer, .content, .main, .aside, .extra, .wrap, .holder, .special-offers h3, .catalog li, .char dd, .char dt, .goods-body, form, ul, dl { overflow:hidden; }

/*--- Clearing -------------------------- */
.clear, .clearing:after { content:'.'; width:100%; display:block; height:0; clear:both; font-size:0; line-height:0; overflow:hidden; visibility:hidden }

.active-link
{ cursor:default !important;
text-decoration:none!important; border-bottom: 0px!important; }
table td, table th { border:1px solid #000 }