body
{
  margin : 0;
  background-image: url('../gfx/bg.jpg');
  background-size : cover;
  background-position : center bottom;
  background-attachment : fixed;
  overflow-y: scroll;
}

#container
{ 
  position : absolute;
  background-image: url('../gfx/bg_75.png');
  width : 800px;
  border : 5px solid #000685;
  border-radius : 40px;
  border-top-left-radius : 0px;
  border-bottom-right-radius: 0px;
  top : 20px;
  margin-bottom : 20px;
  left : 50%;
  margin-left : -400px;
}

#header
{
  height : 100px;
  width : 800px;
  background-image : url('../gfx/header.png');
  background-repeat : no-repeat;
}

#header .banner
{
  float : right;
  margin-top : 10px;
  margin-right : 20px;
  border : 1px solid #000685;
}

#nav
{
  border-bottom : 4px solid #000685;
  height : 128px;
}

#nav ul, .balloon ul, .details ul
{
  margin : 2px;
  margin-left : 6px;
  padding : 0;
}

.balloon ul
{
  margin-left : 0;
}

#nav ul li, .balloon ul li, .details .detail, #content .detail
{
  background-color : #000685;
  color : #ffffff;
  float : left;
  margin : 0;
  margin-right : 3px;
  padding : 5px;
  font-weight : bold;
  font-family : verdana;
  font-size : 10px;
  list-style : none;
  margin-bottom : 3px;
}

.details .detail
{
  display : inline;
  padding : 0;
  line-height : 300%;
  margin-bottom : 3px;
  padding-left : 5px;
  padding-right : 5px;
  padding-top : 1px;
  padding-bottom : 1px;
  background-color : red;
}

#nav ul li:hover, .balloon ul li:hover
{
  cursor : pointer;
  background-color : #000000;
}

.balloon ul li.type
{
  max-width : 110px;
  overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
  color : #000685 !important;
  background-color : transparent;
  font-weight : normal !important;
  padding : 0;
}

#nav ul li.nohover:hover, .balloon ul li.nohover:hover
{
  background-color : #000685;
  cursor : auto;
}

#nav ul li a, .balloon ul li a, .details .detail a
{
  color : #FFFFFF;
  text-decoration : none;
}

.balloon ul li.type a
{
  color : #000685 !important;
}

#content
{
  padding : 6px;
  width : 792px;
  font-family : verdana;
  font-size : 12px;
}

#content .balloon, #manufacturers .manufacturer
{
  float : left ;
  width : 132px;
  margin-bottom : 20px;
}

#content .balloon img, #content .details .bigballoon img, #thumbnails .thumbnail, #manufacturers img
{
  border : 1px solid black;
}

#content .details .bigballoon
{
  float : left;
  margin-right : 6px;
}

#content .details .bigballoon img
{
  max-width : 300px;
}

#content .details table
{
  margin-right : 20px;
}

#thumbnails
{
  padding-top : 20px;
  clear : both;
}

#thumbnails .thumbnail
{
  float : left ;
  margin-right : 20px;
  margin-bottom : 20px;
  height : 110px;
  width : 110px;
  overflow : hidden;
}

h1
{
  margin : 0;
  padding : 0;
  margin-bottom : 10px;
  color : #000685;
}

#content a.link
{
  color : #FFFFFF;
  background-color : #000685;
  text-decoration : none;
  font-size : 10px;
  padding : 3px;
  font-weight : bold;
}

#content a.link:hover
{
  background-color : #000000;
}

.details table td
{
  font-size : 12px;
}

.details table .detail.radio, #content .detail
{
  float : none;
  padding : 5px;
  vertical-align : bottom;
  background-color : black;
}

#content .detail
{
  background-color : #000685;
  margin-right : 0;
}

#content a.link.submit
{
  padding : 5px;
}

label
{
  cursor : pointer;
}

input[type="text"]
{
  font-family : verdana;
  font-size : 10px;
  height : 20px;
}

.error
{
  color : red;
  font-weight : bold;
}

img.flag
{
  vertical-align : bottom;
}

td.multiline
{
  padding-left : 5px;
}

td.multiline p
{
  display: inline;
  background: red;
  box-shadow: 5px 0 0 #000685, -5px 0 0 #000685;
  padding-left : 0 !important;
  padding-right : 0 !important;
  line-height : 220% !important;
}

a img
{
  border : 0;
}

table.all
{
  font-size : 10px;
}

table.all td
{
  vertical-align : top;
}

table.all td.nowrap
{
  white-space : nowrap;
}

table.all td a
{
  color : #000685;
}
table.all tr:last-child td
{
  border-bottom : none !important;
}