body {
  text-align:center;
  padding:0px;
  margin:0px;
  font-family:Arial;
  font-size:10pt;
}

a {
  text-decoration:none;
}

img {
  border: 0px;
}

#frame {
  width:950px;
  height:580px;
  margin-left:auto;
  margin-right:auto;
  margin-top:15px;
  text-align:left;
  padding:0px;
  
  position:relative;
}

#header , #footer {
  width:950px;      
}

#header {
  height:123px;
  background-color:black;        
  background-image:url(header-background.jpg);
  background-repeat:no-repeat;
}

#header-line {
  background-color:#888888;
  color:black;
  margin:0px;
  padding:7px;
  position:relative;   
}

#header-slogan {
  font-size:14px;
  font-weight:bold;
}

.slogan-logo {
  font-family:arial black, arial, helv, sans-serif;
  font-weight:bold;
}

.slogan-r {
  font-size:70%;
  position:relative;
  top:-3pt;
}

#header-links {
  position:absolute;
  top:5px;
  right:7px;
  color:white;
}

#header-links a{
  color:white;
  margin-left: 5px;
  margin-right: 5px;
}

#header-links img {
  position:relative; 
  top:3px;
}

#footer {
  background-color:black;      
  position:absolute;
  bottom:0px;
  padding-top:5px;
  padding-bottom:5px;
  text-align:center;
}

#footer a {
  font-size:9pt;
  color:#aaaaaa;
  margin: 0px 5px;
}

#footer a:hover {
  color:white;
  text-decoration:underline;
}

#content {
  margin:10pt;
}

#preview , #selector {
  position:absolute;
  height:390px;
  top:159px;
}

#preview {
  background-color:#616D85;
  background-image:url(preview-background.jpg);
  width:600px;
  left:0px;
}

#preview-step {
  position:absolute;
  left: 20px;
  top: 20px;
  /*z-index: 1000;*/
}

#preview-step h1 {
  margin-top: 0;
  color:#BBBBBB;
} 

#preview-step h1 a {
  color: #BBBBBB;
}

.work {
  position:absolute;
  top:0px;
  left:134px;
  width:332px;
  height:390px;
}

#selector {
  font-size:10pt;
  right:0px;
  width:338px;        
}

#selector a {
  color:#444444;
}

#selector a:hover {
  color:black;
}

.selector-div {
  background-color:#AAAAAA;
  background-image:url(selector-div-background.jpg);
  background-repeat:repeat-y;
}

.selector-div-active , #start-link, #wait-message, .wait-message-static {
  background-color:black;
  background-image:url(selector-div-active-background.jpg);
  background-repeat:repeat-y;
}

.selector-div , .selector-div-active {
  margin-bottom:5px;
  padding:4px;
}

.selector-cont {
  background-color:white;
  padding:3px;
  padding-left:20px;
  padding-bottom:-15px;
  padding-top:-3px;
  position:relative;
}

.selector-h {
  color:white;
  font-family:Arial Black;
  font-size:11pt;
  margin-left:2px;
  margin-top:-5px;
}

.selector-details {
  font-size:7pt;
}

.selector-details a {
  color:black;
  text-decoration:underline;
}

.selector-item {
  margin-bottom:2px;
}

.selected-item a {
  font-weight:bold;
}

.selector-color {
  font-size:60%;
  position:relative;
  top:-2px;
  border:2px solid black;
  padding:-2px;
}

.selector-foot {
  font-size:7pt;
  font-weight:bold;
  text-align:right;
  position:relative;
  width:260px;
  left:45px;
  margin-top:-15px;
  margin-bottom:0px;
  z-index: 0;
}

.selector-price {
  font-style:italic;
  font-size:90%;
}

#price-item {
  font-size:14pt;
  font-weight:bold;
}

#welcome-text {
  padding:12px;
  font-size:12pt;
}

#start-link , #wait-message, .wait-message-static {
  font-weight:bold;
  padding:4px;
  margin-top:8px;
  text-align:center;        
}

#start-link a {
  color:#DDDDDD;        
}      

#wait-message, .wait-message-static {
  color:#DDDDDD;        
}

#start-link a:hover {
  color:white;        
} 



/* overlay */
.overlay {
  position:absolute;
  left:20px;
  top: 150px;
  width:910px;
  height:400px;
  background-color:#333355;
  border: 1px solid #5555AA;
}

.overlay-hl {
  font-weight:bold;
  color:white;
  padding:6px;
}

.overlay-close {
  font-family: arial black, arial, sans-serif, helv;
  font-weight:bold;
  background-color:#ddddff;
  border: 1px solid #5555AA;
  color:#333355;
  cursor:hand;
  float:right;
  position:absolute;
  right:6px;
}
.overlay-close:hover {
  background-color:white;
}

.overlay-cont {
  border: 1px solid #5555AA;
  position:absolute;
  left:6px;
  top:30px;
  /*right:6px;
  bottom:6px;
  */
  width:866px;
  height:332px;
  background-color:white;
  overflow:scroll;
  padding:15px;
}

.overlay #index a {
  color:black;
}

.overlay table {
  margin-left:150px;
}

.overlay td {
  text-align:right;
  padding-right:20px;
  padding-left:20px;
}

.presentation-hl {
  text-align:center;
  font-size:13pt;
  line-height:150%;
}

.tableline {
  background-color:#eeeeee;
}

#retailer-list td
{
  text-align:left;
  background-color:#CCCCCC;
}