/*
  Style Index
 
  $0 - common
  $1 - Article overview styles
  $2 - Article detail style
  $3 - Categories definitions
  $4 - Path definitions
  $5 - Mini cart definitions
  $6 - Cart definitions 
  $7 - Register or login definitions 
  $8 - Summary 
  $9 - User styles
 $10 - History styles
 $11 - Button styles
*/

/* $0 - common ///////////////////////////////////////////////////////////////*/
.mzag_price
{
  font-weight: bold;
}
.mzag_common_errors
{
  margin-bottom:2em;
}
.mzag_shop .mzag_shop_bottomnavigation
{
  clear:both;
  margin-top:2em;
}

/* $1 - Article overview styles //////////////////////////////////////////////*/
.mzag_shop_overview .mzag_articles
{
  list-style:none;
  margin:0px;
  padding:0px;
}
.mzag_shop_overview .mzag_articles .mzag_item
{
  border: 1px solid #aaaaaa;
  clear: both;
  margin-bottom: 10px;
  padding: 8px 10px 8px 10px;
}
.mzag_shop_overview .mzag_articles .mzag_item .mzag_image
{
  float: left;
  width: 70px;
}
.mzag_shop_overview .mzag_articles .mzag_item .mzag_content_with_image
{
  margin-left: 85px;
}
.mzag_shop_overview .mzag_articles .mzag_item .mzag_title,
.mzag_shop_overview .mzag_articles .mzag_item .mzag_title a
{
  font-weight: bold;
  margin: 0px;
}
.mzag_shop_overview .mzag_articles .mzag_item .mzag_price
{
  float: right;
  text-align: right;
}
.mzag_shop_overview .mzag_articles .mzag_item .mzag_description
{
  clear: right;
  margin-bottom: 10px;
}
.mzag_shop_overview .mzag_articles .mzag_item .mzag_manufacturer
{
  margin-bottom: 10px;
}
.mzag_shop_overview .mzag_articles .mzag_item .mzag_incart
{
  float: right;
}
.mzag_shop_addtocart_amount
{
  float:left;
  margin-right:3px;
  text-align:right;
  width:17px;
}

/* $2 - Article detail style    //////////////////////////////////////////////*/
.mzag_shop_article_detail .mzag_title
{
  font-weight: bold;
  margin: 0px;
  margin-bottom: 1em;
}
.mzag_shop_article_detail .mzag_oldprice
{
  color: #aa0000;
  text-decoration: line-through;
}
.mzag_shop_article_detail .mzag_images
{
  float: left;
  width: 220px;
}
.mzag_shop_article_detail .mzag_images .mzag_image_small
{
  float: left;
  margin-right: 7px;
  margin-bottom: 7px;
  width: 50px;
}
.mzag_shop_article_detail .mzag_content_with_image
{
  margin-left: 250px;
}
.mzag_shop_article_detail .mzag_description
{
  border-bottom:1px solid #CCCCCC;
  padding-bottom:1em;
  margin-bottom:1em;
}
.mzag_shop_variants .mzag_gui_gridstandard
{
  background: none;
  border:1px solid #000000;
  clear: right;
}
.mzag_shop_variants .mzag_gui_gridstandard_gridtable
{
  color: #000000;
}

/* $3 - Categories definitions  //////////////////////////////////////////////*/
.mzag_shop_categories .mzag_category_node
{
  font-weight: normal;
}
.mzag_shop_categories .mzag_category_node_active
{
  font-weight: bold;
}
.mzag_shop_categories .mzag_category_node_inactive
{
  /* reset style from .mzag_category_node_active */
  font-weight: normal;
}

/* $4 - Path definitions /////////////////////////////////////////////////////*/
.mzag_shop_order_path h2
{
  display:none;
}
.mzag_shop_order_path ul li
{
  display:inline;
  float:left;
  height:30px;
  margin-right:20px;
}
.mzag_shop_order_path ul li a
{
  background:transparent url(../images/not_ok.png) center 14px no-repeat;
  display:block;
  height:30px;
}
.mzag_shop_order_path ul li.complete a
{
  background:transparent url(../images/ok.png) center 14px no-repeat;
}
.mzag_shop_order_path ul li.not_needed a
{
  background:transparent url(../images/ok_gray.png) center 14px no-repeat;
}

/* $5 - Mini Cart definitions ////////////////////////////////////////////////*/
.mzag_minicart
{
  background:#ECECEC;
  border:1px solid #CECECE;
  margin-bottom:1em;
}
.mzag_minicart_content
{
  padding:10px;
}
.mzag_minicart h2
{
  background: transparent url(../images/cart.png) 0px 0px no-repeat;
  border-bottom:1px solid #AAAAAA;
  margin-bottom:0.5em;
  padding-bottom:0.5em;
  padding-left:20px;
}
.mzag_minicart .mzag_items
{
  border-bottom: 1px solid #CCCCCC;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 5px 0px;
  list-style: none;
}
.mzag_minicart .mzag_item .mzag_amount
{
  float:left;
  text-align:right;
  width:30px;
}
.mzag_minicart .mzag_item .mzag_title
{
  font-weight: normal;
  margin: 0px 0px 0px 36px;
}
.mzag_minicart .mzag_item .mzag_price
{
  clear:both;
  font-weight: normal;
}
.mzag_minicart .mzag_price
{
  text-align: right;
}
.mzag_minicart .mzag_shop_cartlink
{
  background:transparent url(../images/to_cart.png) 0px 0px no-repeat;
  display:block;
  line-height:16px;
  margin-top:0.5em;
  padding:2px 0px 0px 20px;
}

/* $6 - Cart definitions /////////////////////////////////////////////////////*/
.mzag_cart_grid td
{
  vertical-align: middle !important;
}
.mzag_cart_grid .mzag_gui_gridstandard_gridtable .mzag_gui_gridstandard_column_0,
.mzag_cart_grid .mzag_gui_gridstandard_gridtable .mzag_gui_gridstandard_column_3,
.mzag_cart_grid .mzag_gui_gridstandard_gridtable .mzag_gui_gridstandard_column_4,
.mzag_cart_grid .mzag_gui_gridstandard_gridtable .mzag_gui_gridstandard_lastcolumn
{
  text-align: right;
}
.mzag_cart_grid .mzag_gui_gridstandard_gridtable .mzag_gui_gridstandard_column_2
{
  text-align: center;
}
.mzag_cart_grid .mzag_gui_gridstandard_gridtable .mzag_gui_gridstandard_column_0
{
  width:5%;
}
.mzag_cart_grid .mzag_gui_gridstandard_gridtable .mzag_gui_gridstandard_column_1
{
  width:38%;
}
.mzag_cart_grid .mzag_gui_gridstandard_gridtable .mzag_gui_gridstandard_column_2
{
  width:12%;
}
.mzag_cart_grid .mzag_gui_gridstandard_gridtable .mzag_gui_gridstandard_column_3,
.mzag_cart_grid .mzag_gui_gridstandard_gridtable .mzag_gui_gridstandard_column_4
{
  width:20%;
}
.mzag_cart_grid .mzag_gui_gridstandard_gridtable tr td,
.mzag_cart_grid .mzag_gui_gridstandard_gridtable tr th
{
  padding: 3px;
  vertical-align: top;
}
.mzag_cart_grid .mzag_gui_gridstandard_gridtable
{
  border: 1px solid #000000;
}
.mzag_cart_grid .mzag_cart_amount
{
}
.mzag_cart_grid td div.title div.article_nr
{
  color:#888888;
}
.mzag_shop_cart_amount
{
  text-align:center;
  width:50px;
}
.mzag_shop_button_actions
{
  margin:0px auto;
  display:block;
  overflow:hidden;
  width:32px;
}
.mzag_shop_button_updateamount
{
  background:transparent url(../images/ok.png) 0px 0px no-repeat;
  border:0px;
  cursor:pointer;
  display:block;
  float:left;
  height:16px;
  margin:0px;
  overflow:hidden;
  padding:0px;
  text-indent:20px;
  white-space:nowrap;
  width:16px;
}
.mzag_shop_button_delete
{
  background:transparent url(../images/delete.png) 0px 0px no-repeat;
  border:0px;
  cursor:pointer;
  display:block;
  height:16px;
  margin:0px;
  overflow:hidden;
  padding:0px;
  text-indent:20px;
  white-space:nowrap;
  width:16px;
}
.mzag_shop_row_subtotalsum td,
.mzag_shop_row_discount td,
.mzag_shop_row_additionalcosts td,
.mzag_shop_row_totalsum td,
.mzag_shop_row_taxclasses td
{
  text-align:right;
}

/* $7 - Register and login definitions ///////////////////////////////////////*/
.mzag_login_register,
.mzag_login_login
{
  border: 1px solid #000000;
  padding: 20px;
}
.mzag_shop .mzag_titlecolumn,
.mzag_shop .mzag_panelcolumn
{
  padding: 3px;
  vertical-align: top;
}
.mzag_shop .mzag_summary_panel .mzag_titlecolumn
{
  padding:3px 6px 3px 0px;
}
.mzag_minilogin
{
  background:#ECECEC;
  border:1px solid #CECECE;
  margin-bottom:1em;  
}
.mzag_minilogin_content
{
  padding:10px;
}
.mzag_minilogin h2
{
  background: transparent url(../images/login.png) 0px 0px no-repeat;
  border-bottom:1px solid #AAAAAA;
  margin-bottom:0.5em;
  padding-bottom:0.5em;
  padding-left:20px;
}
.mzag_minilogin_content input,
.mzag_minilogin_content label
{
  clear:both;
  float:left;
}
.mzag_minilogin .mzag_link
{
  display:block;
  margin-top:0.5em;
}
.mzag_minilogin .error_icon
{
  background: transparent url(../images/error.png) 0px 0px no-repeat;
  display:block;
  float:left;
  height:16px;
  width:16px;
}

/* $8 - Summary //////////////////////////////////////////////////////////////*/
.mzag_shop .mzag_summary_panel .mzag_link
{
  background:transparent url(../images/link.png) 0px 1px no-repeat;
  display:block;
  line-height:16px;
  margin-top:1em;
  padding-left:17px;
  white-space:nowrap;
}
.mzag_shop .mzag_summary_link_jumptocart
{
  margin-top:0px !important;
}
  
.mzag_shop .mzag_summary_delivery,
.mzag_shop .mzag_summary_billing,
.mzag_shop .mzag_summary_dispatch,
.mzag_shop .mzag_summary_payment
{
  background:#ECECEC;
  border:1px solid #CECECE;
  float:left;
  margin-bottom:30px;
  width:220px;
}
.mzag_shop .mzag_summary_billing,
.mzag_shop .mzag_summary_payment
{
  margin-left:30px;
}
.mzag_shop .mzag_summary_dispatch,
.mzag_shop .mzag_summary_cart
{
  clear:both;
}
.mzag_shop .content
{
  margin:0px;
}
.mzag_shop .mzag_summary_delivery .content,
.mzag_shop .mzag_summary_billing .content,
.mzag_shop .mzag_summary_dispatch .content,
.mzag_shop .mzag_summary_payment .content
{
  padding:10px;
}
.mzag_shop .mzag_cart_grid tfoot td
{
  border:0px;
}
.mzag_shop .mzag_cart_grid td
{
  border:1px solid #000000;
  border-collapse:collapse;
}

/* $9 - User styles  /////////////////////////////////////////////////////////*/
.mzag_shop .mzag_user_button
{
  background:#ECECEC;
  border:1px solid #CECECE;
  display:block;
  float: left;
  height:70px;
  margin: 0px 10px 10px 0px;
  text-decoration:none;
  width:260px;
}
.mzag_shop .mzag_user_button .mzag_user_button_title
{
  border-bottom:1px solid #AAAAAA;
  display:block;
  font-weight:bold;
  margin-bottom:0.5em;
  padding-bottom:0.5em;
}
.mzag_shop .mzag_user_button .mzag_user_button_container
{
  display:block;
  padding:3px;
}
.mzag_shop .mzag_user_button .mzag_user_button_container .mzag_user_button_description
{
  display:block;
}

.mzag_shop .mzag_user_button_changepassword
{
  background: #EBEBEB url(../images/buttons/password.png) 3px 3px no-repeat;
}
.mzag_shop .mzag_user_button_profile
{
  background: #EBEBEB url(../images/buttons/profile.png) 3px 3px no-repeat;
}
.mzag_shop .mzag_user_button_addresses
{
  background: #EBEBEB url(../images/buttons/addresses.png) 3px 3px no-repeat;
}
.mzag_shop .mzag_user_button_orders
{
  background: #EBEBEB url(../images/buttons/history.png) 3px 3px no-repeat;
}
.mzag_shop .mzag_user_button_shopsettings
{
  background: #EBEBEB url(../images/buttons/settings.png) 3px 3px no-repeat;
}
.mzag_shop .mzag_user_button_newsletter
{
  background: #EBEBEB url(../images/buttons/newsletter.png) 3px 3px no-repeat;
}
.mzag_shop .mzag_user_button_logout
{
  background: #EBEBEB url(../images/buttons/logout.png) 3px 3px no-repeat;
}
.mzag_shop .mzag_user_button_changepassword .mzag_user_button_container,
.mzag_shop .mzag_user_button_profile .mzag_user_button_container,
.mzag_shop .mzag_user_button_addresses .mzag_user_button_container,
.mzag_shop .mzag_user_button_orders .mzag_user_button_container,
.mzag_shop .mzag_user_button_shopsettings .mzag_user_button_container,
.mzag_shop .mzag_user_button_newsletter .mzag_user_button_container,
.mzag_shop .mzag_user_button_logout .mzag_user_button_container
{
  padding-left:70px;
}

/* $10 - History styles  /////////////////////////////////////////////////////*/
.mzag_user_historycontainer .mzag_gui_gridstandard_gridtable th,
.mzag_user_historycontainer .mzag_gui_gridstandard_gridtable td
{ 
  padding:3px;
}

/* $11 - Button styles  //////////////////////////////////////////////////////*/
.mzag_shop_button_applyaddress
{
  background:transparent url(../images/ok.png) 0px 3px no-repeat;
  border:0px;
  cursor:pointer;
  display:block;
  line-height:19px;
  margin:0px;
  overflow:hidden;
  padding:0px;
  text-indent:20px;
  width:16px;
  white-space:nowrap;
}
.mzag_shop_addtocart_action
{
  width:40px;
}
.mzag_shop_button_addtocart
{
  background:transparent url(../images/add_to_cart.png) 0px 3px no-repeat;
  border:0px;
  cursor:pointer;
  display:block;
  line-height:19px;
  margin:0px;
  overflow:hidden;
  padding:0px;
  text-indent:20px;
  width:16px;
  white-space:nowrap;
}
.mzag_shop_button_addtocart_disabled
{
  background:transparent url(../images/add_to_cart_disabled.png) 0px 3px no-repeat;
}
.mzag_shop .mzag_back_link
{
  background:transparent url(../images/back.png) 0px -1px no-repeat;
  padding-left:15px;
}