/*--------------------------------------------------------------------------
[client] Screen Stylesheet

author:Anton Ivanov [site-creator]
email:site-creator@mail.ru
icq:3355666
website:www.site-creator.info
-----------------------------------------------------------------------------*/

@import "reset.css";

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

/*--- Text -------------------------- */
body, input, textarea, select { font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; }
body { background:#ECE3CC; font-size:.75em; color:#6e6e6e; 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:15px }
a { cursor:pointer; color:#c32b20; text-decoration:underline; }
a:hover { text-decoration:none; }

div.img { padding-bottom:17px; text-align:center; }
img.img, div.img img { border:2px solid #fff; background:#FEC34E; padding:3px; }

.list { margin:0 0 30px 8px; }
.list li { list-style:square inside; color:#C32B20; }
.list li dt, .list li dd, .list li dl { display:inline; color:#6e6e6e; }
.list li dt { font-weight:bold; }

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


/*--- Headings ---------------------- */
h1, h2 { font:normal 2em Tahoma; color:#c22a20; padding-bottom:15px; }
h3, h4, h5, h6 { font:bold 1em Tahoma; color:#6e6e6e; padding-bottom:15px; }
h4 { margin-right:-27px; color:#C22A20; font-size:1.167em; border-bottom:4px solid #FEC34E; padding-bottom:2px; margin-bottom:22px; }
h4 a { text-decoration:none; }
h5 { padding-top:14px; }

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


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

.main table { margin-bottom:17px; width:558px; margin-left:1px; }
.main table th { font-weight:bold; background:#E3DFD3; }
.main table td, .main table th { padding:2px 6px 3px; border:1px solid #C4BEAF; }

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


/*--- Forms -------------------------- */
input, textarea, select, option { color:#666; font-size:1em; }
input.type-text, select, textarea { padding:2px; background:#fff; border:1px solid silver; width:10em; }
input.type-button { border:1px solid #C0C0C0; height:2em; background:#C22A20 url(../images/bg/button.png) repeat-x 0 center;  color:#FEC34E; cursor:pointer; padding:0 10px; padding-bottom:.2em; }

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:9.5em; padding:2px; display:block; background:#fafafa; }

.form { padding:20px 23px 20px 0; }
.form dl { padding-bottom:9px; }
.form dt { float:left; width:125px; }
.form dd { float:right; width:406px; }
.form dd .type-text, .form dd textarea { width:400px; }

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


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

/*--- Layouts -------------------------- */
#wrap { background:#F1EDE2 url(../images/bg/wrap.png) repeat-y center 0; position:relative; min-height:100%; width:1000px; margin:0 auto; }
#wrap2 { background:url(../images/bg/wrap2.jpg) no-repeat; padding:0 68px; }
#page { padding-bottom:80px; position:relative; z-index:2; }
.visual1 { position:absolute; z-index:1; left:68px; bottom:0; width:300px; height:393px; background:url(../images/bg/visual1.jpg) no-repeat; }

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


/*--- Header --------------------------- */
#header { top:34px; position:relative; background:#f1ede2 url(../images/bg/header.jpg) no-repeat 0 bottom; height:291px; padding-top:3px; border-top:5px solid #aaac9f; border-bottom:7px solid #c22a20; margin-bottom:37px; }
#header .adr { position:absolute; bottom:43px; right:17px; color:#fff; font-size:2em; }
.aside .adr { text-align:right; position:relative; top:43px; padding-right:16px; margin-bottom:-54px; }
.adr { color:#C22A20; font-size:1.8em; font-family:arial; }
.adr small { font-size:.75em; }
#logo { z-index:999; position:absolute; top:-15px; left:360px; width:147px; height:94px; text-indent:-3000em; overflow:hidden; display:block; background:#C32B20 url(../images/bg/logo.png) no-repeat; }

.nav { position:relative; border:2px solid #cc5850; height:48px; background:#c32b20 url(../images/bg/nav.png) repeat-x; }
.nav li { position:relative; left:-1px; width:117px; float:left; text-align:center; border-left:1px dotted #b0453e; padding-top:17px; height:31px; }
.nav li.child-n3 { width:121px; margin-right:147px; }
.nav li a { color:#ffdc50; text-decoration:none; }
.nav li a:hover { text-decoration:underline; }

.search { font-size:12px; position:absolute; bottom:0; right:0; border:4px solid #fec34e; }
.search fieldset { float:left; }
.search .type-text { width:12.667em; padding:4px; border:none; float:left; }
.search .type-button { float:left; height:1.8em; border:none; background:#c32b20 url(../images/bg/nav.png) repeat-x 0 center; color:#fff; }

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


/*--- Footer --------------------------- */
#footer-wrap { overflow:hidden; font-size:.917em; width:864px; padding:0 68px; margin:-78px auto 0; height:78px; position:relative; z-index:999; }
#footer { background:url(../images/bg/footer.gif) repeat-x; height:59px; padding-top:19px; }
#footer-holder { color:#fec34e; position:relative; z-index:2; background:#c22a20 url(../images/bg/visual1.jpg) no-repeat -241px bottom; height:44px; padding:15px 26px 0 30px; margin-left:241px; }
#footer-holder a { color:#fec34e; }
#footer-holder p { padding-bottom:0; }
.foot-aside { float:right; text-align:right; }

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


/*--- Columns -------------------------- */
.content { position:relative; z-index:2; width:100%; padding-top:14px; border-top:5px solid #fec34e; }
.main { float:right; width:561px; padding:0 27px 80px 0; }
.aside { min-height:370px; float:left; width:231px; padding:0 0 252px 22px; background:url(../images/bg/aside.jpg) no-repeat right 34px; }

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


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

.nav-catalog { position:relative; left:-10px; top:-5px; padding-bottom:13px; }
.nav-catalog li a { display:block; padding:10px 0 10px 53px; }
.nav-catalog li ul { margin-left:64px; padding:5px 0; }
.nav-catalog li ul li { line-height:2; vertical-align:middle; list-style:square inside; color:#C32B20; }
.nav-catalog li ul li a { padding:0; display:inline; color:#6e6e6e; background:none !important; }
.nav-catalog li.i-irons a { background:url(../images/ico/i-irons.png) no-repeat 0 6px; }
.nav-catalog li.i-conditioners a { background:url(../images/ico/i-conditioners.png) no-repeat 0 6px; }
.nav-catalog li.i-kitchen a { background:url(../images/ico/i-kitchen.png) no-repeat 0 6px; }
.nav-catalog li.i-cleaning a { background:url(../images/ico/i-cleaning.png) no-repeat 0 6px; }
.nav-catalog li.i-bed a { background:url(../images/ico/i-bed.png) no-repeat 0 6px; }
.nav-catalog li.i-bed-clothes a { background:url(../images/ico/i-bed-clothes.png) no-repeat 0 6px; }

.brands  { width:567px; margin-right:-16px; padding:25px 0 0 10px; }
.brands li { line-height:71px; text-align:center; vertical-align:middle; float:left; width:157px; height:71px; border:2px solid #fff; background:#D9C19B; margin:0 28px 27px 0; }
.brands li img { vertical-align:middle; }

.catalog { width:573px; margin-right:-12px; }
.catalog li { position:relative; float:left; width:180px; height:200px; background:#fff; border:2px solid #fff; margin:0 7px 8px 0; }
.catalog li div { z-index:3; position:absolute; left:6px; bottom:5px; width:132px; }
.catalog li h3, .catalog li p { padding-bottom:0; }
.catalog li h3 a { color:#6e6e6e; }
.catalog li .photo { z-index:1; position:absolute; left:0; top:0; }
.catalog li .new { background:url(../images/ico/new.png) no-repeat; z-index:2; position:absolute; right:-2px; bottom:-2px; text-indent:-3000em; overflow:hidden; display:block; height:46px; width:45px; }

.articles li { padding-bottom:22px; }
.articles li h4 { font-size:1em; margin-bottom:8px; margin-right:0; }
.articles li .img { float:left; margin-right:17px; display:block; width:133px; }

.gallery { width:573px; margin-right:-12px; padding-bottom:17px; }
.gallery li { float:left; width:184px; height:200px; background:#fff;  margin:0 7px 8px 0; }
.gallery li img { border:2px solid #fff; }


/*---  New Block Formatting Context --- */
#page, #footer, .content, .main, .aside, .extra, .wrap, .holder, form, ul, dl { overflow:hidden; }

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