/**************************************************************
 * $Id: styles.css, Sep 13, 2005 $                            *
 **************************************************************/

/**
 * main styles
 **/
html, body {
  margin: 0;
  padding: 0;

  height: 100%;
  width: 100%;

  background: url(../images/gui/bg.gif) #FFFFFF;
}

* {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
}

form {
  margin: 0;
  padding: 0;
}

img {
  border: none;
}


/**
 * base styles
 **/
.b {
  font-weight: bold;
}

.i {
  font-style: italic;
}

.u {
  text-decoration: underline;
}

.nostyle {
  border: none;
  background: transparent;
}

.oldPrice {
  text-decoration: line-through;
}

.newPrice {
  color: #FF0000;
}

input, textarea {
  margin: 0;
  border: 1px solid #000000;
  background-color: #FFFFFF;
}


/**
 * link styles
 **/
a.menuLink:active, a.menuLink:link, a.menuLink:visited, a.menuLink:hover {
  text-decoration: none;
  color: #000000;
}

a.menuLink:hover {
  text-decoration: underline;
}

a.imageLink:active, a.imageLink:link, a.imageLink:visited, a.imageLink:hover,
a.imageLinkForm:active, a.imageLinkForm:link, a.imageLinkForm:visited, a.imageLinkForm:hover {
  text-decoration: none;
  /* Internet Explorer Fix */
  background-color: transparent;
}

a.imageLink:hover {
  text-decoration: none;
  /* Internet Explorer Fix */
  background-color: #E5E5E5;
}

imageLinkForm:hover {
  background-color: #D9D9D9;
}

a.imageLink:active span, a.imageLink:link span, a.imageLink:visited span, a.imageLink:hover span {
  text-decoration: none;
  color: #000000;
}

a.imageLink:hover span {
  text-decoration: underline;
}

a.imageLinkForm:active span, a.imageLinkForm:link span, a.imageLinkForm:visited span, a.imageLinkForm:hover span {
  text-decoration: none;
  color: #000000;
}

a.imageLinkForm:hover span {
  text-decoration: underline;
}


/**
 * gui styles
 **/
div.center {
  overflow: hidden;
  margin: 20px auto 0 auto;
  width: 906px;
}


/* first header */
div.firstHeader {
  float: left;
  width: 904px;
  border: 1px solid #999999;
}

div.firstHeader div.innerBorder {
  float: left;
  width: 891px;
  height: 28px;
  padding: 0 6px;

  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  background-color: #D9D9D9;
}

div.firstHeader div div.search {
  margin-top: 5px;
  width: 450px;
  float: left;
}

div.firstHeader div div.profile {
  margin-top: 7px;
  margin-bottom: 8px;
  width: 441px;
  float: left;
  text-align: right;
}


/* second header */
div.secondHeader {
  float: left;
  width: 904px;
  height: 29px;
  margin-top: 10px;
  padding-bottom: 1px;
  border: 1px solid #999999;
}

div.secondHeader div.innerBorder {
  float: left;
  width: 891px;
  height: 28px;
  padding: 0 6px;

  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  background-color: #E5E5E5;
}

div.secondHeader div div.quicknavi {
  margin-top: 7px;
  margin-bottom: 8px;
  width: 650px;
  float: left;
}

div.secondHeader div div.menu {
  margin-top: 7px;
  margin-bottom: 8px;
  width: 241px;
  float: left;
  text-align: right;
}


/* body */
div.middle {
  float: left;
  width: 906px;
  margin-top: 9px;
  background: url(../images/gui/content_bg.gif) repeat-y;
}

div.middle div.top {
  float: left;
  width: 906px;
  background: url(../images/gui/content_top.gif) no-repeat top left;
}

div.middle div.top div.bottom {
  float: left;
  width: 906px;
  background: url(../images/gui/content_bottom.gif) no-repeat bottom left;
}


/* left menu */
div.leftmenu {
  float: left;
  width: 181px;
  margin-right: 9px;
}


/* content */
div.content {
  float: left;
  width: 515px;
  margin-right: 9px;
  padding: 11px 0 11px 11px;
}


/* right menu */
div.rightmenu {
  float: left;
  width: 181px;
}


/* footer */
div.footer {
  float: left;
  width: 904px;
  height: 29px;
  margin-top: 9px;
  border: 1px solid #999999;
}

div.footer div.innerBorder {
  float: left;
  width: 891px;
  height: 28px;
  padding: 0 6px;

  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  background-color: #E5E5E5;
}

div.footer div div.languages {
  margin-top: 8px;
  margin-bottom: 8px;
  width: 450px;
  float: left;
}

div.footer div div.infos {
  margin-top: 7px;
  margin-bottom: 8px;
  width: 441px;
  float: left;
  text-align: right;
}

/* keywords */
div.keywords {
  float: left;
  width: 905px;
  padding: 0 7px;
  color: #CCCCCC;
  padding-top: 10px;
  padding-bottom: 10px;
}


/**
 * menu styles
 **/
div.menuTitle {
  width: 179px;
  border: 1px solid #999999;
}

div.menuTitle div.innerBorder {
  width: 172px;
  padding: 2px 0 2px 6px;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  background-color: #D9D9D9;
  font-weight: bold;
}

div.categories {
  padding: 6px 0 20px 8px;
}

div.minibasket {
  padding: 6px 8px 20px 8px;
}

div.minibasket div.sum {
  margin-top: 5px;
  padding-top: 3px;
  border-top: 1px solid #000000;
}

div.login {
  padding: 6px 8px 20px 8px;
}

div.login input {
  width: 160px;
  margin: 3px 0;
}


/**
 * content styles
 **/
/* photo box*/
div.photoRow {
  float: left;
  margin-bottom: 5px;
}

div.photoBox {
  float: left;
  width: 162px;
  margin-right: 5px;
  border: 1px solid #999999;
}

div.photoBox div.innerBorder {
  float: left;
  width: 161px;

  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  background-color: #D9D9D9;
}

div.photoBox div div.photo {
  float: left;
  width: 161px;
  height: 124px;
  border-bottom: 1px solid #999999;
}

div.photoBox div div.photo table {
  margin: 5px;
}

div.photoBox div div.photo table tr td {
  width: 152px;
  height: 114px;

  text-align: center;
  vertical-align: middle;
}

div.photoBox div div.photo a {
  /*
  display: block;
  width: 152px;
  height: 114px;
  margin: 5px;
  */
  /*border: 1px solid #999999;*/
  /*background: url(../images/gui/bg.gif) #FFFFFF;*/
}

div.photoBox div div.photo img {
  border: 1px solid #999999;
}

div.photoBox div div.infos {
  float: left;
  width: 151px;
  padding: 5px;
  border-top: 1px solid #FFFFFF;
}

/* layoutbox */
span.layoutBox {
  float: left;
  border-left: 1px solid #999999;
  border-top: 1px solid #999999;
}

span.layoutBox span {
  float: left;
  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
}

span.layoutBox span span {
  float: left;
  border: 5px solid #D9D9D9;
}

span.layoutBox span span img {
  float: left;
  border: 1px solid #999999;
}

/* Keywordbox */
span.keywordBox {
  float: left;
  width: 499px;
  border-left: 1px solid #999999;
  border-top: 1px solid #999999;
  margin-bottom: 5px;
  overflow: hidden;
}

span.keywordBox span {
  float: left;
  width: 477px;
  padding: 10px;

  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
  background-color: #d9d9d9;
}

/* format box */
div.formats {
  float: right;
  padding-right: 10px;
}

div.formatBox {
  width: 78px;
  border-left: 1px solid #999999;
  border-top: 1px solid #999999;
  margin-bottom: 10px;
  cursor: pointer;
  cursor: hand;
}

div.formatBox div {
  width: 70px;
  padding: 3px;
  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  background: url(../images/icons/cart.gif) no-repeat 55px 12px #D9D9D9;
  font-size: 9px;
}

/* basket table */
table.basketTable {
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  margin-bottom: 10px;
}

table.basketTable tr td {
  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
  background-color: #D9D9D9;
  vertical-align: top;
  padding: 5px;
}

table.basketTable tr td.foot {
  padding: 2px 5px 2px 5px;
  background-color: #D9D9D9;
  font-weight: bold;
}

table.basketTable tr td a.photoLink {
  display: block;
  width: 150px;
  height: 112px;
  border: 1px solid #999999;
  background: url(../images/gui/bg.gif) #FFFFFF;
  text-align: center;
}

/* normal table */
table.table {
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  margin-bottom: 10px;
}

table.table tr td {
  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
  background-color: #D9D9D9;
  vertical-align: top;
  padding: 5px;
}

table.table tr td.head {
  padding: 2px 5px 2px 5px;
  background-color: #D9D9D9;
  font-weight: bold;
}

/* rate */
a.rate:active div, a.rate:link div, a.rate:visited div, a.rate:hover div {
  visibility: hidden;
}

a.rate:hover div {
  visibility: visible;
}

/* Internet Explorer Fix */
a.rate:active, a.rate:link, a.rate:visited, a.rate:hover {
  background-color: transparent;
  cursor: pointer;
  cursor: hand;
}

a.rate:hover {
  background-color: #E5E5E5;
}

/* slideshow */
#slideshow {
  width: 400px;
  height: 400px;
  overflow: hidden;

  margin-top: 60px;
  margin-left: 50px;
}


/* Tabbing */
#tabbingbox {
  position: relative;
  margin-left: -10px;
  height: 20px;
}

#bottomline {
  z-index: 999;
  position: absolute;
  bottom: -3px;

  width: 100%;
  height: 1px;
  overflow: hidden;

  border-top: 1px solid #99999a;
}

#tabbing {
  z-index: 1000;
  position: absolute;
  width: 100%;
  float: left;

  margin: 0;
  padding: 0 0 1px 0;
}

#tabbing li {
  float: left;
  list-style-type: none;
  margin: 0 0 0 5px;
  padding: 0;

  border-top: 1px solid #99999a;
  border-bottom: 1px solid #99999a;
  border-left: 1px solid #99999a;
  border-right: 1px solid #99999a;

  background-color: #d9d9d9;
}

#tabbing li.active {
  border-bottom: 1px solid #e5e5e5;
  background-color: #e5e5e5;
}

#tabbing li a {
  float: left;

  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  padding: 3px 5px;

  text-decoration: none;
}

/**
 * Inactive
 */
#inactive_site {
  z-index: 99999;
  position: absolute;
  left: 0;
  top: 0;

  width: 100%;
  height: 100%;

  display: none;

  background-image: none;
  background-color: #000000;
  filter: Alpha(opacity=50);
}

#inactive_site_ie_6 {
  display: none;
  position: absolute;
  z-index: 99998;
  width: 100%;
  height: 100%;

  border: none;
  filter: Alpha(opacity=0);
}

#inactive_site[id] {
  background-image: url(../images/halfalpha.png);
  background-color: transparent;
}

#alert {
  z-index: 100000;

  background-color: #e5e5e5;
  border: 1px solid #99999a;

  position: absolute;
  left: 300px;
  top: 130px;

  padding: 5px;

  display: none;

  width: 400px;
}