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

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

/*--- Reset --------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, b, big, cite, code, del, dfn, em, font, img, ins, i, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, optgroup, option, label, legend, textarea, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:none; font-weight:inherit; font-style:inherit; font-family:inherit; font-size:100%; vertical-align:baseline; }
html { height:100%; font-size:100.01%; }
body { height:100%; }
img { vertical-align:top; }
*:focus { outline:none; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
dfn, cite, var, address, optgroup { font-style:normal; }
del { text-decoration:line-through; }
ins { text-decoration:underline; }
sup, sub { position:relative; font-size:.75em; }
sup { top:-.5em; }
sub { top:.25em; }
strong, b { font-weight:bold; }
small { font-size:.8125em; }
big { font-size:1.125em; }
em, i { font-style:italic; }
li { list-style:none outside; }
ol li { list-style:decimal inside; }
fieldset legend { color:#000; }
input[type=checkbox] { margin:2px 2px 1px 3px; height:17px; width:15px; }
input[type=radio] { margin:1px 2px 0 3px; height:19px; width:15px; }
input, select, button { vertical-align:middle; }
.f-left { float:left; }
.f-right { float:right; }
img.f-left { margin-right:1em; }
img.f-right { margin-left:1em; }

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

/*--- Text -------------------------- */
body, input, textarea, select { font-family:Tahoma, Geneva, sans-serif; }
p, h1, h2, h3, h4, h5, h6, .entry-meta .price { font-family:Arial, Helvetica, sans-serif; }
body { background:#fffffe; font-size:.75em; color:#333; min-width:1000px; }
hr { border:none; border-top:1px solid #808080; background:gray; height:0; overflow:hidden; margin:7px 0; }
code, kbd, samp, tt, var { 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:1.43em; font-size:1.167em; line-height:1.43 }
a { cursor:pointer; color:#0099FF; text-decoration:underline; }
a:hover { text-decoration:none; }

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


/*--- Headings ---------------------- */
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:2em; color:#09f;  padding-bottom:1em; }
h2 a { text-decoration:none; border-bottom:1px dashed #09f;}
h1, h2 { text-transform:uppercase; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#09f; }
h3, h4 { font-size:1.5em;  }
h6, h7 { font-size:1.25em;  }
h1 { width:916px; margin:0 auto; padding-left:12px; padding-right:12px; }

.headline { height:104px; line-height:104px; white-space:nowrap; background:url(../i/bg/headline.png) 0 0 no-repeat; padding-left:32px; margin-left:11px; }


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


/*--- Table --------------------------- */
table { border-collapse:collapse; }
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 silver; width:10em; }
input.type-button { height:2em; padding:0 10px; cursor:pointer; }

select { padding:0; height:1.666em; }
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:#fffffb; }

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


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

/*--- Layouts -------------------------- */
#wrap { min-width:1000px; position:relative; z-index:1; min-height:100%; }
#page { padding-bottom:280px; position:relative; z-index:2; background:url(../i/bg/page.jpg) 24% 0 no-repeat;  }

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


/*--- Header --------------------------- */
#header { min-height:135px; padding-bottom:46px; background:url(../i/bg/header.jpg) 97% 0 no-repeat; position:relative; bottom:15px; }
#logo { position:absolute; left:2.5%; top:57px; width:165px; height:48px; text-indent:-3000em; overflow:hidden; display:block; background:url(../i/bg/logo.png) no-repeat; }

.features { width:190px; font-weight:bold; padding-top:19px; }
.features li { padding-bottom:4px; }
.features li a { color:#CC3399; }

.order{ width:300px; padding-top:55px; }
.order dt { padding-bottom:5px; }
.order dd { margin-right:26px; }
.order dd, .order address { display:inline; }
.order address { color:#66CCFF; font-size:1.5em; }
.order img { vertical-align:middle; }

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

/*--- Bar --------------------------- */

#bar { min-height:210px; }

.bar-aside { width:300px; }

 .catalog { float:left; width:48%; padding-right:2%; margin-left: -1px; }
.catalog ul { margin-left:19px; font-size:1.167em }
.catalog ul li { overflow:hidden; padding:0 0 1px 6px; }
.catalog ul li a { padding-left:19px; color:#D50D8C; text-decoration:none; background:url(../i/ico/marker2.png) 3px .32em no-repeat; }
.catalog ul li a:hover { text-decoration:underline; }
.catalog dt { font-size:1.5em; margin-bottom:1px; }
.catalog dd { padding-bottom:15px; }
.catalog dt, .catalog dt span { padding:1px 9px 5px 24px; }
.catalog dt span { float:left; padding:1px 4px 5px 1px; margin:-1px -4px -5px -19px; position:relative; }
.catalog dt span a { padding-left:18px; }
.catalog span {  float:left; display:inline; position:relative; background:#0197DB url(../i/bg/gradient.png) 0 0 repeat-x; }
.catalog span a, .catalog ul li span a { color:#fff; background:url(../i/ico/marker1.png) 0 .4em no-repeat; }
.catalog i { display:block; position:absolute; width:5px; overflow:hidden; font-size:0; }
.catalog .c { top:5px; bottom:5px; left:-5px; background:#0197DB url(../i/bg/gradient.png) 0 -5px repeat-x;  }
.catalog .c-r { margin-left:100%; left:0; }
.catalog .t { height:5px; left:-5px; top:0; background:url(../i/bg/corner.gif) 0 0 no-repeat; }
.catalog .b { height:5px; left:-5px; bottom:0; background:url(../i/bg/corner.gif) 0 -5px no-repeat; }
.catalog .t-r { background-position:-5px 0; margin-left:100%; left:0; }
.catalog .b-r { background-position:-5px -5px; margin-left:100%; left:0; }
.catalog li .b { background-position:0 -10px; }
.catalog li .b-r { background-position:-5px -10px; }

.catalog ul li span { padding:0 2px 2px 1px; margin-bottom:-1px; }
.catalog ul li span a { background-position: 0 .2em }

.form-search { padding-top:6px; }
.form-search fieldset { padding-bottom:7px; }
.form-search fieldset dt { font-weight:bold; color:#06c; padding-bottom:8px; }
.form-search fieldset input { float:right; }
.form-search fieldset label { float:left; display:block; padding:2px 0 0 10px; width:258px; height:20px; background:#D6EFFF url(../i/bg/label.gif) 0 0 no-repeat; }
.form-search fieldset label input { width:245px; float:none; border:0; background:transparent; }

.example{ font-size:.917em; padding-bottom:23px; }
.example dt, .example dd, .example li, .example ul { display:inline; }
.example a { color:#333 }

.basket { min-height:30px; padding:19px 0 8px 42px; color:#09f; background:url(../i/ico/basket.png) 0 0 no-repeat; }
.basket dt a { color:#CC3399 }

/*--- /Bar -------------------------- */

/*--- Footer --------------------------- */
#footer { width:100%; line-height:1.35; background:url(../i/bg/footer.jpg) center 0 no-repeat;  height:263px; margin-top:-263px; position:relative; z-index:3; }
#footer-holder { position:relative; width:100%; padding-top:152px; background:url(../i/bg/footer-holder.jpg) 6% bottom no-repeat; height:111px;  }
#footer .coll1 { width:23%; }

.foot-coll{ width:33%; }
.foot-nav { padding-bottom:10px; }
.foot-nav li { display:inline; margin-right:12px; }
.foot-nav li a { color:#06c; }


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

/*--- Columns [faux absolute positioning] */
.content, #header, #footer { position:relative; }
.main-wrap, .aside, .extra, .features, .order, .coll1, .foot-coll, .studio, .bar-aside, .catalog-wrap, .l-coll { position:relative; left:100%; float:left; display:inline; }

.main-wrap { margin-left:-100%; width:100%; }
.main { margin:0 30% 0 20%; }
.aside { margin-left:-100%; width:20%; }
.extra { margin-left:-30%; width:30%; }

.features { margin-left:-72.5%; }
.order, .bar-aside { margin-left:-38.5%; }

#footer .coll1 { margin-left:-75.3%; }
.foot-coll { margin-left:-47.5%; }
.studio { margin-left:-9.8%; }

.col-img { padding:0 40px; }

.catalog-wrap { margin-left:-100%; width:58%; }

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


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

.content { padding:34px 30px 0; }
.content p { width:916px; margin:0 auto; padding-left:12px; padding-right:12px; }

.product { padding-bottom:27px; margin:0 -30px; position:relative; }
.product p { width:auto; padding-left:0; padding-right:0; }
.col-img { padding-top:10px; text-align:center; }

.gallery { padding:33px 0 48px; }
.gallery li { float:left; padding:0 30px 10px 2px; }

.logo { padding-bottom:37px; }

.entry-meta dd  { float:left; }
.entry-meta .price { background:url(../i/bg/price.png) 0 0 no-repeat; padding:38px 27px 27px; font-size:2em; color:#06c; font-weight:bold; }
.actions { font-size:1.5em; float:left; padding:40px 75px 20px 0; }
.actions li { position:relative; }
.actions li.in-basket span { position:absolute; top:-19px; margin-left:100%; left:6px; display:block; background:url(../i/ico/in-basket.png) 0 0 no-repeat; width:54px; height:55px; }

.product-features { width:940px; margin:0 auto; margin-bottom:43px; }
.product-features li { background:#D6EFFF; vertical-align:bottom; position:relative; }
.product-features dl { padding:7px 10px 11px 329px; }
.product-features dl dt { color:#c39; float:left; margin-left:-317px; width:290px; }
.product-features .even { background:none; }
.product-features .even .c { display:none; }
.product-features .c { overflow:hidden; width:10px; height:10px; position:absolute; background:url(../i/bg/corner.png) 0 0 no-repeat; }
.product-features .tl { top:0; left:0; }
.product-features .tr { top:0; left:-10px; margin-left:100%; background-position:-10px 0; }
.product-features .bl { bottom:0; left:0; background-position:0 -10px; }
.product-features .br { bottom:0; left:-10px; margin-left:100%; background-position:-10px -10px; }

.list-products ul { text-align:center;  margin:0 -30px; position:relative; }
.list-products ul li { vertical-align:top; padding:0 15px; margin-bottom:40px; text-align:center; display:-moz-inline-box; display:inline-block; }
.list-products ul li div { display:table; }
.list-products h3 { padding-top:19px; width:180px; margin:0 auto; }

span.price { color:#f90; font-size:1.5em;  }



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

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

#product-full-image {
    cursor: pointer;
}

.ui-effects-transfer { border: 2px solid #55BEF3; }

.content table p {
width:auto;
}

.banners { width:190px; padding-left:27.5%; padding-bottom:30px; }
#header { padding-bottom:20px; }
.product h1 { width:auto; }


/* 29.04.09 */

#footer { height:139px; margin-top:-139px; background:none; }
#footer-holder { padding-top:28px; }
#page { padding-bottom:140px; }

.h-extra-content { min-height:141px; background:url(../i/bg/footer.jpg) center center no-repeat;  }

.object { position:relative; width:440px; height:200px; }
.object .bg { height:22px; left:0; position:absolute; top:177px; width:100%; background:#FFF; }

.l-coll1 { margin-left:-95%; width:35%; }
.l-coll2 { margin-left:-40%; width:25%; }

/* /29.04.09 */

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

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

.list-news h3 { padding-bottom:0; }
.list-news p { padding-left:0; padding-right:0; width:auto }

.dashed
{
width:500px;
border:2px #0099FF dashed;
}