/* Top Bottom page */

#topbottom-top {
  position: relative;
  width: 726px;
  height: 22px;
  margin: 0px auto;
  top: 0px;
  font-size: 1px;
  vertical-align: top;
}

#topbottom-top  a.filters {
  position: absolute;
  top: 0px;
  left: 0px;
  background: url('/common/images/shop/utils/button-open.gif') no-repeat top left; 
  color: #4c4c4c;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  padding-left: 15px;
  vertical-align: top;
}

#view-mode {
  position: absolute;
  left: 186px;
  top: 0px;
}

#topbottom-top .picture {
  position: relative;
  color: #ffffff;
  font-size: 11px;
  font-weight: normal;
  margin-right: 5px;
  vertical-align: top;
}

#display-mode {
  position: absolute;
  left: 296px;
  top: 0px;
}

#topbottom-top .display {
  position: relative;
  color: #ffffff;
  font-size: 11px;
  font-weight: normal;
  margin-right: 5px;
  vertical-align: top;
}

#topbottom-top .items { 
  position: absolute;
  left: 546px;
  top: 0px;
  color: #404040;
  font-size: 11px;
  font-weight: bold;
  vertical-align: top;
}

#topbottom-top .total-topbottom { 
  position: absolute;
  right: 0px;
  top: 0px;
  vertical-align: top;
  color: #404040;
  font-size: 11px;
  font-weight: bold;
}

#topbottom-top .slash { 
  color: #ffffff;
  font-size: 11px;
}

#topbottom-center {
  position: relative;
  width: 726px;
  background: #cccccc;
}

#topbottom-center  #filters {
	top:0;
	left:0;
	background:#222;
}
#topbottom-center  #filters div.bottom {
	display:none;
}

#topbottom-center .topbottom-productview {
  position: relative;
  width: 726px;
  height: 180px;
  overflow: hidden;  
}

#topbottom-center #topbottom-allproduct-top {
  position: relative;
  width:100%;
  height:180px;
}

#topbottom-center #topbottom-allproduct-bottom {
  position: relative;
  width:100%;
  height:180px;
}

#topbottom-center #topbottom-allproduct-top .productPreviewBox {
  position:absolute;
  bottom:0;
}

#topbottom-center #topbottom-allproduct-bottom .productPreviewBox  {
  position:absolute;
  top:1px;
}

#topbottom-center .topbottom-productview .position-4  {
  left:-91px;
  width:90px;
  height:90px;
  display:none;
}
#topbottom-center .topbottom-productview .position-3  {
  left:0;
  width:90px;
  height:90px;
}
#topbottom-center .topbottom-productview .position-2  {
  left:91px;
  width:90px;
  height:90px;
}
#topbottom-center .topbottom-productview .position-1  {
  left:182px;
  width:90px;
  height:90px;
}
#topbottom-center .topbottom-productview .position0  {
  left:273px;
  width:180px;
  height:180px;
}
#topbottom-center .topbottom-productview .position1  {
  left:454px;
  width:90px;
  height:90px;
}
#topbottom-center .topbottom-productview .position2  {
  left:545px;
  width:90px;
  height:90px;
}
#topbottom-center .topbottom-productview .position3  {
  left:636px;
  width:90px;
  height:90px;
}
#topbottom-center .topbottom-productview .position4  {
  left:727px;
  width:90px;
  height:90px;
  display:none;
}
#topbottom-center .topbottom-productview div.productPreviewBox div.productImage img {
  width:100%;
  height:100%;
  filter : alpha(opacity=90);
  -moz-opacity : 0.9;
  opacity : 0.9; 
}
#topbottom-center .topbottom-productview div.productPreviewBox div.productDetails {
  display:none;
}
#topbottom-center .topbottom-productview div.productPreviewBox div.collectionLogo img {
  width:100%;
  height:100%;
}
#topbottom-center .topbottom-productview div.productPreviewBox div.collectionLogo {
  width:20px;
  height:20px;
}
#topbottom-center .topbottom-productview div.productPreviewBoxFocus {
	background:#fff;
}
#topbottom-center .topbottom-productview div.productPreviewBoxFocus div.productDetails {
  display:block;
}
#topbottom-center .topbottom-productview div.productPreviewBoxFocus div.collectionLogo {
  width:35px;
  height:35px;
}
#topbottom-center .topbottom-productview div.productPreviewBoxFocus div.productImage img {
  width:100%;
  height:180px;
}
#topbottom-center table {
	border-collapse:collapse;
}
#topbottom-center .productPreviewBoxes td {
	width:auto;
}

#topbottom-center .buy-link {
  position: absolute;
  left: 50%;
  margin-left:-75px;
  background: #333333;
  display: block;  
  height: 21px;
  overflow: hidden;
  padding-right: 10px;
  z-index:2;
}

#topbottom-center .buy-link img:hover{ 
  margin-top:-21px;
}


#topbottom-bottom {
  position: relative;
  width: 726px;
  height: 34px;
  margin: 0px auto;
  font-size: 1px;
}

#previoustop {
  position: absolute;
  top: 135px;
  left: 0;
  z-index: 2;
  cursor: pointer;
  width:40px;
  height:57px;
  background:url('/common/images/shop/arrows/previous-product.png') no-repeat;
}
#previoustop:hover {
  background:url('/common/images/shop/arrows/previous-product-on.png') no-repeat;
}
#nexttop {
  position: absolute;
  top: 135px;
  right: 0;
  z-index: 2;
  cursor: pointer;
  width:40px;
  height:57px;
  background:url('/common/images/shop/arrows/next-product.png') no-repeat;
}
#nexttop:hover {
  background:url('/common/images/shop/arrows/next-product-on.png') no-repeat;
}

#previousbottom {
  position: absolute;
  top: 225px;
  left: 0;
  z-index: 2;
  cursor: pointer;
  width:40px;
  height:57px;
  background:url('/common/images/shop/arrows/previous-product.png') no-repeat;
}
#previousbottom:hover {
  background:url('/common/images/shop/arrows/previous-product-on.png') no-repeat;
}

#nextbottom {
  position: absolute;
  top: 225px;
  right: 0;
  z-index: 2;
  cursor: pointer;
  width:40px;
  height:57px;
  background:url('/common/images/shop/arrows/next-product.png') no-repeat;
}
#nextbottom:hover {
  background:url('/common/images/shop/arrows/next-product-on.png') no-repeat;
}