﻿/*--------------------------------------------------------------------------
[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:#202430; font-size:11px; color:#000; min-width:979px; }
hr { border:none; border-top:1px solid #1B1C1F; background:#1B1C1F; height:5px; 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:#B91324; text-decoration:underline; }
a:hover { text-decoration:none; }

/*--- /Text -------------------------- */


/*--- Headings ---------------------- */
h1, h2, h3, h4, h5, h6 { font:normal 18px Verdana; padding-bottom:6px; }

.regtab td {padding:3px; }
.shouldreg {background:#67a21a; color:#ffffff; font-weight:bold; padding:5px; margin-bottom:20px; text-align:center; margin-top:20px; }

.main-title { background:#791338 url(../images/bg/main-title.png) repeat-x; margin-bottom:8px; }
.main-title .tl { background:url(../images/corner/type2-tl.gif) no-repeat !important; }
.main-title .tr { background:url(../images/corner/type2-tr.gif) no-repeat right 0 !important; }
.main-title .bl { background:url(../images/corner/type2-bl.gif) no-repeat 0 bottom !important; }
.main-title h1 { text-transform:uppercase; color:#fff; font-size:33px; background:url(../images/corner/type2-br.gif) no-repeat right bottom; padding:19px 25px 23px; }

.title-list { background:url(../images/ico/list.gif) no-repeat 0 .15em; padding-left:22px; padding-bottom:11px; }

/*--- /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:12px; }
input.type-text, select, textarea { padding:5px 7px; background:#fff; border:1px solid silver; color:#425260; border-color:#A5A5A5 #DADADA #DADADA #A5A5A5; width:174px; }
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; padding:0 30px 20px; background:#202430 url(../images/bg/wrap.png) repeat-x; }
#page { width:919px; margin:0 auto; position:relative; background:url(../images/bg/page.jpg) no-repeat right 188px; }

#visual1 { position:absolute; width:41px; height:81px; left:-41px; top:59px; background:url(../images/bg/visual1.jpg) no-repeat; }
#visual2 { position:absolute; width:161px; height:299px; right:-161px; top:0; background:url(../images/bg/visual2.jpg) no-repeat; }

/*--- /Layouts ------------------------- */


/*--- Header --------------------------- */
#header { padding-bottom:8px; position:relative; background:url(../images/bg/header.jpg) no-repeat; }
#logo { z-index:999; position:absolute; top:22px; left:5px; width:199px; height:61px; text-indent:-3000em; overflow:hidden; display:block; background:url(../images/bg/logo.png) no-repeat; }

#nav { font:16px Arial, Tahoma; height:34px; padding:61px 20px 0 264px; }
#nav li { white-space:nowrap; color:#BADD16; float:left; padding:0 39px 0 22px; margin-left:-22px; }
#nav li a { color:#fff; }

form.search { height:43px; padding:17px 17px 0 15px; background:#A8D403 url(../images/bg/form-search.jpg) no-repeat; }
form.search .type-img { float:right; margin-top:3px; }
form.search .type-text { padding:3px 8px 4px; width:742px; font-weight:bold; font-size:14px; }
form.search label { margin-right:5px; vertical-align:middle; font:bold 17px Arial, Tahoma; }

.bar { background:#000 url(../images/corner/bar-bl.gif) no-repeat 0 bottom; }
.bar div { height:26px; padding:7px 14px 0; background:url(../images/corner/bar-br.gif) no-repeat right bottom; }
.bar .advanced { font-size:13px; color:#fff; padding-left:28px; float:right; background:url(../images/ico/advanced.gif) no-repeat 0 .6em; }

.abc dt, .abc dd, .abc ul, .abc li { display:inline; }
.abc dt { margin-right:16px; font-size:10px; color:#fff; padding-left:17px; background:url(../images/ico/abc-dt.gif) no-repeat 0 .2em; }
.abc ul { font-family:verdana; font-size:13px; text-transform:uppercase; }
.abc li { margin-right:3px; }
.abc li a { color:#C0DE0C; }

/*--- /Header -------------------------- */


/*--- Footer --------------------------- */
#footer { color:#fff; line-height:1.364; padding:3px 7px; }
.f-left { float:left; }
.f-right { float:right; text-align:right; }
.f-right a {color:#ffffff; }

.foot-nav { margin:0 -7px; color:#000; margin-bottom:21px; font:14px Arial, Tahoma; text-align:center; background:#C0DE0C url(../images/bg/foot-nav.gif) no-repeat; }
.foot-nav ul { padding:12px 20px 11px; height:19px; background:url(../images/bg/foot-nav.gif) no-repeat right -42px; }
.foot-nav li { white-space:nowrap; display:inline; padding:0 13px 0 20px; background:url(../images/bg/sep.gif) no-repeat 0 1px; }
.foot-nav li.first { background:none; }
.foot-nav li a { color:#000; }

/*--- /Footer -------------------------- */


/*--- Columns [faux absolute positioning] */
.content { position:relative; width:100%; padding-bottom:10px; }
.main-wrap, .aside, .extra { position:relative; left:100%; float:left; display:inline; }

.main-wrap { margin-left:-100%; width:100%; }
.main { font-family:Verdana, Tahoma; margin:0 0 0 235px; }
.main2 { font-family:Verdana, Tahoma; margin:0 0 0 0px; }

.aside { margin-left:-100%; width:226px; }


/*--- /Columns------------------------ */


/* -------------------------------------------*/ 
/* --------->>> CONTENT <<<----------*/ 
/* ------------------------------------------*/

/*--- Index page --------------------- */

.box { background:#000 url(../images/corner/type1-tl.gif) no-repeat; }
.box .tr { background:url(../images/corner/type1-tr.gif) no-repeat right 0; }
.box .bl { background:url(../images/corner/type1-bl.gif) no-repeat 0 bottom; }
.box .br { background:url(../images/corner/type1-br.gif) no-repeat right bottom; padding:8px 9px; }
.box2 { background:#fff url(../images/corner/type3-bl.gif) no-repeat 0 bottom; }
.box2 .tl { background:url(../images/corner/type3-tl.gif) no-repeat; }
.box2 .tr { background:url(../images/corner/type3-tr.gif) no-repeat right 0; }
.box2 .br { background:url(../images/corner/type3-br.gif) no-repeat right bottom; padding:15px 19px 13px 16px; }
.box-top { background:#000 url(../images/corner/top-tl1.gif) no-repeat; }
.box-top .tr { background:url(../images/corner/top-tr2.gif) no-repeat right 0; }
.box.coll1 { float:left; width:338px; background:#000 url(../images/corner/top-tl1.gif) no-repeat; }
.box.coll1 .tr { background:url(../images/corner/top-tr3.gif) no-repeat right 0; }
.box.coll2 { overflow:hidden; float:right; width:338px; background:#000 url(../images/corner/top-tl2.gif) no-repeat; }
.box.coll2 .tr { background:url(../images/corner/top-tr2.gif) no-repeat right 0; }
.box.coll2.best-sellers .tr { background:url(../images/corner/best-sellers-tr.png) no-repeat right 0; }
.best-sellers {margin-bottom:10px; }
.box.coll2 .br, .box.coll1 .br { padding-right:8px; padding-left:6px; }

.auth { background:#000 url(../images/corner/top-tl1.gif) no-repeat; margin-bottom:9px; }
.auth .br { padding:0; }
.auth fieldset { background:url(../images/corner/top-tr1.gif) no-repeat right 0; padding:12px 15px 0 17px; }
.auth dt { text-transform:uppercase; color:#fff; padding-bottom:11px; }
.auth dd { padding-bottom:11px; color:#ffffff; }
.auth dd strong { color:#BADD16; }
.auth dd ul li { display:inline; font-size:10px; margin-right:9px; padding-left:9px; background:url(../images/ico/marker1.gif) no-repeat 0 .4em; }
.auth dd ul li a { color:#C0DE0C; text-decoration:none; }
.auth dd ul li a:hover { text-decoration:underline; }

.heading-type1 { background:#fff url(../images/bg/heading-type1.gif) no-repeat right center; margin-bottom:9px; }
.heading-type1 .tl { background:url(../images/corner/type4-tl.gif) no-repeat !important; }
.heading-type1 .tr { background:url(../images/corner/type4-tr.gif) no-repeat right 0 !important; }
.heading-type1 .bl { background:url(../images/corner/type4-bl.gif) no-repeat 0 bottom !important; }
.heading-type1 .br { background:url(../images/corner/type4-br.gif) no-repeat right bottom !important; padding:10px 17px 9px !important; }
.heading-type1 h2 { font-family:tahoma, arial; text-transform:uppercase; padding-bottom:0; }
.heading-type2 { font-family:tahoma, arial; margin-bottom:9px; color:#fff; text-transform:uppercase; height:31px; width:294px; padding:10px 15px 0; background:#AA1727 url(../images/bg/heading-type2.png) no-repeat; }

.list-albums { margin-bottom:-8px; }
.list-albums li { color:#fff; position:relative; list-style:none outside; margin-bottom:8px; background:#333 url(../images/bg/list-albums.png) repeat-x; }
.list-albums .tl { background:url(../images/corner/type5-tl.gif) no-repeat !important; }
.list-albums .tr { background:url(../images/corner/type5-tr.gif) no-repeat right 0 !important; }
.list-albums .bl { background:url(../images/corner/type5-bl.gif) no-repeat 0 bottom !important; }
.list-albums .br { background:url(../images/corner/type5-br.gif) no-repeat right bottom !important; padding:5px 46px 5px 8px; }
.list-albums li .num { position:absolute; right:13px; top:7px; color:#fff; font:22px Arial, Tahoma; letter-spacing:-1px; }
.list-albums li h3 { font-family:Tahoma; font-size:12px; color:#fff; font-weight:bold; padding:8px 0 1px; }
.list-albums li h3 a { color:#fff; text-decoration:none; }
.list-albums li h3 a:hover { text-decoration:underline;}
.list-albums li h4 { font-family:Tahoma; font-size:15px; color:#C0DE0C; font-weight:bold; }
.list-albums li h4 a { color:#C0DE0C; }
.best-sellers .list-albums li { background:#000; border:1px solid #1B1B1B; }
.best-sellers .list-albums .tl { position:relative; margin:-1px; background:url(../images/corner/type6-tl.gif) no-repeat !important; }
.best-sellers .list-albums .tr { background:url(../images/corner/type6-tr.gif) no-repeat right 0 !important; }
.best-sellers .list-albums .bl { background:url(../images/corner/type6-bl.gif) no-repeat 0 bottom !important; }
.best-sellers .list-albums .br { background:url(../images/corner/type6-br.gif) no-repeat right bottom !important; }

.cover { float:left; margin-right:16px; display:block; width:75px; height:75px; }
.link-aside { text-transform:none; padding-bottom:3px; float:right; font-size:12px; padding-right:25px; background:url(../images/bg/link-aside.gif) no-repeat right 0; position:relative; right:-2px; top:2px; }

.list-albums2 { padding:0 0 19px 11px; }
.list-albums2 li { width:141px; padding:13px 10px 18px; float:left; text-align:center; }
.list-albums2 .cover { border:4px solid #fff; margin:0 auto; margin-bottom:5px; float:none; }
.list-albums2 li h4 { color:#fff; font:normal 12px Tahoma, Arial; padding:0; }
.list-albums2 li h4 a { color:#fff; }
.list-albums2 li h3 { padding:10px 0 2px; font:bold 16px Tahoma, Arial; color:#C0DE0C }
.list-albums2 li h3 a { color:#C0DE0C; }

/*--- /Index page --------------------- */


/*--- Sub pages --------------------- */

.tabs { font:bold 11px Tahoma, Verdana; }
.tabs li { margin-right:14px; float:left; padding-right:31px; background:url(../images/bg/tab.png) no-repeat right 0; }
.tabs li a, .tabs li strong { float:left; padding:18px 0 0 23px; height:28px; overflow:hidden; }
.tabs li a { position:relative; color:#C0DE0C; background:url(../images/ico/marker2.gif) no-repeat 0 20px; }
.tabs li strong { margin-left:12px; background:url(../images/ico/marker3.gif) no-repeat 0 18px; }
.tabs li.current { margin-right:4px; padding-right:22px; background:#fff url(../images/bg/tab-current2.png) no-repeat right 0; }
.tabs li.current div { float:left; padding-right:9px; background:url(../images/bg/tab-current.gif) no-repeat; }

.view-album .wrap { border-bottom:5px solid #1B1C1F; padding-bottom:10px; margin-bottom:10px; }
.view-album .photo { margin-right:14px; float:left; display:block; width:200px; height:200px; border:5px solid #22232E; }
.view-album .download { float:right; clear:right; }
.view-album-foot { font-weight:bold; padding:0 11px 10px 0; }
.view-album-foot img { vertical-align:middle; }
.view-album-foot .add { margin-right:6px; }
.view-album-foot .download2 { float:right; }

.price { color:#6C6C6C; float:right; border:1px solid #E2E2E2; margin-bottom:15px; }
.price dt, .price dd { float:left; padding:5px 7px 5px; }
.price dd { border-left:1px solid #E2E2E2; font-weight:bold; color:#fff; background:#D01226 url(../images/bg/price.png) repeat-x 0 center; }

.dfn dt, .dfn dd { color:#6C6C6C; display:inline; }
dl.dfn, div.dfn dl { padding-bottom:5px; }

.con-table { margin-bottom:15px; }
.con-table thead th { font-weight:bold; background:#E2E2E2; border-bottom:4px solid #D1D1D1; padding-top:13px; padding-bottom:9px; }
.con-table tbody td { border-bottom:1px solid #D1D1D1; padding-top:8px; padding-bottom:9px; }
.con-table tbody .even td { background:#F7F7F7; border-left-color:#F7F7F7; border-right-color:#F7F7F7; }
.con-table td, .con-table th { border-left:1px solid #fff; border-right:1px solid #fff; text-align:center; vertical-align:middle; padding-left:10px; padding-right:10px; }
.con-table td.position {}
.con-table td.col-price { color:#B91324; }
.con-table td.col-check { width:20px; }
.con-table td.col-cover { width:70px; }
.con-table td.col-title, .con-table th.col-title {text-align:left;}
.con-table .title { display:block; }
.con-table th.col-preview { width:1%; }

.h {font-family:'Trebuchet MS'; font-size:20px; color:#ffffff; }
.results {font-size:13px; }
.results li {padding:3px; margin-left:6px; color:#cd5060; }
.results a {text-decoration:none; }
.results a:hover {border-bottom:1px dotted; color:#ffffff; }
.s_page {padding:10px; color:#ffffff; }
.s_page a {color:#C0DE0C; font-weight:bold; }

.catalog { width:180px; padding:12px 30px 17px 0; float:left; }
.catalog li { padding:0 0 5px 13px; background:url(../images/ico/marker1.gif) no-repeat 0 .4em; }
.catalog li a { color:#000; text-decoration:none; font-weight:bold; }
.catalog li a:hover { text-decoration:underline; }

.main .abc { border:1px solid #E2E2E2; padding:6px 9px 8px; margin-bottom:43px; }
.main .abc dt { padding-left:0; background:none; color:#000; }
.main .abc ul li a { color:#AE1323; }

/*--- /Sub pages --------------------- */


/*---  New Block Formatting Context --- */
#wrap, #header, #footer, .content, .main, .aside, .extra, .tabs li.current div, .br, .wrap, .holder, 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 }

