/*
------------------------------------------------------------------------------------------------------------------
  Classes
------------------------------------------------------------------------------------------------------------------
*/

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }

.clear { display: block; clear: both; font-size: 1px; line-height: 1px; height: 1px; }

.fleft { float: left; }
.fright { float: right; }

img.fleft { float: left; margin: 0 10px 5px 0; }
img.fright { float: right; margin: 0 0 5px 10px; }

.aleft { text-align: left; }
.aright { text-align: right; }
.acenter { text-align: center; }

/*
------------------------------------------------------------------------------------------------------------------
  Main
------------------------------------------------------------------------------------------------------------------
*/

* { margin: 0; padding: 0; }
html { height: 100%; }
body { position: relative; color: #1D102F; font-size: 0.8em; font-family: "Trebuchet MS", Arial, Sans-Serif; line-height: 1.3; background: #F9F5ED url('../img/body-bg-top.jpg') no-repeat right top; height: 100%; }

h1, h2, h3, h4 { padding: 20px 0 10px 0; color: #7A9A33; }
h1 { font-size: 1.8em; font-weight: normal; }
h2 { font-size: 1.8em; font-weight: normal; }
h3 { font-size: 1.5em; font-weight: normal; }
h4 { font-size: 1.2em; font-weight: bold; }

p, ul, ol, dl { padding: 10px 0; }

a { color: #F35C27; text-decoration: underline; }
a:hover { color: #F35C27; text-decoration: none; }
/*
a:visited { color: #551A8B; }
a.const:visited { color: #F35C27; }
*/
a * { cursor: pointer; }
a img { border: 0; }

small { font-size: 0.9em; }
big { font-size: 1.15em; }

.cBlack { color: #1D102F; }
.cOrange { color: #F35C27; }
.cGreen { color: #7A9A33; }
.cLightGreen { color: #A7B980; }
.cGrey { color: #6c6c6c; }
.cLightGrey { color: #9c9c9c; }
.cRed { color: #E13600; }
.cDarkRed { color: #CF3100; }

.nopadding { padding: 0; }

form.mainForm { padding: 10px 0; font-size: 0.85em; font-family: Tahoma; }
form.mainForm input,
form.mainForm textarea,
form.mainForm select { font-size: 1em; font-family: Tahoma; }
form.mainForm table { border-collapse: collapse; border: 0; }
form.mainForm table td { padding: 5px 10px 5px 0; vertical-align: top; }
form.mainForm table td label { cursor: pointer; display: block; padding: 1px 0; }
form.mainForm table td span.error { display: block; padding: 2px 0; color: #E13600; font-size: 0.9em; }

#canvas_wrapper { position: relative; background: url('../img/body-bg-bottom.jpg') no-repeat right bottom; min-height: 100%; }
#canvas_wrapper #canvas { position: relative; margin: 0 auto; min-width: 990px; max-width: 1200px; }

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

#header { position: relative; padding: 25px 0; min-height: 110px; }

#header_logo { position: absolute; z-index: 200; top: 25px; left: 25px; }

p#header_breadcrumbs { position: absolute; z-index: 1000; top: 105px; left: 345px; padding-bottom: 10px; color: #A7B980; font-size: 0.9em; }
p#header_breadcrumbs a { color: #A7B980; }
p#header_breadcrumbs strong { padding: 0 5px; font-weight: normal; background: #fff; border: 3px solid #fff; }

#header_menu { position: absolute; top: 42px; left: 0; color: #7A9A33; font-size: 1.15em; width: 100%; }
#header_menu table { border-collapse: collapse; border: 0; width: 100%; }
#header_menu table td { white-space: nowrap; margin: 0; padding: 0; border: 0; height: 34px; }
#header_menu table td a,
#header_menu table td strong { position: relative; top: -1px; color: #fff; font-weight: normal; }
#header_menu table td.separator { width: 5px; }
#header_menu table td.bg_left { background: url('../img/orange-left.png') no-repeat 0 0; width: 10px; }
#header_menu table td.bg_right { background: url('../img/orange-right.png') no-repeat 0 0; width: 10px; }
#header_menu table td.bg { padding: 0 3px; background: url('../img/orange-center.png') repeat-x 0 0; }
#header_menu table td.active_left { background: url('../img/active-left.png') no-repeat 0 0; width: 10px; }
#header_menu table td.active_right { background: url('../img/active-right.png') no-repeat 0 0; width: 10px; }
#header_menu table td.active { padding: 0 3px; background: url('../img/active-center.png') repeat-x 0 0; }
#header_menu table td.active * { color: #6c6c6c; }
#header_menu table td.bg_stick_left { background: url('../img/green-left.png') no-repeat 0 0; width: 10px; }
#header_menu table td.bg_stick_right { background: url('../img/green-right.png') no-repeat 0 0; width: 10px; }
#header_menu table td.bg_stick { padding: 0 3px; background: url('../img/green-center.png') repeat-x 0 0; }

#header_submenu { padding: 80px 0 10px 415px; font-size: 1.15em; }
#header_submenu .item { padding: 5px 0; color: #F35C27; }
#header_submenu .item a { color: #F35C27; }
#header_submenu .itemActive { color: #7A9A33; }
#header_submenu .itemActive strong { font-weight: normal; }

#header_panel { position: absolute; top: 11px; right: 30px; color: #6c6c6c; font-size: 0.9em; }
#header_panel a { color: #6c6c6c; }
#header_panel sup { font-size: 0.8em; }

/*
------------------------------------------------------------------------------------------------------------------
  Body
------------------------------------------------------------------------------------------------------------------
*/

#body { position: relative; padding: 10px 25px 100px 25px; }

#content_wrapper { float: left; width: 100%; }
#content { float: left; margin: 0 0 0 320px; }

#sidebar { float: left; margin-left: -100%; width: 300px; }

#body p.breadcrumbs { margin-left: 320px; padding-bottom: 0; color: #A7B980; font-size: 0.9em; }
#body p.breadcrumbs a { color: #A7B980; }
#body p.breadcrumbs strong { padding: 0 5px; font-weight: normal; background: #fff; border: 3px solid #fff; }

#body p.pagination span.delimeter { display: none; }
#body p.pagination span.active,
#body p.pagination span.space,
#body p.pagination a { float: left; margin-right: 2px; padding: 2px 7px; }
#body p.pagination span.active { color: #6c6c6c; background: #EEDFC3; }
#body p.pagination span.space { padding-left: 0; padding-right: 0; }
#body p.pagination a { color: #F35C27; }
#body p.pagination a:visited { color: #F35C27; }

#body ul,
#body ol { margin-top: -10px; }
#body ul li,
#body ol li { margin-left: 16px; padding-bottom: 10px; }

#body p.flashMessage { font-weight: bold; }

#body table.switcher { border-collapse: collapse; border: 0; width: 100%; }
#body table.switcher td { margin: 0; padding: 10px 0; vertical-align: top; width: 200px; }
#body table.switcher td.left { text-align: left; }
#body table.switcher td.right { text-align: right; }
#body table.switcher a:visited { color: #7A9A33; }

#body table.userMessages { margin: 10px 0;font-size: 0.9em; font-family: Tahoma; border-collapse: collapse; border: 0; width: 100%; }
#body table.userMessages th,
#body table.userMessages td { padding: 8px 10px 5px 10px; vertical-align: top; }
#body table.userMessages th { font-size: 0.85em; font-weight: normal; text-align: left; background: #EEDFC3; border-right: 1px solid #F9F5ED; }
#body table.userMessages td { border-bottom: 1px solid #EEDFC3; }
#body table.userMessages td.user { width: 150px; }
#body table.userMessages td.date { color: #6c6c6c; font-size: 0.85em; width: 125px; }
#body table.userMessages td.icon { width: 16px; }
#body table.userMessages td .send,
#body table.userMessages td .send a { color: #6c6c6c; }

#body table.userMessage { margin: 8px 0 10px 0; font-size: 0.9em; font-family: Tahoma; width: 100%; }
#body table.userMessage td { padding: 5px 13px 8px 13px; vertical-align: top; background: #EFE5D1; }
#body table.userMessage td.label { width: 100px; }
#body table.userMessage p.attach { margin-top: 15px; padding: 4px 0 0 0; font-size: 0.85em; border-top: 1px solid #DFD1B5; }

#body #shop_menu { position: relative; margin-top: -35px; padding-bottom: 40px; }
#body #shop_menu ul { color: #7A9A33; }
#body #shop_menu ul li { list-style: none; position: relative; float: left; margin-left: 0; width: 24.99%; height: 160px; }
#body #shop_menu ul li span.category a { float: left; padding-top: 160px; }
#body #shop_menu ul li span.category span.active { position: relative; top: 160px; padding: 0 3px; color: #fff; background: #F35C27; border-bottom: 2px solid #F35C27; }
#body #shop_menu ul li a,
#body #shop_menu ul li a:visited { color: #F35C27; }
#body #shop_menu ul li ul { position: absolute; top: 10px; left: 125px; padding-right: 10px; line-height: 1.1; }
#body #shop_menu ul li ul li { display: none; float: none; padding: 5px 0; width: auto; height: auto; }
#body #shop_menu ul li ul li span.dash { float: left; }
#body #shop_menu ul li ul li span.title { position: relative; display: block; margin-left: 15px; }
#body #shop_menu ul li.active ul li { display: block; }
#body #shop_menu ul li ul li ul { position: relative; top: 0; left: 0; margin-bottom: -5px; padding-left: 15px; padding-bottom: 0; }

#body .shop { width: 100%; }
#body .shop .products_wrapper { float: left; width: 100%; }
#body .shop .products_wrapper .products { position: relative; margin-top: -4px; width: 50%; }
#body .shop .products .productsList .product { float: left; width: 19.9%; height: 177px; }
#body .shop .products .productsList .product a { position: relative; float: left; border: 4px solid #F9F5ED; margin-right: 15px; }
#body .shop .products .productsList .product a span.new { position: absolute; top: -4px; left: -2px; display: block; background: url('../img/new_2.gif') no-repeat 0 0; width: 23px; height: 12px; }
#body .shop .products .productsList .product.active a,
#body .shop .products .productsList .product a:hover { border-color: #EEDFC3; }
#body .shop .products .productsList .product a span.image { display: block; background-repeat: no-repeat; background-position: top center; width: 50px; height: 135px; }
#body .shop .view { float: left; margin-left: -50%; width: 49.99%; }
#body .shop .view .bg { background: #EEDFC3 url('../img/pink-bg1.jpg') no-repeat right top; }
#body .shop .view .bg .inner { background: url('../img/pink-bg2.jpg') no-repeat left bottom; min-height: 490px; }
#body .shop .view .bg .inner2 { padding: 15px 20px 20px 20px; }
#body .shop .view h3.caption { margin-top: -5px; padding-top: 0; color: #1D102F; text-align: right; }
#body .shop .view .product { font-family: Tahoma; }
#body .shop .view .product .photo { float: left; margin-right: 20px; padding-bottom: 20px; }
#body .shop .view .product .colors { padding-bottom: 20px; }
#body .shop .view .product .colors img { margin-right: 15px; }
#body .shop .view .product .price { padding-bottom: 13px; }
#body .shop .view .product .price a,
#body .shop .view .product .price a:visited { color: #7A9A33; }
#body .shop .view .product .characteristics .characteristic { padding: 0 0 13px 0; }

#body form.basket table { margin: 10px 0; font-size: 0.75em; font-family: Tahoma; width: 100%; }
#body form.basket table th,
#body form.basket table td { padding: 8px 13px; }
#body form.basket table th { font-weight: normal; background: #EFE6E0; border-bottom: 2px solid #6E6B69; }
#body form.basket table td { border-bottom: 1px solid #EFE6E0; }
#body form.basket table tr.last td { border-bottom: 0; }
#body form.basket table tr.summary td { border-top: 1px solid #6E6B69; border-bottom: 0; }
#body form.basket table td a,
#body form.basket table td a:visited { color: #7A9A33; }
#body form.basket table td .parents { color: #999; font-family: Arial; }
#body form.basket table td .parents a,
#body form.basket table td .parents a:visited { color: #999; }
#body form.basket p.buttons { text-align: right; }

#body form.order { font-size: 0.75em; }

#body .bodyCols { position: relative; }
#body .bodyCols .side { float: left; margin-top: -30px; width: 280px; }
#body .bodyCols .side .inner { min-height: 100px; }
#body .bodyCols .sidePink { background: #EEDFC3 url('../img/pink-bg1.jpg') no-repeat right top; width: 280px; }
#body .bodyCols .sidePink .inner { padding: 10px 20px; background: url('../img/pink-bg2.jpg') no-repeat left bottom; }
#body .bodyCols .content { margin-left: 320px; font-size: 1.15em; }
#body .bodyCols .contentPadding { margin-right: 320px; }
#body .bodyCols .contentUpper { margin-top: -10px; }

#body .bodyCols .side h1,
#body .bodyCols .side h2,
#body .bodyCols .side h3 { color: #1D102F; }

#body .bodyCols .side .sidemenu { padding: 6px 0 10px 0; font-size: 1.2em; font-weight: normal; }
#body .bodyCols .side .sidemenu .item { padding: 5px 10px; }
#body .bodyCols .side .sidemenu .item strong { font-weight: normal; }
#body .bodyCols .side .sidemenu .item a { color: #F35C27; }
#body .bodyCols .side .sidemenu .itemActive { padding: 0; background: #EEDFC3 url('../img/pink-bg1.jpg') no-repeat right top; }
#body .bodyCols .side .sidemenu .itemActive strong { display: block; padding: 5px 10px; background: url('../img/pink-bg2.jpg') no-repeat left bottom; }

#body .bodyCols .side .newsList { padding: 20px 0 10px 0; }
#body .bodyCols .side .newsList .newsItem { padding: 1px 0 2px 0; }
#body .bodyCols .side .newsList .newsItem a { display: block; text-decoration: none; background: url('../img/white-bg1.jpg') no-repeat -1000px 0; }
#body .bodyCols .side .newsList .newsItem a * { cursor: pointer; }
#body .bodyCols .side .newsList .newsItem a:hover { background-color: #F9F5ED; background-position: right top; }
#body .bodyCols .side .newsList .newsItem a span.inner { display: block; padding: 10px 10px 15px 10px; background: url('../img/white-bg2.jpg') no-repeat -1000px 0; min-height: 20px; }
#body .bodyCols .side .newsList .newsItem a:hover span.inner { background-position: left bottom; }
#body .bodyCols .side .newsList .newsItem a small.date { color: #A7B980; text-decoration: underline; }
#body .bodyCols .side .newsList .newsItem a:hover small.date,
#body .bodyCols .side .newsList .newsItem a.active small.date{ text-decoration: none; }
#body .bodyCols .side .newsList .newsItem a span.preview { color: #1D102F; font-size: 1em; }
#body .bodyCols .side .newsList .newsItem a.active { background: #F9F5ED url('../img/white-bg1.jpg') no-repeat right top; }
#body .bodyCols .side .newsList .newsItem a.active span.inner {background: url('../img/white-bg2.jpg') no-repeat left bottom;  }

#body .bodyCols .side ul.sidemenu { padding: 10px 5px; font-size: 1.15em; }
#body .bodyCols .side ul.sidemenu li { list-style: none; margin-left: 0; padding: 3px 0; }
#body .bodyCols .side ul.sidemenu li a,
#body .bodyCols .side ul.sidemenu li a:visited { color: #7A9A33; }
#body .bodyCols .side ul.sidemenu li a.colored { color: #6c6c6c; }

#body .bodyCols .sidePink p.pagination { padding: 10px; }
#body .bodyCols .sidePink p.pagination span.active { background: #F9F5ED; }

#body .newsView { padding: 10px 0; }
#body .newsView .text { padding: 5px 0 0 0; font-size: 1.1em; line-height: 1.5; }

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


#footer_wrapper { overflow: hidden; position: relative; margin-top: -75px; width: 100%; height: 75px; }
#footer_wrapper #footer { position: relative; margin: 0 auto; color: #6E6B69; font-size: 0.85em; font-family: Tahoma; line-height: 1.4; min-width: 990px; max-width: 1200px; }
#footer_line_wrapper { padding: 20px 25px 0 25px; }
table#footer_line { border-collapse: collapse; border: 0; width: 100%; }
table#footer_line td { color: #FFEFDF; height: 34px; }
table#footer_line td a { color: #FFEFDF; }
table#footer_line td.line_left { background: url('../img/orange-left.png') no-repeat 0 0; width: 10px; }
table#footer_line td.line_right { background: url('../img/orange-right.png') no-repeat 0 0; width: 10px; }
table#footer_line td.line { background: url('../img/orange-center.png') repeat-x 0 0; }
#footer_wrapper #footer p.copyrights { position: absolute; top: 10px; left: 35px; }
#footer_wrapper #footer p.wbased { position: absolute; top: 10px; right: 25px; }

/*
------------------------------------------------------------------------------------------------------------------
  Index page
------------------------------------------------------------------------------------------------------------------
*/

table#index_precatalog { position: relative; margin-top: -110px; margin-bottom: 30px; }
table#index_precatalog td.phones { padding-left: 20px; color: #737373; font-size: 0.9em; vertical-align: bottom; width: 24%; }
table#index_precatalog td.header { padding-left: 2%; }
table#index_precatalog td.stock { padding-left: 2%; width: 36%; }
table#index_precatalog td.stock .date { display: block; padding-top: 3px; color: #929292; font-size: 0.9em; }

#index_catalog { width: 100%; }
#index_catalog .category { float: left; background-repeat: no-repeat; background-position: 0 0; width: 49.9%; height: 290px; }
#index_catalog .category .padding { padding: 0 50px 20px 200px; }
#index_catalog .category h1 { font-size: 1.4em; }
#index_catalog .category h1 a { color: #F35C27; }

#index_content { padding: 0 100px 0 100px; }

/*
------------------------------------------------------------------------------------------------------------------
  Blocks
------------------------------------------------------------------------------------------------------------------
*/

#absolute_wrapper { display: none; position: absolute; top: 0; left: 0; background: #fff url('../img/wrapper-bg.gif') repeat; width: 100%; height: 100%; }

.absolute_block { display: none; position: absolute; top: 20%; left: 20%; font-size: 0.85em; font-family: Tahoma; width: 300px; height: 400px; }

.absolute_block table { border-collapse: collapse; border: 0; }
.absolute_block table td.topLeft,
.absolute_block table td.topRight,
.absolute_block table td.bottomRight,
.absolute_block table td.bottomLeft { width: 15px; height: 15px; }
.absolute_block table td.topLeft { background: url('../img/absolute-block-topLeft.png') no-repeat left top; }
.absolute_block table td.topRight { background: url('../img/absolute-block-topRight.png') no-repeat right top; }
.absolute_block table td.bottomRight { background: url('../img/absolute-block-bottomRight.png') no-repeat right bottom; }
.absolute_block table td.bottomLeft { background: url('../img/absolute-block-bottomLeft.png') no-repeat left bottom; }
.absolute_block table td.top,
.absolute_block table td.bottom { height: 15px; }
.absolute_block table td.top { background: url('../img/absolute-block-top.png') repeat-x left top; }
.absolute_block table td.bottom { background: url('../img/absolute-block-bottom.png') repeat-x left bottom; }
.absolute_block table td.left,
.absolute_block table td.right { width: 15px; }
.absolute_block table td.left { background: url('../img/absolute-block-left.png') repeat-y left top; }
.absolute_block table td.right { background: url('../img/absolute-block-right.png') repeat-y right top; }
.absolute_block table td.middle { padding: 10px; background: #F8EBC4; }

.absolute_block form fieldset { border: 0; }
.absolute_block form input,
.absolute_block form button,
.absolute_block form submit { color: #1D102F; font-size: 1em; font-family: Tahoma; }
.absolute_block form input.textbox { margin: 5px 0; padding: 3px 5px; border: 1px solid #EFD5B3; }
.absolute_block form button { margin: 5px 0; width: 50px; }
.absolute_block form a { float: right; margin-top: -22px; color: #6c6c6c; }

table.shop { border-collapse: collapse; border: 0; width: 100%; }
table.shop td.description_left,
table.shop td.description_right,
table.shop td.start_left,
table.shop td.start_right,
table.shop td.end_left,
table.shop td.end_right { width: 20px; }
table.shop td.start_left,
table.shop td.start_right,
table.shop td.start_bg,
table.shop td.end_left,
table.shop td.end_right,
table.shop td.end_bg { font-size: 0; height: 10px; }
table.shop td.start_left,
table.shop td.start_right,
table.shop td.start_bg,
table.shop td.end_left,
table.shop td.end_right,
table.shop td.end_bg,
table.shop td.description_left,
table.shop td.desciprion_right,
table.shop td.description_bg { background: #EEDFC3; }
table.shop td.start_right { background-image: url('../img/pink-bg1.jpg'); background-repeat: no-repeat; background-position: 0 0; }
table.shop td.end_left { background-image: url('../img/pink-bg2.jpg'); background-repeat: no-repeat; background-position: 0 -10px; }
table.shop td.padding { width: 20px; }
table.shop td.description { width: 45%; }
table.shop td.name h2 { padding: 0; }

.faq .item { padding: 10px 0; }
.faq .item .question { font-weight: bold; }
.faq .item .answer { padding-top: 5px; padding-left: 20px; font-style: italic; }