/* --------------------------------------------------------------------------------------
   generic elements
   --------------------------------------------------------------------------------------
*/
html, body
{
	position: relative;
  width: 100%;
}
body 
{
  background-color: #ffffff;
  color: #4f4f4f;
  margin: 0;
  font-size: 80%;
  font-family: arial, sans-serif;
}

img
{
  border: 0;
}

table
{
  font-size: 100%;
}
td
{
  vertical-align: top;
  padding: 0;
}
form
{
  margin: 0;
}
input, select, textarea
{
  font-family: arial, sans-serif; 
  font-size: 100%;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle; 
}
input.text, input.text_cart, select, textarea 
{
  color: #000000;
  background-color: #ffffff;
  border: #a5acb2 1px solid;
}
input.text, textarea 
{
  width: 200px;
}

a
{
  color: #333b9d;
  text-decoration: underline;
}
a:hover, a:active
{
  color: #3b84db;
  text-decoration: underline;
}

h1, h2, h3, h4
{
  font-family: Arial, sans-serif; 
  color: #3d3d3d;
}
h1
{
  font-size: 150%;
  text-transform: uppercase;
  font-weight: normal;
  margin: 1em 0 0.5em 0;
}
h2
{
  font-size: 120%;
  margin: 0;
}
h3
{
  font-size: 110%;
  margin: 0 0 0.75em 0;
}
h4
{
  font-size: 90%;
  margin: 0 0 0.75em 0;
}

p
{
  margin: 0 0 0.5em 0;
}

hr
{
  color: #e87171;
  background-color: #e87171;
  border: 0;
  height: 1px;
  padding: 0;
  margin: 1em 0;
}

hr.divider
{
  margin: 0;
  background-color: gray;
  color: gray;
}

/* --------------------------------------------------------------------------------
   common classes
   --------------------------------------------------------------------------------
*/
.px      { width: 1px; height: 1px; }
.fill    { width: 100%; height: 100%; }
.wide    { width: 100%; height: 1px;}
.high    { height: 100%; }

.center  { text-align: center; }
.right   { text-align: right; }
.left    { text-align: left; }
.justify { text-align: justify; }

.top     { vertical-align: top; }
.middle  { vertical-align: middle; }
.bottom  { vertical-align: bottom; }

.nowrap  { white-space: nowrap; }

.bold    { font-weight: bold; }
.italic  { font-style: italic; }

.big     { font-size: 120%; }
.small   { font-size: 80%; }

/* --------------------------------------------------------------------------------------
   specific classes
   --------------------------------------------------------------------------------------
*/

.half
{
  width: 50%;
}
.space
{
  width: 5px; 
  height: 1px;
}
.space25
{
  width: 25px; 
  height: 1px;
}
.wrapper
{
  padding: 1em;
}
.marb0
{
  margin-bottom: 0;
}
.marb025
{
  margin-bottom: 0.25em;
}
.marb05
{
  margin-bottom: 0.5em;
}
.marb1
{
  margin-bottom: 1em;
}
.hilight
{
  color: #ff2e25;
  font-weight: bold;
}

.relative
{
  position: relative;
}
.z1
{
  z-index: 1;
}
.z2
{
  z-index: 2;
}

.icon
{
  width: 11px;
  height: 9px;
  vertical-align: middle;
  margin: 5px;
}
.btn_go
{
  width: 19px;
  height: 17px;
}
.illustration
{
  float: left;
  margin: 0 0.5em 0.5em 0;
}

.banner
{
  width: 270px;
  height: 63px;
}

/* --------------------------------------------------------
   common block
   --------------------------------------------------------
*/

.block
{
  position: relative;
  margin: 0 25px 2.5em 25px;
  clear: both;
}
.block_b0
{
  position: relative;
  margin: 0 25px;
  clear: both;
}
.inner_block
{
  margin: 0 0 1.5em 0;
}


/* --------------------------------------------------------
   arrowed block
   --------------------------------------------------------
*/

.with_arrow
{
  padding-left: 12px;
  background: url(images/arrow.gif) left center no-repeat;
}
.with_arrow_green
{
  padding-left: 12px;
  background: url(images/arrow_green.gif) left center no-repeat;
}
.with_arrow_blue
{
  padding-left: 12px;
  background: url(images/arrow_blue.gif) left center no-repeat;
}
.arrowed_link
{
  margin-top: 0.5em;
  margin-bottom: 1em;
  font-size: 80%;
  clear: both;
}
#left_col .arrowed_link
{
  margin-bottom: 0;
  font-size: 90%;
}

/* --------------------------------------------------------
   zubi
   --------------------------------------------------------
*/

.zub
{
  position: relative;
  height: 18px;
  background-position: top;
  background-repeat: repeat-x;
}
.zub img
{
  position: relative;
  height: 18px;
  width: 21px;
  margin-left: 21px;
  background-position: top left;
  background-repeat: no-repeat;
}
div.zub.red
{
  background-image: url(images/zub_red_bg.gif);
}
.zub.red img
{
  background-image: url(images/zub_red.gif);
}
div.zub.yellow
{
  background-image: url(images/zub_yellow_bg.gif);
}
.zub.yellow img
{
  background-image: url(images/zub_yellow.gif);
}
div.zub.green
{
  background-image: url(images/zub_green_bg.gif);
}
.zub.green img
{
  background-image: url(images/zub_green.gif);
}
div.zub.blue
{
  background-image: url(images/zub_blue_bg.gif);
}
.zub.blue img
{
  background-image: url(images/zub_blue.gif);
}
div.zub.orange
{
  background-image: url(images/zub_orange_bg.gif);
}
.zub.orange img
{
  background-image: url(images/zub_orange.gif);
}

/* --------------------------------------------------------
   palette
   --------------------------------------------------------
*/

.red
{
  color: #c10606;
}
.yellow
{
  color: #e3a404;
}
.green
{
  color: #3b9745;
}
.blue
{
  color: #3994f8;
}
.orange
{
  color: #f4280e;
}

/* --------------------------------------------------------------------------------------
   main frame
   --------------------------------------------------------------------------------------
*/

#main_frame 
{
  position: relative;
  width: 100%;
}
#main_frame .col0
{
  width: 25px;
}
#main_frame .col0 .space
{
  width: 25px;
  height: 1px;
}
#main_frame .col1
{
  width: 25%;
  vertical-align: middle;
}
#main_frame .col2
{
  width: 85%;
  vertical-align: middle;
}

/* --------------------------------------------------------------------------------------
   head
   --------------------------------------------------------------------------------------
*/

#flash_holder
{
  position: absolute;
  top: 0;
  right: 0;
  height: 500px;
  width: 270px;
  z-index: 1;
}

#head_1 td.col1
{
  text-align: center;
}
#head_1 td.col1 img
{
  vertical-align: middle;
  width: 256px;
  height: 60px;
}
#head_1 td.col2
{
  vertical-align: top;
  height: 45px;
  background: url(images/upper_gradient.gif) right top repeat-y;
}

#head_1 td.col2_img
{
  vertical-align: top;
  height: 56px;
  background: url(images/upper_gradient.gif) right top repeat-y;
}


#head_2 td.col2
{
  height: 45px;
  background: url(images/header2_bg.gif) left top repeat-x;
}
#head_2 td.col2 td
{
  vertical-align: middle;
}
#head_2 td.col2 .white_pad
{
  width: 128px;
  height: 45px;
}
#head_2 td.col2 .white_pad_2
{
  width: 312px;
  height: 45px;
}
#head_3 td.col2 .white_pad_3
{
  width: 238px;
  height: 51px;
}

#head_2 td.col2 .corner
{
  width: 10px;
  height: 45px;
}
#head_2 td.col2 td.space1
{
  padding-left: 25px;
}
#head_2 td.col2 td.space2
{
  padding: 0 25px;
}
#head_2 td.col2 input.text
{
  width: 150px;
}

#head_3 td.col2
{
  height: 51px;
  background: url(images/header3_bg.gif) left top repeat-x;
  white-space: nowrap;
}
#head_3 td.col2 .corner
{
  width: 9px;
  height: 51px;
  vertical-align: top;
}
#head_3 td.col2 .header3_text
{
  width: 348px;
  height: 32px;
  margin: 14px 0 0 16px;
  vertical-align: top;
}

/* --------------------------------------------------------------------------------------
   main menu
   --------------------------------------------------------------------------------------
*/

#main_menu
{
  height: 49px;
  background: url(images/mm_bg.gif) left top repeat-x;
}

#main_menu img             { height: 49px; }
#main_menu img.mm_company  { width: 115px; }
#main_menu img.mm_news     { width: 94px; }
#main_menu img.mm_auction  { width: 93px; }
#main_menu img.mm_howto    { width: 173px; }
#main_menu img.mm_waranty    { width: 90px; }
#main_menu img.mm_info     { width: 182px; }
#main_menu img.mm_contacts { width: 97px; }

#main_menu a img.mm_company
{ 
  background: url(images/mm_company.gif) left top no-repeat;
}
#main_menu a img.mm_news
{ 
  background: url(images/mm_news.gif) left top no-repeat;
}
#main_menu a img.mm_auction
{ 
  background: url(images/mm_auction.gif) left top no-repeat;
}
#main_menu a img.mm_howto  
{ 
  background: url(images/mm_howto.gif) left top no-repeat;
}
#main_menu a img.mm_waranty  
{ 
  background: url(images/mm_waranty.gif) left top no-repeat;
}
#main_menu a img.mm_info
{ 
  background: url(images/mm_info.gif) left top no-repeat;
}
#main_menu a img.mm_contacts
{ 
  background: url(images/mm_contacts.gif) left top no-repeat;
}

#main_menu a:hover img.mm_company, #main_menu a:active img.mm_company
{ 
  background: url(images/mma_company.gif) left top no-repeat;
}
#main_menu a:hover img.mm_news, #main_menu a:active img.mm_news
{ 
  background: url(images/mma_news.gif) left top no-repeat;
}
#main_menu a:hover img.mm_auction, #main_menu a:active img.mm_auction
{ 
  background: url(images/mma_auction.gif) left top no-repeat;
}
#main_menu a:hover img.mm_howto, #main_menu a:active img.mm_howto
{ 
  background: url(images/mma_howto.gif) left top no-repeat;
}
#main_menu a:hover img.mm_waranty, #main_menu a:active img.mm_waranty
{ 
  background: url(images/mma_waranty.gif) left top no-repeat;
}

#main_menu a:hover img.mm_info, #main_menu a:active img.mm_info
{ 
  background: url(images/mma_info.gif) left top no-repeat;
}
#main_menu a:hover img.mm_contacts, #main_menu a:active img.mm_contacts
{ 
  background: url(images/mma_contacts.gif) left top no-repeat;
}

#main_menu a.selected img.mm_company
{ 
  background: url(images/mma_company.gif) left top no-repeat;
}
#main_menu a.selected img.mm_news
{ 
  background: url(images/mma_news.gif) left top no-repeat;
}
#main_menu a.selected img.mm_auction
{ 
  background: url(images/mma_auction.gif) left top no-repeat;
}
#main_menu a.selected img.mm_howto  
{ 
  background: url(images/mma_howto.gif) left top no-repeat;
}
#main_menu a.selected img.mm_info
{ 
  background: url(images/mma_info.gif) left top no-repeat;
}
#main_menu a.selected img.mm_contacts
{ 
  background: url(images/mma_contacts.gif) left top no-repeat;
}

/* --------------------------------------------------------------------------------------
   left column
   --------------------------------------------------------------------------------------
*/

#left_column .block
{
  font-size: 90%;
}
#left_column h1
{
  font-size: 165%;
}

#left_column input.text
{
  width: 100%;
}
#left_column .login_form
{
  width: 100%;
}
#left_column .login_form .col
{
  width: 46%;
}

#left_column .h1_filter
{
  position: relative;
  width: 100%;
  margin: 1em 0 0.5em 0;
}
#left_column .h1_filter td
{
  vertical-align: bottom;
}
#left_column .h1_filter h1
{
  margin: 0;
}

/* --------------------------------------------------------
   catalogue menu
   --------------------------------------------------------
*/

ul.menu_catalogue
{
  padding: 0;
  margin: 0 0 1em 17px;
}
ul.menu_catalogue li
{
  list-style: url(images/spacer.gif) outside;
  font-size: 90%;
  margin: -0.25em 0 0.5em 0;
  padding: 0;
}
ul.menu_catalogue li.root
{
  list-style: url(images/bullet.gif) outside;
  font-size: 100%;
  margin-top: 0;
}
ul.menu_catalogue a.selected
{
  font-weight: bold;
}

/* --------------------------------------------------------------------------------------
   right column
   --------------------------------------------------------------------------------------
*/

.right_column
{
  background: url(images/body_bg.gif) repeat-x top;
}
.right_column .columns
{
  width: 100%;
  background: url(images/body_bg.gif) repeat-x top;
}
.right_column .columns .col
{
  width: 50%;
}

.right_column .flash_free
{
  padding-right: 40px;
}

/* --------------------------------------------------------
   search pad
   --------------------------------------------------------
*/

.advanced_search td
{
  padding: 3px 0;
}
.advanced_search td.inp
{
  padding-left: 10px;
}
.advanced_search select, .advanced_search input.text 
{
	width: 340px;
}
.advanced_search input.text.short
{
	width: 120px;
}
.advanced_search .btn_place
{
  vertical-align: bottom;
  padding: 0 0 12px 10px;
}

/* --------------------------------------------------------
   rounded block
   --------------------------------------------------------
*/

table.rblock
{
  position: relative;
  background: #f3f3f3 url(images/rblock_bg.gif) repeat-x center;
  margin: 1em 0;
  width: 100%;
}
.rblock .rbr1, .rblock .rbr3
{
  height: 8px;
}
.rblock .rbc1, .rblock .rbc3
{
  width: 10px;
}
.rblock .rbr1 .rbc2
{
  background: url(images/rblock_tside.gif) repeat-x top;
}
.rblock .rbr3 .rbc2
{
  background: url(images/rblock_bside.gif) repeat-x bottom;
}
.rblock .rbr2 .rbc1
{
  background: url(images/rblock_lside.gif) no-repeat center left;
}
.rblock .rbr2 .rbc3
{
  background: url(images/rblock_rside.gif) no-repeat center right;
}
.rblock .rbr2 .rbc2
{
  height: 100%;
  width: 100%;
  padding: 0.5em 1em;
}
.rblock a
{
  text-decoration: none;
}
.rblock a:hover, .rblock a:active 
{
  text-decoration: underline;
}

/* --------------------------------------------------------
   rounded block for catalogue category name
   --------------------------------------------------------
*/

table.catn
{
  position: relative;
  background: #D3EEFF url(images/c_bg.gif) repeat-x center;
  margin: 1px 0 0 0;
  width: 100%;
}
.catn .rbr1, .catn .rbr3
{
  height: 4px;
}
.catn .rbc1, .catn .rbc3
{
  width: 5px;
}
.catn .rbr1 .rbc1 img, .catn .rbr1 .rbc3 img, 
.catn .rbr3 .rbc1 img, .catn .rbr3 .rbc3 img
{
  height: 4px;
  width: 5px;
}
.catn .rbr1 .rbc1 img
{
  background: url(images/c_ltcorner.gif) no-repeat top left;
}
.catn .rbr1 .rbc3 img 
{
  background: url(images/c_rtcorner.gif) no-repeat top right;
}
.catn .rbr3 .rbc1 img
{
  background: url(images/c_lbcorner.gif) no-repeat bottom left;
}
.catn .rbr3 .rbc3 img
{
  background: url(images/c_rbcorner.gif) no-repeat bottom right;
}
.catn .rbr1 .rbc2
{
  background: url(images/c_tside.gif) repeat-x top;
}
.catn .rbr3 .rbc2
{
  background: url(images/c_bside.gif) repeat-x bottom;
}
.catn .rbr2 .rbc1
{
  background: url(images/c_lside.gif) no-repeat center left;
}
.catn .rbr2 .rbc3
{
  background: url(images/c_rside.gif) no-repeat center right;
}
.catn .rbr2 .rbc2
{
  height: 100%;
  width: 100%;
  padding: 0 0.5em;
}
.catn a, .catn a:hover, .catn a:active
{
  text-decoration: none;
  font-weight: bold;
  display: block;
  width: 100%;
}

/* --------------------------------------------------------
   rounded block for hilighted  catalogue category name
   --------------------------------------------------------
*/

table.catn_hi
{
  position: relative;
  background: #F8D942 url(images/hc_bg.gif) repeat-x center;
  margin: 1px 0 0 0;
  width: 100%;
}
.catn_hi .rbr1, .catn .rbr3
{
  height: 4px;
}
.catn_hi .rbc1, .catn .rbc3
{
  width: 5px;
}
.catn_hi .rbr1 .rbc1 img, .catn_hi .rbr1 .rbc3 img, 
.catn_hi .rbr3 .rbc1 img, .catn_hi .rbr3 .rbc3 img
{
  height: 4px;
  width: 5px;
}
.catn_hi .rbr1 .rbc1 img
{
  background: url(images/hc_ltcorner.gif) no-repeat top left;
}
.catn_hi .rbr1 .rbc3 img 
{
  background: url(images/hc_rtcorner.gif) no-repeat top right;
}
.catn_hi .rbr3 .rbc1 img
{
  background: url(images/hc_lbcorner.gif) no-repeat bottom left;
}
.catn_hi .rbr3 .rbc3 img
{
  background: url(images/hc_rbcorner.gif) no-repeat bottom right;
}
.catn_hi .rbr1 .rbc2
{
  background: url(images/hc_tside.gif) repeat-x top;
}
.catn_hi .rbr3 .rbc2
{
  background: url(images/hc_bside.gif) repeat-x bottom;
}
.catn_hi .rbr2 .rbc1
{
  background: url(images/hc_lside.gif) no-repeat center left;
}
.catn_hi .rbr2 .rbc3
{
  background: url(images/hc_rside.gif) no-repeat center right;
}
.catn_hi .rbr2 .rbc2
{
  height: 100%;
  width: 100%;
  padding: 0 0.5em;
}
.catn_hi a, .catn_hi a:hover, .catn_hi a:active
{
  text-decoration: none;
  font-weight: bold;
  display: block;
  width: 100%;
  color: #ba0000;
}
.catn_hi a:hover, .catn_hi a:active
{
  color: #f35600;
}

/* --------------------------------------------------------
   category list
   --------------------------------------------------------
*/

.product_list
{
  position: relative;
  width: 100%;
}
.product_list td
{
  padding: 0 2em 3em 0;
}

.product_brief
{
  position: relative;
}
.product_brief h2,
.product_brief div
{
  margin-bottom: 0.5em;
}
.product_brief div div
{
  margin-bottom: 0;
}
.product_brief .separator
{
  color: #A5ACB2;
}

/* --------------------------------------------------------
   product description
   --------------------------------------------------------
*/

.product_description
{
  position: relative;
  width: 100%;
  margin: 1em 0;
}

.product_description .product_picture
{
  margin-right: 25px;
}
.lupe_div
{
  text-align: right;
  font-size: 80%;
  padding: 0.5em 25px 0 0;
}
.lupe
{
  width:14px;
  height:14px;
  margin-left: 0.5em;
  vertical-align: middle;
}
.product_producer td
{
  padding:2px 0;
  vertical-align: middle;
  font-weight: bold;
}
.product_producer td.label
{
  white-space: nowrap;
  padding-right: 1em;
  font-weight: normal;
}

/* --------------------------------------------------------
   common product classes
   --------------------------------------------------------
*/

.product_picture
{
}
.estrellas
{
  width: 87px;
  height: 12px;
  vertical-align: middle;
}
.product_price
{
  color:#ff2e25;
  font-weight: bold;
}
.product_economy
{
  font-weight: bold;
  font-size: 80%;
  padding-left: 3.8em;
  white-space: nowrap;
}
.product_icon 
{
  width: 14px;
  height: 11px;
  margin-right: 0.25em;
  vertical-align: middle;
}
a.product2cart
{
  color: #dd0000;
  font-weight: bold;
}
a:hover.product2cart, a:active.product2cart 
{
  color: #ff2e25;
}

/* --------------------------------------------------------
   common user interface
   --------------------------------------------------------
*/

.common_i 
{
  margin: 1em 0;
}
.common_i th
{
  padding: 0.25em 0.5em;
  background: #559FEF;
  color: #ffffff;
  text-align: left;
} 
.common_i td
{
  padding: 0.25em 0.5em; 
} 
.common_i td.label 
{
  vertical-align: middle;
  white-space: nowrap; 
  text-align: right; 
  border-right: 1px solid #559FEF;
}
.common_i td.label.top
{
  vertical-align: top;
  padding-top: 0.5em;
}


/* --------------------------------------------------------------------------------------
   shopping cart
   --------------------------------------------------------------------------------------
*/

.shoping_cart
{
  margin-bottom: 1.5em;
}
.shoping_cart th
{
  padding-right: 1em;
}
.shoping_cart td
{
  padding: 0.25em 0.5em;
}

.shoping_cart_items
{
  width: 100%;
}
.shoping_cart_items td
{
  vertical-align: middle;
}

/* --------------------------------------------------------------------------------------
   common content block
   --------------------------------------------------------------------------------------
*/
/* --------------------------------------------------------
   common headers
   --------------------------------------------------------
*/

.content h1
{
  margin: 0 0 0.5em 0;
}
.content h2, .content h3
{
  margin: 1em 0 0.5em 0;
}
.content h4, .content h5, .content h6 
{
  margin: 1.5em 0 1em 0;
}

/* --------------------------------------------------------
   common table
   --------------------------------------------------------
*/

.content table,
.common_table
{
  background-color: #559FEF;
}
.content table th,
.common_table th
{
  border: solid 1px #ffffff;
  background-color: #559FEF;
  color: #ffffff;
  padding: 0.25em 0.5em;
  text-align: left;
}
.content table td,
.common_table td
{
  background-color: #ffffff;
  padding: 0.25em 0.5em;
}

.content table th table,
.common_table th table
{
  background-color: transparent;
}
.content table th table th,
.common_table th table th
{
  border: none;
  background-color: transparent;
  padding: 0;
  vertical-align:middle;
 
}
.content table th table td,
.common_table th table td
{
  background-color: transparent;
  padding: 0;
  vertical-align:middle;
}

/* --------------------------------------------------------------------------------
   footer
   --------------------------------------------------------------------------------
*/

#footer_1 td.col2
{
  height: 50px;
  background: url(images/footer1_bg.gif) left top repeat-x;
  white-space: nowrap;
  color: #4c3800;
}
#footer_1 td.col2 .corner
{
  height: 50px;
  width: 10px;
  vertical-align: middle;
  margin-right: 11px;
}
#footer_1 td.col2 a
{
  color: #4c3800;
  text-decoration: none;
}
#footer_1 td.col2 a:hover, #footer_1 td.col2 a:active
{
  color: #4c3800;
  text-decoration: underline;;
}

#footer_2 td.col2
{
  height: 45px;
  background: url(images/footer2_bg.gif) left top repeat-x;
  vertical-align: middle;
}
#footer_2 td.col2 td
{
  white-space: nowrap;
}
#footer_2 td.col2 .white_pad
{
  width: 128px;
  height: 45px;
}
#footer_2 td.col2 .corner
{
  width: 10px;
  height: 45px;
  margin-right: 21px;
}

#footer_3 td.col1
{
  padding: 15px 25px;
  font-size: 80%;
  color: #848484;
}
#footer_3 td.col1 a, #footer_3 td.col1 a:hover, #footer_3 td.col1 a:active
{
  color: #848484;
}
#footer_3 td.col2
{
  height: 45px;
  background: url(images/upper_gradient.gif) right top repeat-y;
  padding: 15px 25px;
}

/* --------------------------------------------------------------------------------
   magic logo
   --------------------------------------------------------------------------------
*/

.mw
{
  font-family: Arial;
  font-size: 75%;
  color: #333B9D;
  white-space: nowrap;
}
.mw a, .mw a:hover, .mw a:active 
{
  text-decoration: none;
  color: #333B9D;
}
.mw img
{
  position: absolute;
  width: 28px;
  height: 29px;
}
.mw div
{
  margin-left: 35px;
  margin-right: 0;
}
.mw div span
{
  font-size: 110%;
  font-weight: bold;
  text-transform: uppercase;
}