/* ============================================================================================= */
/* showroom styles */
#showroom {
  clear: both;
  float: left;
  width: 780px;
  margin-top:0px;
}
* html #showroom{width:800px;}

#showroomRight {
  width: 200px;
  float: right;
  margin: 10px 0 0 0;
  padding-left: 10px;
  color:#666;
}

#showroom .linklist {
  margin: 16px 0px 20px 20px;
  color:#99CC33;
}
#showroom .linklist a {
  color:#99CC33;
}

#showroomContent {
  width:550px;
  float:left;
}

#showroomContent .content_bg {
  background: url(http://www9.fotoalbum.de/mandants/foa/gfx/showroom_teaser.jpg?1279782645) repeat-x left 2px;
  padding-left: 12px;
  padding-left:10px;
  margin-top:-20px;
}

#showroomContent .content_bg h1{
  margin-left: 0px;
  margin-top:15px;
}

#showroomContent div.box {
  clear:both;
  margin: 20px 10px 0px 10px;
}

#showroomContent div.box .header {
  font-weight:bold;
  font-size:inherit;
  margin-bottom:5px;
  font-size:inherit;
}

#showroomContent .content {
  background-color:#fff;
  border: 1px solid #e9e9e9;
  padding:20px 5px 10px;
}

#showroomContent div.box .content p {
  margin: 0 0 0 136px;
}
#showroomContent div.box .content p.noimage {
  margin: 0;
}
#showroomContent div.box .content img {
  float:left;
}
#showroomContent div.box .clearing {
  clear:both;
}
#showroomContent div.box table {
}

#showroomContent div.box table tr.bg1 {
  background-color: #e9e9e9;
}
#showroomContent div.box table tr.bg2 {
}

#showroomContent div.box table th {
  text-align:center;
  font-weight:bold;
  border: solid #fff 3px;
  padding: 1px 2px;
}
#showroomContent div.box table td {
  border: solid #fff 3px;
  text-align:center;
  padding: 1px 2px;
}

#showroomContent div.box table tr.prices_header {
  height:35px;
  vertical-align: bottom;
}
#showroomContent div.box table td.price {
  text-align:right;
}

#showroomContent div.box table.shipping_prices th {
  text-align:left;
}

#showroomContent div.box .photobook {
  padding-left:0;
  padding-right:0;
}

#showroomContent div.box table.priceTable.poster td div {
  margin:0 auto;
  text-align:right;
  width:105px;
}

#showroomContent a.startProduct {
  clear:both;
  background: url(http://www7.fotoalbum.de/mandants/foa/gfx/showroom_button_arrow.gif?1279782645) no-repeat left top;
  padding: 3px 11px 3px 23px;
  margin-top: 6px;
  float:right;
  color: #99CC33;
}

#showroomContent p {
  margin-top: 20px;
}
#showroomContent p img {
  float:left;
}
#showroomContent .iList {
  clear:both;
  padding-top: 20px;
}
#showroomContent .iList img {
  float:left;
}
#showroomContent h3 {
  padding-top: 5px;
  margin: 0;
}
#showroomContent #topBox {
  clear:both;
  position: relative;
  left: 0px;
  width:552px;
  height:280px;
  margin-bottom:20px;
}
#showroomContent .startButton {
  position: absolute;
  top: 250px;
  left: 376px;
}

#showroomContent #topBox #priceBox {
  position: absolute;
  top: 0px;
  left: 414px;
  color: white;
  font-size: 1.3em;
  width: 119px;
  height: 118px;
}

#showroomContent #topBox #priceBox div.teaser,
#showroomOverLayer #priceBox2 div.teaser {
  font-weight:bold;
  position:absolute;
  top:32px;
  left:21px;
}

#showroomContent #topBox #priceBox div.price,
#showroomOverLayer #priceBox2 div.price {
  font-size:1.05em;
  font-weight:bold;
  position:absolute;
  right:9px;
  text-align:center;
  top:56px;
  width:84%;
}

#showroomContent #topBox #clickBox {
  position: absolute;
  top: 220px;
  left: 30px;
  font-size: 1em;
}
#showroomContent #topBox div#showBox {
  width:323px;
  height:250px;
  margin:0px;
  margin-left:213px;
  cursor:pointer;
}
#showroomContent div.swfBox {
  margin: 7px 0 0 7px;
}

#showroomContent #examplesImage {
  clear:both;
  position:relative;
  top:15px;
  left:30px;
  float:left;
}
#showroomContent area {
  cursor:pointer;
}

#showroomContent ul.photobook_start {
  clear:both;
  margin-top: 20px;
}
#showroomContent ul.photobook_start li {
  clear:both;
  background: no-repeat 28px top;
  padding-left: 87px;
  margin: 0px 9px 11px 0px;
  height: 45px;
  border-bottom: 1px solid #e9e9e9;
}
#showroomContent ul.photobook_start li a {
  float: right;
}
#showroomContent ul.photobook_start li div.type {
  float: left;
}

#showroomContent ul.cList {
  margin: 5px 0px 5px 15px;

}
#showroomContent ul.cList li {
  padding: 3px 0;
}
/* overlay */
#showroomOverLayer {
  width:800px;
  height:556px;
  background: #fff url(http://www.fotoalbum.de/mandants/root/gfx/showroom_overlay_bg.jpg?1279782667) repeat-x left top;
  border: solid #e9e9e9 1px;
}

#showroomOverLayer img#examplesImageOverlay {
  clear:both;
  position:relative;
  top:15px;
  left:30px;
  float:left;
}
#showroomOverLayer div#showBoxOverlay {
  width:586px;
  height:480px;
  margin:59px 0pt 0pt 210px;
}
#showroomOverLayer .startButton {
  position: relative;
  top: 460px;
  left: 370px;
  float:left;
  z-index:1001;
}

#showroomOverLayer #priceBox2 {
  position: absolute;
  top: 58px;
  left: 660px;
  color: white;
  font-size: 1.3em;
  width: 119px;
  height: 118px;
}

/** zusaetzliche pages */
h1.showroomPage {
  margin-left: 10px;
}

#showroomContent div.productlist {
  clear:both;
  padding-top: 10px;
  height:170px;
}
#showroomContent div.productlist .product {
  width: 170px;
  float:left;
  padding-bottom:5px;
}
#showroomContent  div.productlist .top {
  margin-right:10px;
  border-bottom: 1px solid #e9e9e9;
}
#showroomContent  div.productlist .bottom {
  padding-right:10px;
  border-bottom: 1px solid #e9e9e9;
}
#showroomContent  div.productlist .last {
  margin-right:0px;
  border-bottom: 1px solid #e9e9e9;
}

#showroomContent div.product div {
  padding-left:18px;
  width: 120px;
  height:22px;
  background-image:url(http://www7.fotoalbum.de/mandants/foa/gfx/showroom_button_arrow.gif?1279782645);
  background-repeat:no-repeat;
  background-position: right;
}

#showroomContent div.product a{
  font-size:12px;
  color:#000;
  font-weight:bold;
}

#showroomContent div.product img{
  margin-left:0px;
}



/* ============================================================== */

#showroomContent .productlist .product div{
  background-image:none;
}

#showroomContent  div.productlist .xmasballon {
  position: relative;
  top: 0px;
  left: 80px;
  color: #fff;
  background-image:none;
}
#showroomContent  div.productlist .xmasballon div {
  position: relative;
  top: -32px;
  left: 4px;
  font-size:11px;
  font-weight:bold;
  padding: 0;
  width:80px;
  background-image:none;
}

#showroomRight .xmas_tip{
  background:#fff url(http://www8.fotoalbum.de/mandants/root/gfx/showroom_xmas.jpg?1279782667) no-repeat left;
  height:180px;
  width:220px;
  margin-left:-20px;
}

#showroomRight .xmas_tip h4{ width:160px;margin-left:100px;}
#showroomRight .xmas_tip p{ width:160px;margin-left:100px;}
#showroomRight .xmas_tip a{ color:#9c3;}

/* ========================= Page Glossy ===========================*/


#showroomContent .glossy_new{
  position:absolute;
  top:103px;
  left:366px;
  color:#fff;
  font-size:36px;
  text-transform:uppercase;
}

#showroomContent .glossy_details{
  margin-top:20px;
  width:500px;
  margin-bottom:30px;
}

#showroomContent .glossy_details tr.bg1 {
  background-color: #e9e9e9;
}
#showroomContent .glossy_details tr.bg1 {
}

#showroomContent .glossy_details th{
  font-size:12px;
  font-weight:bold;
  padding-bottom:5px;
}

#showroomContent .glossy_details td{
  padding-left:10px;
  line-height:17px;
}

#showroomContent .glossy_details .discount{
  color:#fc9a04;
  font-weight:bold;
}

#showroomContent .glossy_details .page49{
  text-decoration:line-through;
}

#showroomContent .iso14001 {
  padding-top:20px;
  border-top:1px solid #c2c2c2;
}