@charset "utf-8";
/* CSS Document */
body,html,.row-offcanvas {
    font-family: 'Open Sans', sans-serif;
    height:100%;
    background-color: #79ADDC;
}
.imageClip{
    width: auto;
    height: 100px;
    overflow:hidden;
}
.truncate-ellipsis {
    display: table;
    table-layout: fixed;
    width: 100%;
    height:100%;
    white-space: nowrap;
}
 
.truncate-ellipsis > * {
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
}
.white-bg{
    background-color: #FFF;
}
a.tl-rss-icon{
  color:white;
  text-decoration: none;
}
a.tl-rss-icon:visited{
  color:white;
  text-decoration: none;
}
a.tl-facebook-icon{
  color:#506BA4;
  text-decoration: none;
}
a.tl-facebook-icon:visited{
  color:#506BA4;
  text-decoration: none;
}
a.tl-twitter-icon{
  color:#98CBCC;
  text-decoration: none;
}
a.tl-twitter-icon:visited{
  color:#98CBCC;
  text-decoration: none;
}
a.tl-linkedin-icon{
  color:#177BA7;
  text-decoration: none;
}
a.tl-linkedin-icon:visited{
  color:#177BA7;
  text-decoration: none;
}
a.tl-googleplus-icon{
  color:#D84B37;
  text-decoration: none;
}
a.tl-googleplus-icon:visited{
  color:#D84B37;
  text-decoration: none;
}
h4.tl-product-title a{
  color:#001746;
  text-decoration: none;
}
.tl-product-title{
  color:#001746;
}
.tl-current-price{
  font-size: 19px;
  font-weight: bolder;
}
.tl-current-time{
  font-size: 14px;
  font-weight: bolder;
}
.tl-watch-btn{
  background: none;
  color:#FFF;
}
.tl-watch-btn:hover{
  background: #FFF;
  color:#000;
}
.tl-top-margin{
  margin-top: 5px;
}
.well{
  background: none;
  background-color: #FFF;
}

.tl-filter-search{
  padding: 5px;
  border:solid 1px #000;
  border-radius: 4px;
}

.btn-primary{
  border:solid 1px #79ADDC;
  background-color: #79ADDC;
}
.tl-nav{
	border: solid 1px #003B64;

}
.auction-container{
    border-bottom: solid 1px #CCC;
    margin-bottom: 10px;
    height:250px;
    overflow:hidden;    
}
.tl-auction-header{
  background-color: #f5f5f5;
  border:solid 1px #ddd;
  border-radius: 4px;
  margin-bottom: 5px;
  margin-top:5px;
}
.tl-auction-header h3{
  margin: 5px;
}

.social-media-icon{
    color:#FFF;   
    text-decoration: none;
}
.social-media-icon:visited{
    color:#FFF;
    text-decoration: none;
}

.panel-default > .panel-heading-custom{
  cursor: pointer;
 
}
.panel-default > .panel-heading-biddetail{
  cursor: text;
  background-image: none;
  background-color: #001746;
  color: #FFF; 
}
.panel-body > .panel-body-custom{
  background-image: none;
  background-color:##f5f5f5
}
.panel-heading{
  cursor: pointer;
}

.tl-browse-auctions{
	color:#fff;
	font-size:14px;
	font-weight: bold;
	background-color: #2D8CC9;
	background: url('../img/bottom_bg_1x1.png');
	border: solid 1px #dbdbdb;
	padding:5px;
}
.tl-index-content{
	border: solid 1px #dbdbdb;	
	background: #fff url('../img/nav_header_bg.jpg') repeat-y top right;
	margin-bottom: 10px;
}
.tl-item-box{	
	border-bottom: solid 1px #dbdbdb;
	margin-bottom: 10px;
}
.footer{
  margin-top: 10px;
	color:#fff;
	border-top: solid 20px #001746;  
	background-color: #79ADDC;	
}
.tl-footer-text {
	color:#003b64;
}
.tl-footer-text{
	color:#003b64;
}
.tl-footer-text a{
	color:#003b64;
}
.tl-footer-text a:visited{
	color:#003b64;
}
.tl-footer-link-text{
	padding-top: 20px;
}
.tl-footer-link-text a{	
	color:#fff;	
}
.tl-foot-link-text ul{
	list-style-type: disc;
}
li.tl-footer-link-text:visited{
	color:#fff;
}
.tl-index-description{
	font-size: 12px;
	color:#5c5c5c;
	border: solid 1px #dbdbdb;
	background-image: url('../img/auction-frame-bottom-bg.png');
	background-repeat: repeat-x;
	background-color: #D5D5D5;
	margin-bottom: 10px;
}
.tl-index-description h3{
	font-size: 12px;
  font-weight: bold;
}

.tl-index-description li{
	font-size: 12px;
}
.tl-browse-bar{
    cursor: pointer;
}

.tl-leftnav{  
  /*margin-right: 10px;*/
}

.tl-leftnav-mainitem{
  list-style-type: none; 
  line-height: 30px;  
  background-color: none;

}
.tl-leftnav-mainitem li{
  font-weight: bold;
}
.tl-leftnav-subitem{
  list-style-type: none;
  padding-left: 15px;
  line-height: 25px; 
  font-size: 14px;
}
.tl-leftnav-subitem li{
  font-weight: normal;
}

.tl-leftnav-header{  
  background-color: #79ADDC;
  color: #fff;
  font-weight: bold;  
  padding: 2px;
  border-bottom: solid 1px ;  
  border-radius: 4px;
}
.tl-manifest-table{
  width: 98%;
  margin-left:10px;
  font-size:11px;
}
.navbar-default {
  background-color:#003b64;
  background-image: none;
  background-repeat: no-repeat;
}
.navbar-default .navbar-nav>li>a {
    color: #FFFFFF;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li:focus {
    background-color: #79ADDC;
    color: #008fd5;
}

.navbar-nav>li .active {
    background-color: #79ADDC;
    color: #FFFFFF;
}




.stepwizard-step p {
    margin-top: 10px;    
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;     
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
    
}

.stepwizard-step {    
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}






@media only screen and (max-width:1024px){
    .logo {
        padding-top:10px;
        padding-left:10px;
        
    }
}


.navbar-default .navbar-nav>li>a:visited {
    color: #FFFFFF;
    background-color: #79ADDC;
}
    
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #79ADDC;
    color: #FFFFFF;
}            

.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
            
.col-search {
    background-color:#e2e2e2;    
}
.search-box {
    padding-top:10px;
    padding-bottom:10px;
}

@media only screen and (max-width:1024px){
  .logo {
      padding-top:10px;
      padding-left:10px;
      
  }  
  
}   
.tl-search-bar{
  background-color: #D8DBE2;
  padding:5px;
} 
            
#navHeader {
     margin-bottom: 0px; 
     background-color: #001746;
}

/*
* off Canvas sidebar
* --------------------------------------------------
*/
#sidebar {
  width: inherit;
  min-width: 230px;
  max-width: 230px;  
  float: left;
  height:100%;
  position:relative;
  overflow-y:auto;
  overflow-x:hidden;
  background-color:#f5f5f5;
  border-radius: 4px;
  border:solid 1px #dbdbdb;
  margin-top: 5px;
}
#main {
  height:100%;
  margin-left: 10px;
  overflow:auto;
}

@media screen and (max-width: 768px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    width:calc(100% + 250px);
  }
    
  .row-offcanvas-left
  {
    left: -230px;
  }

  .row-offcanvas-left.active {
    left: 0;
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
  }

 @media (min-width:961px){
    #manifest table>thead>tr>th, table>thead>tr>td, table>tbody>tr>td{      
          border: 1px solid #ddd;
    }
  }
  
  @media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
  #manifest table, 
  #manifest thead, 
  #manifest tbody, 
  #manifest th, 
  #manifest td, 
  #manifest tr { 
    display: block; 
  }
 
  /* Hide table headers (but not display: none;, for accessibility) */
  #manifest thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;    
  }
 
  #manifest tr { border: 1px solid #ccc; }
 
  #manifest td { 
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    padding-left: 50%; 
    white-space: normal;
    text-align:left;
  }
 
  #manifest td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
    text-align:left;
    font-weight: bold;
  }
 
  /*
  Label the data
  */
  #manifest td:before { content: attr(data-title); }
}


.carousel-inner img {
  margin: auto;
}
.carousel-control.left, .carousel-control.right {
    background: none !important; 
    filter: progid:none !important; 
}
#carousel-custom {
    margin: 20px auto;
    width: 100%;
}
#carousel-custom .carousel-indicators {
    margin: 10px 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
#carousel-custom .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
}
#carousel-custom .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}
#carousel-custom .carousel-indicators li.active img {
    opacity: 1;
}
#carousel-custom .carousel-indicators li:hover img {
    opacity: 0.75;
}
#carousel-custom .carousel-outer {
    position: relative;
    min-height: 150px;
}