/* 
 * Primary CSS Stylesheet
 * www.europeandesignshoes.com
 * 
 * Author: Alex Forencich
 * alex@alexelectronics.com
 * 
 */

@import url(links.css);

body {
  text-align: center;
  background-color: #666;
  font-family: Arial, Sans-Serif;
}

#wrapper {
  margin: 20px auto;
  width: 1011px;
  text-align: left;
}

#header {
  background: url('/images/header.png');
  height: 184px;
  width: 1011px;
  margin: 0;
  padding: 0;
}

#header-image {
  width: 961px;
  height: 160px;
  margin: 0;
  padding: 0;
  position: relative;
  top: 16px;
  left: 25px;
}

#pagetitle {
  position: absolute;
  padding: 0;
  margin: 0;
  margin-left: 16px;
  margin-top: 16px;
  color: #fff;
  font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
}

#pagetitle a, #pagetitle a:link, #pagetitle a:hover, #pagetitle a:visited {
  text-decoration: none;
  color: #fff;
}

#head-overlay {
  background: url('/images/overlay.png');
  position: absolute;
  display: inline;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: 0;
  padding: 5px 0;
  text-align: right;
  width: 100%;
}

#head-overlay div {
  display: inline;
  margin: 0 5px;
  color: #fff;
  font-weight: bold;
  font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
}

#head-overlay li {
  display: inline;
  margin: 0 7px;
  padding: 0;
  color: #fff;
  list-style-type: none;
  font-weight: bold;
  font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
}

#head-overlay a, #head-overlay a:visited {
  text-decoration: none;
  color: #fff;
}

#head-overlay a:hover {
  text-decoration: underline;
  color: #fff;
}

#breadcrumb {
  padding: 3px 10px;
  margin: 0 -10px;
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
}

#breadcrumb p {
  padding: 0px 0px;
  margin: 0px 0px;
  color: #666;
  display: inline;
}

#breadcrumb a {
  color: #000;
}

#breadcrumb a:hover {
    color: rgb(64,128,64);
}

#content {
  background: url('../images/body.png');
  width: 961px; /* 1011 - (25 * 2) */
  margin: 0;
  padding: 2px 25px;
}

#content-location {
  margin: 0;
  padding: 0 10px;
}

#footer {
  background: url('../images/footer.png');
  height: 87px;
  width: 1011px;
  margin: 0 auto;
  padding: 0;
}

#footer p {
  margin: 0;
  padding: 0;
  padding-top: 10px;
  text-align: center;
  font-size: 0.7em;
}

div.img {
  border: 1px solid black;
  /*margin: 5px;*/
  margin: 0 5px;
  padding: 5px;
  border-color: #bbb;
  background-color: #fff;
  text-align: center;
  vertical-align: middle;
}

div.img img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.text-box {
  border: 1px solid #BBBBBB;
  background-color: #F7F7F7;
  padding: 5px 15px;
}

#mfr-links {
  float: right;
}

.mfr-link {
  border: 1px solid black;
  padding: 5px;
  border-color: #bbb;
  background-color: #fff;
  text-align: center;
  vertical-align: middle;
  width: 150px;
  margin: 0;
  margin-bottom: 10px
}

.mfr-link img {
  margin-left: auto;
  margin-right: auto;
  border: none;
}

.mfr-link span {
  line-height: 30px;
}

img {
  position: relative;
}

.align-left {
  float: left;
  margin: 5px 10px 10px 5px;
}

.align-right {
  float: right;
  margin: 5px 5px 10px 10px;
}

.img-thin-border {
  border: 1px solid #bbb;
}

.img-black-border {
  border: 1px solid black;
}

.leftcol {
  text-align: center;
  float: left;
  width: 49%;
}

.rightcol {
  text-align: center;
  float: left;
  width: 49%;
}

#collection-list {
  width: 70%;
  margin: 20px auto;
}

#collection-list .cell {
  border: 1px solid black;
  margin: 10px auto;
  padding: 10px;
  width: 200px;
}

#gallery-table {
  border: 0;
  width: 100%;
  text-align: center;
  border-spacing: 10px;
}

#gallery-table td {
  width: 25%
}

#gallery-table img {
   /*width: 150px;*/
   border: 1px solid black;
}

.attrib {
  margin: 0;
  font-size: 0.7em;
}

hr {
  border: 0;
  width: 80%;
  color: #777;
  background-color: #777;
  height: 1px;
}

.infotable {
  border: 1px solid black;
  border-collapse: collapse;
}

.infotable th, .infotable td {
  border: 1px solid black;
  padding: 2px;
}