/*-------------------------------------------------------------------------- [client] Screen Stylesheet author:Anton Ivanov [site-creator] email:site-creator@mail.ru icq:3355666 website:www.site-creator.info ----------------------------------------------------------------------------*/ /*------------------------------------------------------------ prefixes of selectors "g-" — global selector "l-" — layout "h-" — holder "b-" — blocks "v-" — visual "w-" — window "" — simple element (none prefix) indents in css selectors " " — children (tab) " " — inheritance style (space) -----------------------------------------------------------------------------*/ /*--- 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, label, legend, 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; } ul li, ol li ul li { list-style:disc inside; } ol li { list-style:decimal inside; } fieldset legend { color:#000; } input, select, button { vertical-align:middle; } /* -------------------------------------------*/ /* ---------->>> GLOBAL <<<-----------*/ /* ------------------------------------------*/ .g-f-left { float:left; } .g-f-right { float:right; } img.g-f-left { margin-right:2px; } img.g-f-right { margin-left:2px; } .g-ico { background:url(../i/bg/icons.png) 0 0 no-repeat; position:absolute; } .tabs-hide { display:none; } /*--- Text -------------------------- */ body, input, textarea, select, button { font-family:Georgia, serif; } select, #price { font-family:Arial, Helvetica, sans-serif; } html, body { min-width:980px; } body { background:#fff; font-size:.9375em; color:#666; } 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", Courier, monospace; } acronym { font-variant:small-caps; 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, ul { padding-bottom:.933em; } p.lead { font-style:italic; color:#326666; padding-bottom:25px; } ul { color:#CC049A;} ul li span { color:#666; } ul[class] { padding:0; color:#666; } ul[class] li { list-style:none outside; } a { cursor:pointer; color:#6599CC; text-decoration:underline; } a:hover { text-decoration:none; } strong { font-weight:normal; color:#CC049A; font-style:normal; } dfn { font-size:1.2em; font-style:normal; color:#CC049A; } /*--- /Text -------------------------- */ /*--- Headings ---------------------- */ h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:1em; color:#CC049A; padding-bottom:6px; } h1, h2, h3 { font-size:1.333em; } h4, h5, h6 { font-weight:bold; } /*--- /Headings ---------------------- */ /*--- Table --------------------------- */ table { border-collapse:collapse; width:100%; } caption, th, td { text-align:left; font-weight:normal; } /*--- /Table -------------------------- */ /*--- Forms -------------------------- */ input, textarea, select, option, button { color:#000; font-size:.93em; } textarea { vertical-align:top; height:105px;/*rows*14*/ width:368px; /*5*cols+17*/ } input[type=text], input[type=password] { width:145px; padding:.167em 2px; } input[type=button], input[type=reset], input[type=submit], button { cursor:pointer; padding:0 6px 2px; height:1.833em; } input[type=checkbox], input[type=radio] { margin:2px 0; height:16px; width:16px; } input[type=file] { height:1.667em; } select { height:1.6em; } select option { background:#fff; } select optgroup { background:#333; color:#fff; } select optgroup option { padding-left:15px; } /*--- /Forms -------------------------- */ /* -------------------------------------------*/ /* ------------>>> GRID <<<------------*/ /* ------------------------------------------*/ /*--- Layouts -------------------------- */ #l-wrap { overflow:hidden; position:relative; z-index:1; min-height:100%; } #l-page { width:980px; margin:0 auto; padding-bottom:106px; position:relative; z-index:2; background:url(../i/bg/page.jpg) 0 0 no-repeat; } #v-visual1 { position:absolute; top:0; width:187px; height:671px; left:-187px; background:url(../i/bg/visual1.jpg) 0 0 no-repeat; } #v-visual2 { position:absolute; top:0; width:185px; height:671px; left:980px; background:url(../i/bg/visual2.jpg) 0 0 no-repeat; } /*--- /Layouts ------------------------- */ /*--- Header --------------------------- */ #l-header { height:339px; position:relative; } #l-header h2 { position:absolute; font-size:1.2em; top:36px; left:372px; width:390px; color:#CC049A; } #l-header address { position:absolute; font-size:2em; left:372px; top:3em; font-weight:bold; font-style:italic; color:#CC049A; } #l-header address span { font-size:.6em; color:#336666; } .b-logo { text-indent:-3000em; overflow:hidden; display:block; width:302px; height:99px; background:url(../i/bg/logo.png) no-repeat; } #l-header .b-logo { position:absolute; top:21px; left:39px; } .b-header-test { width:110px; height:110px; position:absolute; top:164px; left:333px; background:url(../i/bg/test.png) 0 0 no-repeat; text-indent:-9999px; } /*--- /Header -------------------------- */ /*--- Footer --------------------------- */ #l-footer { min-width:980px; height:57px; border-bottom:11px solid #CC059A; margin-top:-68px; position:relative; z-index:3; } #l-footer address, #l-footer p { font-family:Verdana, Geneva, sans-serif; padding-bottom:3px; } #l-footer address { font-size:.867em; } #l-footer p { font-size:.8em; } #h-footer { width:980px; margin:0 auto; position:relative; z-index:2; } #v-footer { position:absolute; left:0; z-index:1; top:-38px; height:106px; width:675px; background:url(../i/bg/v-footer.jpg) 0 0 no-repeat; } #v-footer div { position:absolute; left:0; top:-37px; width:65px; height:37px; background:url(../i/bg/v-footer-div.png) 0 0 no-repeat; } .b-cert dt, .b-cert dd { display:-moz-inline-box; display:inline-block; vertical-align:middle; } .b-cert dt { margin-right:7px; } .b-cert dd { margin-left:9px; } /*--- /Footer -------------------------- */ /*--- Columns [faux absolute positioning] */ .h-content, .h-columns { position:relative; width:100%; } .l-coll { position:relative; left:100%; float:left; display:inline; } .l-main { margin-left:-941px; width:573px; padding-top:136px; } .l-aside { margin-left:-332px; width:290px; padding:0 3px; } .l-coll1 { margin-left:-611px; width:243px; } .l-coll2 { margin-left:-100%; width:315px; } .l-coll3 { margin-left:-242px; width:235px; } .l-coll-kz { margin-left:-100%; width:415px; } /*--- /Columns------------------------ */ /* -------------------------------------------*/ /* --------->>> CONTENT <<<----------*/ /* ------------------------------------------*/ /*--- box's --------------------- */ .h-box { position:relative; display:block; } .v-tl, .v-tr, .v-bl, .v-br { display:block; overflow:hidden; position:absolute; width:10px; height:10px; background:transparent url(../i/bg/icons.png) 0 0 no-repeat; } .v-tl, .h-box-is-border .h-box .v-tl { top:0; left:0; } .v-tr, .h-box-is-border .h-box .v-tr { top:0; left:-10px; margin-left:100%; } .v-bl, .h-box-is-border .h-box .v-bl { bottom:0; left:0; } .v-br, .h-box-is-border .h-box .v-br { bottom:0; left:-10px; margin-left:100%; } .h-box-is-border .v-tl, .h-box-is-border .h-box.h-box-is-border .v-tl { top:-1px; left:-1px; } .h-box-is-border .v-tr, .h-box-is-border .h-box.h-box-is-border .v-tr { top:-1px; left:-9px; margin-left:100%; } .h-box-is-border .v-bl, .h-box-is-border .h-box.h-box-is-border .v-bl { bottom:-1px; left:-1px; } .h-box-is-border .v-br, .h-box-is-border .h-box.h-box-is-border .v-br { bottom:-1px; left:-9px; margin-left:100%; } .h-box-type1 { padding:1px; border:6px solid #FFE0EF; } .h-box-type1-1 { border:1px solid #DEEBF3; padding:1px; background:#EBF3F8; } .h-box-type1-2 { border:1px solid #F5F9FB; background:#fff; } .h-box-type1-3 { border:1px solid #FCFDFE; padding:3px 9px; position:relative; z-index:1; } .h-box-type1 .v-tl, .h-box-type1 .v-tr, .h-box-type1 .v-bl, .h-box-type1 .v-br { width:13px; height:13px; z-index:2; } .h-box-type1 .v-tl { background-position:-16px 0; top:-11px; left:-11px; } .h-box-type1 .v-tr { background-position:-29px 0; top:-11px; left:-2px; margin-left:100%; } .h-box-type1 .v-bl { background-position:-16px -13px; bottom:-11px; left:-11px; } .h-box-type1 .v-br { background-position:-29px -13px; bottom:-11px; left:-2px; margin-left:100%; } /*--- /box's --------------------- */ .piling { float:right; margin-top:-59px; } .b-tabs-nav { background:url(../i/bg/gradient1.gif) 0 -1000px repeat-x; position:relative; z-index:2; height:50px; position:relative; top:11px; margin-top:-8px; } .b-tabs-nav li { float:left; font-size:20px; padding-top:8px; height:42px; padding:8px 30px 0; position:relative; } .b-tabs-nav li .v-tr, .b-tabs-nav li .v-tl { display:none; width:21px; height:50px; } .b-tabs-nav li.tabs-selected { padding-top:16px; background:#FFF url(../i/bg/gradient1.gif) 0 0 repeat-x; } .b-tabs-nav li.tabs-selected .v-tr, .b-tabs-nav li.tabs-selected .v-tl { display:block; } .b-tabs-nav li.tabs-selected .v-tl { background-position:-63px 0; } .b-tabs-nav li.tabs-selected .v-tr { left:-21px; margin-left:100%; background-position:-42px 0; } .b-tabs-nav li.tabs-selected.first .v-tl { background-position:-84px 0; } .b-tabs-nav li.tabs-selected a span { color:#CC3299; border:0; } .b-tabs-nav li.tabs-selected a .g-ico { display:none; } .b-tabs-nav li a .g-ico { margin-top:5px; } .b-tabs-nav li a { text-decoration:none; } .b-tabs-nav li a span { border-bottom:1px dotted #669ACC; color:#6599CC; } .b-tabs-nav li a span:hover { border:0; } .b-list-products { overflow:visible; } .b-list-products .item { padding-bottom:15px; } ul.g-list-set { padding-bottom:17px; } ul.g-list-set li { font-style:italic; color:#326666; padding-bottom:2px; } .h-flash { margin:0 -3px 25px; } .h-img { margin-bottom:7px; text-align:center; } .h-img_akcia { margin-bottom:7px; position: relative; left:-32px; text-align:center; } .b-entry-meta { overflow:visible; padding-bottom:15px; } .b-entry-meta dd { padding-top:4px; } .b-entry-meta .g-price { margin-top:-4px; } .g-price { position:relative; float:left; margin-left:-20px; margin-right:12px; background:#FFCEE3 url(../i/bg/price.png) 0 center repeat-x; } .g-price dt, .g-price dd { float:left; height:33px; line-height:31px; font-family:Arial, Helvetica, sans-serif; background:url(../i/bg/price.png) 0 0 no-repeat; } .g-price dt { font-size:24px; color:#99349A; font-weight:bold; padding-left:41px; padding-right:4px; } .g-price dd { font-size:14px; padding-right:17px; padding-top:2px; height:31px; background-position:right bottom; } .g-link-order { color:#6599CC; font-size:1.067em; text-decoration:none; } .g-link-order span, .g-link-order em { color:#6599CC; border-bottom:1px dotted #669ACC; } .g-link-order:hover span { border:0; } .g-link-order .g-ico, .b-tabs-nav li a .g-ico { width:16px; height:16px; margin-left:7px; margin-top:4px; } .b-list-ways { padding-top:5px; } .b-list-ways ul { overflow:visible; } .b-list-ways ul li strong { color:#6599CC; font-weight:bold; } .b-list-ways .item { list-style:none outside; padding-left:46px; position:relative; } .b-list-ways .item .num { font-style:normal; position:absolute; left:0; top:0; width:28px; height:28px; background:url(../i/bg/icons.png) 0 -26px no-repeat; color:#FFF; text-align:center; font-size:30px; font-weight:bold } .b-list-ways .item .num span { position:relative; top:-7px; } .g-note { position:relative; background:#FFEBF4 url(../i/bg/gradient2.png) 0 0 repeat-y; color:#CC049A; width:487px; margin:0 -12px 0 -58px; padding:0 12px 0 58px; padding-bottom:4px; margin-bottom:13px; } .b-form-order { margin:2px -12px -5px; position:relative; font-size:.933em; } .b-form-order fieldset { padding:5px 0; } .b-form-order dd, .b-form-order dt { padding:8px 0; } .b-form-order dl dl { margin:0 0 -17px; position:relative; top:-9px; } .b-form-order dl dl dd { padding-bottom:0; } .b-form-order .b-form-order-dt { float:left; padding-right:10px; padding-left:10px; width:141px; text-align:right; } .b-form-order .even { background:#FDF7F0 url(../i/bg/gradient3.png) 0 0 repeat-y; } .b-form-order .fst-buttons { padding-top:5px; } .b-form-order .l-coll3 .b-form-order-dt { padding-right:6px; padding-left:0; width:60px; } .b-form-order .fst-locality { padding-top:0; margin-top:-5px; } .b-form-order .fst-locality dt, .b-form-order .fst-locality dd { float:left; } .b-form-order .fst-locality dt { padding-right:8px; } .b-form-order .fst-locality .b-form-order-dt { padding-right:10px; } .b-form-order .fst-locality dd { padding-right:12px;} .b-form-order .fst-locality input[type=text] { width:37px; } .b-form-order select { margin-left:15px; } .b-form-order select#select-full { margin-left:20px; } .g-turn, .g-turn ul, .g-turn dl { overflow:visible; } .g-turn-dt { padding-bottom:2px; } .g-turn-dd { padding:15px 0; border-bottom:1px solid #556; margin-bottom:5px; } .g-turn-dd dl { padding-bottom:.933em; } .g-turn-dd dl dt { text-decoration:underline; } .g-turn { padding:0 10px; } .g-turn table { margin-top:.933em; margin-left:1px; width:99%; } .g-turn table td, .g-turn table th { border:1px solid #555; padding:3px; } /*--- New Block Formatting Context --- */ #l-header, .h-content, .h-columns, #h-footer,.h-wrap, form, ul, dl { overflow:hidden; } /*--- Clearing -------------------------- */ .v-clear, .h-clearing:after, #h-footer2:after, .h-box:after, .l-coll:after, #l-footer:after, .b-entry-meta:after, .b-list-ways .item:after, #l-page:after { content:'.'; width:100%; display:block; height:0; clear:both; font-size:0; line-height:0; overflow:hidden; visibility:hidden }