/* 
* { border: 1px solid red; }
*/

html, body {
    font-family: normal "Arial", sans-serif;
    padding: 0px;
    margin: 0px;
    height: 100%;
}

/* layout */

div.container {
    width: 980px;
    min-height: 65%;
    height: auto !important;
    height: 100%;
    padding: 0 auto -7em;
}

div.footer {
    height: 7em;
    clear: both;
    background-color: #eee;
    border-top: 1px solid #aaa;
}

div.footer img {
    border: none;
}

div.footer p {
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
}


/* Sections */

    /* Header */

div.header {
    height: 165px;
    background: url("/image/eq-header-rep.jpg") repeat-x;
}
    div.header h1 {
	font-size: 1.75em;
	padding: 0px;
	margin: 0px;
    }
    div.header h2 {
	padding: 0px;
	margin: 0px;
	font-size: 1.0em;
    }

div.header-left {
    float: left;
    padding: 0px;
    width: 180px;
}
div.header-right {
    float: left;
    padding-top: 20px;
    padding-left: 40px;
    width: 630px;
}

    /* Content */

div.content {
    float: left;
    width: 700px;
    margin: 0px;
    margin-left: 30px;
    padding: 0px;
}

    div.content h1 {
	border-bottom: 1px solid #4c556d;
	color: #394677;
	margin-top: 0px;
    }

    div.content h2 {
	color: #394677;
    }

div.content p {
    margin-right: 30px;
}

div.cookiecrumbs {
    padding-top: 6px;
    padding-left: 20px;
    padding-bottom: 4px;
    margin-bottom: 10px;
    background-color: #eee;
    border-bottom: 1px solid #aaa;
}

/* jmorph */

 .clearfix:after
  {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  .clearfix {display: inline-block;}  /* for IE/Mac */
        .jmorph
        {
	    width:640px;
	    margin:auto 0px;
        }

        .jmorph .imageContainer
        {
                display:table;
        }

  .jmorph .image
  {
        background:#394677;
        padding:10px;
        display:table-cell;
  }

  .jmorph .image .currentImg,.jmorph .image .nextImg
  {
        background-repeat:no-repeat;
        background-position:center;
        position:relative;
  }

  .jmorph .image .nextImg
  {
        top:0;
        left:0;
        position:absolute;

  }

  .jmorph div a.previous,.jmorph div a.next
  {
    padding:0.5em;
    margin:1em;
    margin-left:0px;
    float:left;
  }

  .jmorph .image a.previous,.jmorph .image a.next
  {
        font-size:1em;
  }

  .jmorph div a.previous,.jmorph div a.next
{
    padding: 8px;
    margin: 0px;
}

  .jmorph ul.band
  {
        padding:5px;
        list-style:none;
        width:5000px;
        margin-left:0px;
  }

  .bandContainer
  {
        width:380px;
        overflow:hidden;
        float:left;
        text-align:left;
	border: 1px solid #666;
	background: #eee;
  }

  .jmorph ul.band li
  {
        display:inline;
        margin:5px;
        padding:5px
  }
  .jmorph ul.band li.selected
  {
        background:#fff;
	border: 1px solid #666;
  }


/* Menus */

div.top-menu {
    color: #fff;
    background: url("/image/top-shade.jpg") bottom left repeat-x;
    height: 26px;
    font-size: 15px;
    padding: 0px 0px 0px 220px; 
    margin: 0px;

}
    div.top-menu a {
	color: #fff;
	text-decoration: none;
    }
    div.top-menu a:hover {
	color: #fff;
	text-decoration: underline;
    }

div.top-menu ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
div.top-menu li {
    height: 26px;
    float: left;
    padding-top: 4px;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #fff;
    width: 100px;
    text-align: center;
    display: block;
}

div.side-menu {
    float: left;
    width: 210px;
    clear: left;
    padding-top: 8px;
    margin-left: 20px;
    _margin-left: 10px;
}

    div.side-menu a {
	color: #00f;
    }
    div.side-menu a:hover {
	color: #00f;
    }

    div.side-menu ul {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	text-indent: 1em;
	list-style-type: circle;
	list-style-position: inside;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
    }
    div.side-menu li {
	padding: 8px 0px;
	border-bottom: 1px solid #999;
    }

    div.side-menu div.box {
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
	margin-bottom: 10px;
	text-indent: 1em;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
    }


div.side-menu h3 {
    text-align: center;
    padding: 4px 4px;
    margin: 0px;
    font-size: 16px;
    color: #fff;
    background: url("/image/top-shade.jpg") bottom left repeat-x;
}

    div.side-menu h3 a { color: #fff; }
    div.side-menu h3 a:hover { color: #fff; }

/* equipment */

div.equipment {
    float: left;
    width: 200px;
    height: 200px;
    text-align: center;
}

div.equipment img { border: none; }

/* products */

    div.products {
	padding-top: 10px;
    }

    div.products h3 {
	background: url("/image/product-top-shade.jpg") bottom left repeat-x;
	color: #fff;
	padding-top: 2px;
	width: 740px;
	text-align: center;
	margin: 0px;
    }

    div.product-box {
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	width: 738px;
	padding: 5px 0px 0px 0px;
	margin: 0px;
    }

    div.product-box-left {
	float: left;
	padding: 0px;
	width: 130px;
	padding-left: 10px;
    }
    div.product-box-right {
	float: left;
	width: 520px;
    }

    table.hor-minimalist-a {
	padding-top: 15px;
    }

    .hor-minimalist-a th {
	font-size: 14px;
	font-weight: normal;
	padding: 5px;
	border-bottom: 2px solid #999;
    }       

    .hor-minimalist-a td {       
	padding: 9px 8px 0px 8px;
	font-size: 13px;
    }

/* product */

    div.product {
	width: 670px;
	margin: 0px;
    }

    div.product-image {
	padding-top: 10px;
    }

    div.product-image-left {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 540px;
	height: 415px;
    }

    div.product-image-right {
	float: left;
	padding: 0px;
	padding-left: 10px;
	_padding-left: 2px; /* IE6 Hack */
	width: 120px;
	overflow: auto;
	height: 415px;
    }

    div.product-image-right img {
	margin-bottom: 4px;
    }


    table.box-table-a
    {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #999;
	margin-bottom: 10px;
    }
    .box-table-a th
    {
	font-size: 13px;
	padding: 8px;
	background: #394677;
	color: #fff;
    }
    .box-table-a td
    {
	padding: 8px;
	border-top: 1px solid transparent;
    }



/* Utils */

.clear {
    clear: both;
}
.center {
    text-align: center;
}
.right {
    float: right;
}

img.thumb { border: 4px solid #394677; }