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


body { margin: 0px; margin-left: 20px; margin-right: 20px; padding: 0px; background: #ffffff; }
h1, h2, h3, h4, a, p, div, span, th, td { font-family: Verdana, Tahoma, sans-serif; color: #68686a; }
h1 { font-size: 1.3em; padding-top: 15px; padding-bottom: 15px; }
h2 { font-size: 1em; padding-top: 10px; padding-bottom: 10px; }

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


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

#page { margin: 0; width: 100%; min-width: 990px; }


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

#header { height: 80px; width: 100%; }
#logo { background: url('../img/logo.gif') no-repeat; height: 53px; width: 434px; display: block; float: left; }
#contacts { width: 50%; float: right; }
#contacts p { text-align: right; font-size: 1em; }
#top_menu { background: url('../img/menu_bg.gif') repeat-x; height: 27px; width: 100%; margin: 0px; }
#top_menu_items { background: url('../img/menu_left.gif') top left no-repeat; padding-top: 3px; padding-left: 91px; height: 27px; width: 70%; float: left; font-size: 1.1em; }
#top_menu_items a { font-size: 0.9em; padding-left: 1em; padding-right: 1em; }
#top_menu_items a:hover { color: #e35d59; }
#cart { background: url('../img/menu_right.gif') top right no-repeat; height: 27px; width: 150px; float: right; padding-top: 3px; text-align: right; padding-right: 12px; }
#cart a {  }


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

#left { width: 16%; height: 100%; float: left; padding-top: 4px; }
#left_menu {  }
#left_menu a { display: block; font-size: 1em; padding-bottom: 2px; }
.level1 { padding-left: 0px; }
.level2 { padding-left: 10px; }
.level3 { padding-left: 20px; }
.level4 { padding-left: 30px; }
#left_banners { width: 100%; text-align: center; }


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

#right { width: 83%; _width: 81%; height: 100%; float: right; margin-bottom: 15px;  }
#right_banner { width: 60%; float: left; text-align: center; }
#special_offers { width: 38%; float: right; margin-right: 1px; }
#special_offers .more_info { font-style:italic;  color: #62af94; }

#index_block { border: 1px solid #c3c6ce; padding: 3px; padding-left: 15px; padding-right: 15px; margin-bottom: 15px; }
#index_block p { margin-bottom: 3px; }

.catalog_panel { height: 29px; width: 100%; background: url('../img/catalog_panel_bg.gif') repeat-x; }
.catalog_panel_left { padding-top: 4px;  margin-bottom: -4px; padding-left: 15px; height: 100%; width: 68%; background: url('../img/catalog_panel_left.gif') left top no-repeat; float: left; }
.catalog_panel_left, x:-moz-any-link { margin-bottom: -1px; } /* FF2 */
.catalog_panel_left, x:-moz-any-link, x:default { margin-bottom: -1px; } /* FF3 */
.catalog_panel_right { padding-top: 4px; margin-bottom: -4px; padding-right: 25px; height: 100%; width: 26%; background: url('../img/catalog_panel_right.gif') top right no-repeat; float: right; text-align: right; }
.catalog_panel_right, x:-moz-any-link { margin-bottom: -1px; } /* FF2 */
.catalog_panel_right, x:-moz-any-link, x:default { margin-bottom: -1px; } /* FF3 */

.paginator {  }
.page { font-size: 1.1em; display: block: float: left; padding-top: 0px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; }
.page:hover, .page_selected { border-color: #62af94; color: #ffffff; background: #62af94; }
.page_border { border: 1px solid #bdc0c6; }
.selected {  }

.category_description { border: 1px solid #c3c6ce; padding: 3px; float: left; }
.category_description p { margin-bottom: 3px; }

#goods_panel { width: 100%; }
#goods_panel table { margin-left: 0px; width: 100%; border-collapse: collapse; }
#goods_panel table, x:-moz-any-link {  margin-left: 3px; width: 99.5%; } /* FF2 */
#goods_panel table, x:-moz-any-link, x:default {  margin-left: 3px; width: 99.5%; } /* FF3 */
#goods_panel table td { border: 5px solid #c3c6ce; width: 33.3%; padding-right: 0px; padding-bottom: 0px; }
#goods_panel table table { margin: 0px; }
#goods_panel table table td { border: none; margin: 0px; padding: 0px; }
#goods_panel table table td.photo { width: 1%; }
#goods_panel img { float: left; padding-left: 4px; padding-bottom: 4px; }
#goods_panel .title, #goods_panel .title a { font-size: 1.1em; color: #af7174; font-weight: bold; }
#goods_panel p { padding-right: 0px; padding-left: 10px; }

#goods_panel_big { width: 100%; margin-top: 0px; }
#goods_panel_big table { margin-left: 0px; width: 100%; border-collapse: collapse; }
#goods_panel_big table, x:-moz-any-link { margin-left: 4px; width: 99.2%; } /* FF2 */
#goods_panel_big table, x:-moz-any-link, x:default { margin-left: 4px; width: 99.2%; } /* FF3 */
#goods_panel_big table td { border: 8px solid #c3c6ce; }
#goods_panel_big table table { margin: 0px; }
#goods_panel_big table table td { border: none; margin: 0px; padding: 0px; }
#goods_panel_big table table td.photo { width: 3%; }
#goods_panel_big img { float: left; padding-left: 4px; padding-bottom: 4px; }
#goods_panel_big .title, #goods_panel_big .title a { font-size: 1.2em; color: #62af94; font-weight: normal; }
#goods_panel_big td.info p { padding-left: 40px; }

#photo_matrix { width: 220px; margin: 0 auto; }
#photo_matrix img { margin: 1px; padding: 0px; vertical-align: top; }
#photo_matrix .s_photo { float: left; }
#photo_matrix .s_photo {  }
#photo_matrix .selected {  }
#photo_matrix .selected img {  }

#related_goods { width: 100%; }
#related_goods div.related_box { width: 97%; border-top: 1px solid #b1b1b1; padding-left: 25px; padding-top: 10px;  padding-bottom: 10px; }
#related_goods div.related_box img { float: left; margin-right: 15px; }
#related_goods div.related_box .title, #related_goods div.related_box .title a { font-size: 1.08em; color: #747474; font-weight: bold; }
#related_goods table { margin: 0px; }
#related_goods table td { border: none; margin: 0px; padding: 0px; }
#related_goods table td.photo { width: 3%; }

.pricetag { font-size: 1.1em; color: #e35d59; font-weight: bold; }
.pricetag a { color: #ffffff; background: #e35d59; padding: 1px; }
.pricetag a:hover { color: #ffffff; }

.pricetag2 { text-align: center; margin-top: 1em; }

.new { width: 37px; height: 15px; position: absolute; margin-left: 4px;  margin-top: 0px; background: url('/media/site/img/new.gif'); }


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

#footer { width: 100%; text-align: center; border-top: 1px solid #b1b1b1; }


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

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


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

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

#search_form #id_q { width: 66%; }
#search_form .button { width: 30%; }


/* Rounded corners
-------------------------------------------------------------- */

.r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10  { display: block; height: 1px; overflow: hidden; font-size:1px; }

.r10 { margin: 0 10px; }
.r9 { margin: 0 9px; }
.r8 { margin: 0 8px; }
.r7 { margin: 0 7px; }
.r6 { margin: 0 6px; }
.r5 { margin: 0 5px; }
.r4 { margin: 0 4px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }

.inner_box_header, .rounded_box_header b { background: #e45d59; }
.inner_box_header { padding: 1em 1em 0.1em; text-align: center; color: #e45d59; }
.inner_box_header p { padding: 0px; margin: 0px; margin-top: -17px; margin-bottom: 3px; color: #ffeaea; font-size: 1.25em; font-weight: bold; }
.inner_box_header a, .inner_box_header a:hover { color: #ffeaea; }
p.down { margin-top: -9px; margin-bottom: -7px; _margin-top: -8px; _margin-bottom: -2px; }


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

.debug { border: 1px solid #000000; }
.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: #e35d59; }
.blue { color: #62af94; }

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