@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";

body { margin: 0; padding: 0px; margin-left: 20px; margin-right: 20px; background: #010101 url('../img/bottom_bg.jpg') center bottom no-repeat; }
h1, h2, h3, h4, a, p, div, span, th, td { font-family: Verdana, Tahoma, sans-serif; color: #68686a; }
h1, h2, h3 { font-size: 1em; color: #ff0000; font-weight: bold; }
p, a { font-size: 0.9em; }

a { color: #68686a; text-decoration: none; }
a:hover { text-decoration: none; }


/* Page
-------------------------------------------------------------- */

#page { margin: 0 auto; width: 921px; min-width: 921px; height: 100%; }


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

#header { background: url('../img/top_bg.jpg') top right no-repeat; height: 116px; width: 100%; }
#logo { background: url('../img/logo.gif') no-repeat; background-position: center; height: 77%; width: 162px; display: block; float: left; }
#right_bg {  }
#top_bar { background: url('../img/top_bar_bg.gif') repeat-x; width: 100%; height: 55px; }
#search { background: url('../img/search_bg.gif') no-repeat; width: 30%; height: 100%; float: left; padding-top: 5px; padding-bottom: -5px; padding-left: 18px; }
#menu { background: url('../img/menu_bg.gif') right top no-repeat; width: 65%; height: 100%; float: right; }
#menu div { width: 2px; height: 31px; background: url('../img/menu_line.gif') no-repeat; float: right; }
#menu a { color: #fefcfc; font-size: 0.85em; height: 49px; display: block; float: right; padding-top: 7px; padding-left: 18px; padding-right: 18px; font-weight: bold; }
#menu a:hover, #menu a.selected { color: #fefcfc; text-decoration: none; background: url('../img/menu_active.png') center bottom no-repeat; _background: none; }


/* Left block
-------------------------------------------------------------- */

#left { width: 19%; height: 100%; float: left; padding-top: 4px; min-height: 500px; }
#left_menu {  }
#left_menu a { display: block; font-size: 0.9em; padding-bottom: 5px; color: #878686; font-weight: bold; }
#left_menu a:hover, #left_menu a.selected { color: #ffffff; }
.level0 { padding-left: 0px; }
.level1 { padding-left: 20px; }
.level2 { padding-left: 30px; }
.level3 { padding-left: 40px; }
#left_banners { width: 100%; text-align: center; }


/* Right block
-------------------------------------------------------------- */

#right { width: 80%; min-height: 500px; float: right; margin-bottom: 15px; margin-top: -4px; }

#news { width: 100%; height: 140px; background: url('../img/news_bg.jpg') no-repeat; font-size: 0.9em; padding-top: 23px; }
#news .news { width: 31%; height: 108px; float: left; padding-left: 5px; padding-right: 5px; color: #878686; }
#news a.full { color: #fdfbfb; }
#news a.archive { color: #a0a0a0; font-size: 0.8em; padding-right: 25px; }

#category { width: 100%; font-size: 0.9em; background: url('../img/category_bg1.gif') repeat-y; margin-bottom: 25px; }
#category #category_body { width: 100%; height: 100%; background: url('../img/category_bg.jpg') no-repeat; padding-top: 16px; }
#category #category_line { width: 100%; height: 4px; background: url('../img/category_bottom_line.gif') bottom no-repeat; }

#brands { width: 100%; height: 100%; margin-top: 20px; border-collapse: separate; border-spacing: 35px 0px; }
#brands .brand { width: 33%; height: 100%; margin-left: 30px; margin-right: 10px; _margin-left: 19px; background: #161616; padding-left: 17px; padding-right: 17px; padding-bottom: 8px; padding-top: 0px; }
#brands .brand p { color: #878686; }
#brands .arrow { width: 29px; height: 33px; position: absolute; margin-top: 0px; margin-left: -37px; }
#brands .brand_name { padding-top: 8px; padding-bottom: 0px; margin-bottom: 5px; }
#brands .photo { border: 1px solid #484747; margin-bottom: 5px; }
#brands a.full { color: #fdfbfb; }

#good td { width: 33%; padding: 5px; }
#goods td { width: 25%; text-align: center; }

/*#title { width: 100%; height: 39px; padding-top: 18px; background: url('../img/page_title_bg.gif') no-repeat; }*/
.page_title { padding-top: 18px; background: url('../img/page_title_bg.gif') no-repeat; }

.page_photo { float: left; margin-top: -17px; margin-right: 8px; margin-bottom: 5px; border: 1px solid #4b4a4a; }
.page_photo img { vertical-align: top; }

.page { display: block: float: left; padding-top: 0px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; }
.page:hover, .page_selected { color: #ffffff; background: #ff0000; }


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

#footer { width: 70%; text-align: left; padding-left: 18%; font-size: 0.9em; }
#footer p, #footer a { color: #a0a0a0; }


/* Goods
-------------------------------------------------------------- */

.good_small { float: left; padding: 3px; }
#goods_best { width: 160px; margin: 0 auto; }

.arrow_left, .arrow_right { width: 20px; height: 20px; margin-top: 180px; }
.arrow_left a, .arrow_right a { font-size: 1.5em; font-weight: bold; }
.arrow_left { float: right; margin-right: 6px; _margin-right: 0px; }
.arrow_right { position: absolute; }


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

input { border: 1px solid #9f9f9f; font-size: 0.9em; }
.button { background: #e45e53; border: 1px solid #c16b6c; color: #ffeddf; }

#search_form { margin: 0px; padding: 0px; }
#search_form #id_q { width: 140px; background: #000000; color: #727171; border: 1px solid #3f3f40; text-align: center; }
#search_form .button { background: transparent; color: #fefcfc; border: none; font-size: 0.85em; font-weight: bold; }


/* Default classes
-------------------------------------------------------------- */

.debug { border: 1px solid #ffffff; }
.clear { clear: both; }
.right { text-align: right; }
.title { font-size: 1.7em; margin-bottom: 8px; }
.highlight1 { color: #ffd45b; }
.noborder { border: 0px; }
.noborder td { border: 0px; }
.hide { display: none; }
.invisible { visibility: hidden; }
.center { text-align: center; }
.bold { font-weight: bold; }
.red { color: #ee0000; }
.italic { font-style:italic; }
.nospaces { padding: 0px; margin: 0px; }
.maxwidth { width: 100%; }
.white1 { color: #fdfafa; }

tr.top td { vertical-align: top; }
tr.bottom td { vertical-align: bottom; }