body { background-color: #fff; color: black; text-align: center;}

body, p, ol, ul, td {    
  line-height: 16px;  
  font-family: Arial; font-size: 11px;
}

h1 {padding-top:17px; padding-bottom:3px; margin-bottom:0px; font-size:16px; border-bottom:1px dotted black;}
h2 {padding-top:3px; padding-bottom:0px; margin-bottom:0px; font-size:14px; border-bottom:1px dotted black;}
h4 {padding:0px; margin:0px; font-size: 13px;}

#main {margin-left:auto; margin-right:auto; margin-top:80px; text-align: left; width: 860px; }

#logo {width:127px; float:left;}
#main_nav {float:left; margin-top: 69px; height:25px; line-height: 10px; width:680px;}
#main_nav ul {list-style-type: none; padding:0px; margin:0px;}
#main_nav li {float:left; border-right: 2px solid black; height: 14px;}

#content {position:relative; clear:both; margin-left: 127px; width: 680px; height: 317px; line-height:16px;}

#footer {margin-left: 127px; margin-top:10px; width:680px;}
#search {width: 300px; float:left;}
#footer_nav {float:left;}
#footer_nav a { color: #9fa4a7; text-decoration: none; font-size: 12px;}

#lang_switch {float:right; margin-top:-2px;}

#products_image_list, #designers_image_list {width: 200px; height:317px; float:left; margin-right: 7px; margin-left:-3px; margin-top:-3px;}
#products_list, #designer_detail, #countries_list {float:right; width:475px; }
#countries_list a {text-decoration: none; font-size: 16px; font-weight:bold;}

#product_image {position: relative; width: 395px; height:317px; float:left;}
#product_headline, #designer_headline {border-bottom: 1px dotted grey; margin-bottom:10px; margin-top:12px;  text-transform:uppercase;}

#product_description, #designer_description {float:left; padding-left:20px; width:265px; *width:255px; height:317px; position:relative; background:white; }
#product_description p,#designer_description p  {font-family: Arial; }
#designer_description {width: 205px; padding-left:0px;}
#product_footer {bottom:12px; position: absolute; left:415px;}
#designer_image {width: 255px; margin-right:10px; height: 317px; float:left;}

.color_bar {height:8px; margin-top:10px;}
.thumb {width:58px; height:58px; padding:3px; float:left; cursor:pointer;} 
.title_name {cursor:pointer; margin-right:15px; float:left; height:29px;}
.color_closeup {display:none; clear:both;}
.trader {margin-bottom: 5px;}
.trader p {margin: 0px; padding:0px;}


#img_switch_open {position: absolute; display:block; bottom:10px; *bottom:13px; right:10px; cursor:pointer;}
#img_switch_close {position: absolute; display:none; bottom:10px; *bottom:13px; right:10px; cursor:pointer;}
#image_closeup {position: absolute; left:415px; top:0px;}

#news {position: absolute; top: 20px; left: -50px; width: 279px; height: 279px; background: url(/images/dot_news.png)}
#news_frame {margin:45px; width: 185px; height: 185px;}
.news_date {font-weight: bold; border-bottom: 1px dotted black;}
.news_content {margin-bottom:0px; line-height:15px;}
.news_headline {font-weight: bold; margin-right:5px;}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #000; }
a:visited { color: #000; }
a:hover {}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}