﻿body
{
    background-color:#ddd;
}
.product-details-wrapper
{
    width:1200px;
    margin:0 auto;
    background-color:white;
    border:1px solid #bbb;
}
.product-details-wrapper table
{
    width:100%;
}
table.product-detail-table
{
    width:889px;
}
td.product-title-cell
{
    font-size:18px;
    font-weight:bold;
    color:Black;
 
}
td.auction-id-cell
{
    font-weight:bold;
    color:#333;
    text-align:right;
    width:15%;
}
tr.title-row td
{
    border-bottom:2px solid #cc0000;
    padding:5px;
}
.product-images-wrapper-cell table
{
    width:583px;
}
.product-images-wrapper-table a,a:visited
{
    background: none repeat scroll 0 0 transparent !important;
    border: 0 none !important;
}
td.product-details-wrapper-cell
{
    width:300px;
    vertical-align:top;
}
td.product-pictures-and-details-cell
{
    width:900px;
    vertical-align:top;
}
div.visible-picture-box
{
    margin:3px;
    margin-left:0px;
    width:580px;
    height:460px;
    border:1px solid #bbb;
}
div.visible-picture-box table
{
    position:relative;
    top:-75px;
    width:100%;
}
div.visible-picture-box td{
    height:100px;
}
div.visible-picture-box table td.visible-picture-note-cell
{
    padding-bottom:5px;
    padding-left:2px;
    color:#cc0000;
    font-weight:bold;
}
div.visible-picture-box table td.visible-picture-zoom-cell,div.visible-picture-box table td.visible-picture-maximize-cell
{
    text-align:right;
}
div.visible-picture-box table td.visible-picture-zoom-cell img,div.visible-picture-box table td.visible-picture-maximize-cell img
{
    width:32px;
    height:32px;
    cursor:pointer;
}
div.visible-picture-box table td.visible-picture-darken-cell,div.visible-picture-box table td.visible-picture-darken-cell
{
    text-align:right;
    width:35px;
}
div.visible-picture-box table td.visible-picture-darken-cell img,div.visible-picture-box table td.visible-picture-darken-cell img
{
    width:27px;
    height:27px;
    cursor:pointer;
    padding-bottom:6px;
}
div.visible-picture-box table td.visible-picture-lighten-cell,div.visible-picture-box table td.visible-picture-lighten-cell
{
    text-align:right;
    width:35px;
}
div.visible-picture-box table td.visible-picture-lighten-cell img,div.visible-picture-box table td.visible-picture-lighten-cell img
{
    width:27px;
    height:27px;
    cursor:pointer;
    padding-bottom:6px;
}
div.thumb-pictures-wrapper
{
    padding-left:3px;
}
div.all-thumbnails-wrapper
{
    clear:both;
    text-align:center;
    border:1px solid #dedede;
    margin-left:2px;
    margin-right:4px;
    cursor:pointer;
}
div.all-thumbnails-wrapper a,div.all-thumbnails-wrapper a:hover
{
    color:#cc0000;
    font-weight:bold;
    padding: 8px 15px;
}
div.visible-picture-box img,div.visible-picture-box canvas
{
    width:480px;
    height:360px;
}
div.thumb-picture-box {
    border: 1px solid #CCCCCC;
    float: left;
    height: 81px;
    margin-bottom: 6px;
    margin-right: 6px;
    position: relative;
    width: 108px;
}
div.thumb-picture-box img
{
    height: 81px;
    width: 108px;
}
div.product-latest-bid-and-location-wrapper
{
    border-bottom:1px solid #ccc;
    padding-bottom:5px;
}
div.product-latest-bid
{
    font-size:18px;
    margin-bottom:20px;
    margin-top:5px;
    color:Black;
}
div.product-location
{
    padding-top:2px;
    font-weight:bold;
    font-size:14px;
}
div.product-details
{
    margin-top:3px;
    color:Black;
}
div.product-details td
{
    vertical-align:middle;
    width:50%;
    border-bottom:1px solid #ccc;
    padding-top:19px;
}
div.vehicle-product-details td
{
    padding-top:17px;  
}
td.field-name label
{
    font-weight:bold;
    color:Black;
    margin-bottom:0px;
}
.accordion-heading, div.auction-end-time-title,div.auction-start-time-title, div.new-bid-title,div.latest-bid-title,div.vehicle-service-info-title,div.auction-support-request-title,
div.fair-value-title, div.all-thumbnails-wrapper, div.auction-bids-title
{
    border-bottom:1px solid #dedede;
    background:#efefef;
    background:-moz-linear-gradient(top,#fff 0,#efefef 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#efefef));
    background:-webkit-linear-gradient(top,#fff 0,#efefef 100%);
    background:-o-linear-gradient(top,#fff 0,#efefef 100%);
    background:-ms-linear-gradient(top,#fff 0,#efefef 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#EFEFEF',GradientType=0);
    background:linear-gradient(top,#fff 0,#efefef 100%);
    *zoom:1;
}
div.auction-end-time-title,div.auction-start-time-title, div.new-bid-title, div.latest-bid-title,div.auction-bids-title, div.vehicle-service-info-title,div.auction-support-request-title,div.fair-value-title
{
    font-weight:bold;
    padding:2px;
}

table.vehicle-equipments-table, table.vehicle-damages-table
{
    width:100%;
}
table.vehicle-equipments-table tr td, table.vehicle-damages-table tr td
{
    border-bottom: 1px dotted #C0C0C0;
    color: #666666;
    font-size: 14px;
    padding-left: 15px;
    vertical-align: middle;
}
table.vehicle-equipments-table tr, table.vehicle-damages-table tr td
{
    line-height: 30px;
}
table.vehicle-equipments-table tr td.equipment-exists-cell
{
    width:5%;
    text-align:center;
}
td.product-actions-cell
{
    vertical-align:top;
    padding-top:3px;
}
div.remaining-time-wrapper,div.remaining-start-time-wrapper, div.new-bid-wrapper, div.latest-bid-wrapper,div.auction-bids-wrapper,div.vehicle-service-info-wrapper,div.auction-support-request-wrapper,div.fair-value-wrapper
{
    margin-top:5px;
    border:1px solid #ccc;
    text-align:center;
}
div.follow-prev-next-wrapper,div.open-close-for-auction-wrapper
{
    text-align:center;
}
div.follow-prev-next-wrapper a,div.open-close-for-auction-wrapper a
{
    border:1px solid #ccc;
    padding-right:0px;
    padding-left:0px;
}
.prev-btn, .next-btn
{
    width:20px;
}
div.open-close-for-auction-wrapper a
{
    width:98%;
}
div.follow-wrapper
{
    text-align:left;
}
div.follow-wrapper a
{
    width:238px;
    text-align:center;
}
td.auction-support-request-btn-cell a
{
    padding-right:0px;
    padding-left:0px;
    width:100%;
}
div.live-remaining-time,div.live-remaining-start-time, div.auction-is-over
{
    font-size:20px;
    padding:8px;
    color:#cc0000;
}
div.auction-end-time-value, td.vehicle-service-name-cell, td.vehicle-service-address-cell,td.vehicle-service-types-cell
{
    padding:0px;
    border-bottom:1px solid #ccc;

}
div.auction-end-time-value
{
      font-size:16px;  
}
td.auction-support-request-btn-cell
{
    border-top:1px solid #ccc;
}

div.auction-support-request-wrapper textarea
{
    text-align:left;
    padding:0px;
    margin:0px;
    width:292px;
    height:71px;
    max-width:292px;
    max-height:71px;
    min-width:292px;
    min-height:71px;
    border-width:0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  -webkit-transition: border linear 0s, box-shadow linear 0s;
  -moz-transition: border linear 0s, box-shadow linear 0s;
  -ms-transition: border linear 0s, box-shadow linear 0s;
  -o-transition: border linear 0s, box-shadow linear 0s;
  transition: border linear 0s, box-shadow linear 0s;    
}

td.vehicle-service-types-cell,td.vehicle-service-address-cell
{
    font-size:11px;
}
td.vehicle-service-types-cell img
{
    width:16px;
    height:16px;
}
td.vehicle-service-phone-number-cell img
{
    margin-right:10px;
}
div.new-bid-input-and-btn input, div.latest-bid-input-and-btn input, div.fair-value-input-and-btn input,div.fair-value-input-and-btn a
{
    margin-bottom:0px;
    width:237px;
    height:20px;
    font-size:15px;
    text-align:center;
    color:#cc0000;
}
div.auction-bids-list
{
    max-height:100px;
    overflow-y:auto;
    font-size:11px;
}
div.auction-bids-list td.auction-bidder-name
{
    text-align:left;
}
div.auction-bids-list td.auction-bidder-bid
{
    text-align:right;
}

div.fair-value-input-and-btn input
{
    width:284px;
}
div.new-bid-input-and-btn a, div.latest-bid-input-and-btn a
{
    margin-left:-5px;
    height:23px;
    width:30px;
}
div.new-bid-input-and-btn a i, div.latest-bid-input-and-btn a i
{
    margin-top:4px;
}
.btn-danger,.btn-danger:hover
{
    background:url("2012.1.214/Cesar/sprite.png") repeat-x scroll 0 -752px #8F0A0A;
}
td.product-images-wrapper-cell
{
    vertical-align:top;
}
table.remaining-time-table td, table.remaining-start-time-table td
{
    padding:1; 
    width:242px;
}
td.digit-cell
{
    width:13%;
}
td.digit-cell div
{
    font-size:16px;
    font-weight:bold;
    border:solid 1px #CCCCCC;
}
td.digit-text-cell
{
    text-align:center;
    font-weight:bold;    
}
div.auction-over-latest-bid input
{
    width:280px;
}
td.product-actions-cell > div
{
    width:296px;
    margin-right:2px;
}
.accordion-inner td
{
    vertical-align:top;
}
td.vehicle-equipments-column-cell,td.vehicle-damages-column-cell
{
    width:33.3%;
}
.accordion-heading:hover,.accordion-heading.opened-accordion-heading, div.all-thumbnails-wrapper:hover
{
    background:#bbb;
    background:-moz-linear-gradient(top,#bbb 0,#fff 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#bbb),color-stop(100%,#fff));
    background:-webkit-linear-gradient(top,#bbb 0,#fff 100%);
    background:-o-linear-gradient(top,#bbb 0,#fff 100%);
    background:-ms-linear-gradient(top,#bbb 0,#fff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BBBBBB',endColorstr='#FFFFFF',GradientType=0);
    background:linear-gradient(top,#bbb 0,#fff 100%);
    *zoom:1;
}
#auction-images-carousel-modal
{
    width:818px;
    left:40%;
    top:41%;    
}
#auction-images-carousel-modal .modal-body
{
    max-height:100%;
    padding:0px;
}
#auction-images-carousel
{
    margin-bottom:0px;
}
#auction-images-carousel img
{
    width:818px;
    height:614px;
}
#toTop {
	width:80px;
    border:1px solid #ccc;
    background:#f7f7f7;
    text-align:center;
    padding:5px;
    position:fixed; /* this is the magic */
    bottom:50px; /* together with this to put the div at the bottom*/
    right:10px;
    cursor:pointer;
    display:none;
    font-family:verdana;
    font-size:10px;
    font-weight:bold;
}
.btn:visited
{
    background-color:red;
}
span.visible-picture-note
{
    font-size:10px;
    color:#fff;
    background-color:#cc0000;
    color:#fff;
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%; 
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=50);	
    background:none repeat scroll 0 0 rgba(204, 0, 0, 0.55);	
}
.f13
{
    font-size:13px;
}
.carousel-caption
{
    bottom:auto;
    top:100px;
    background:none repeat scroll 0 0 rgba(204, 0, 0, 0.25);
}
    .carousel-caption h4
    {
        color:white;
    }


