/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
}
h1{
	font-size:24px;
}
h2{
	font-size:20px;margin:10px 0;
}
h3{
	font-size:15px;
}

h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {
    font-size: 90%;
}

h2 div.small{
	margin-top:10px;
}

dd ul {
	margin-bottom:0;
}
dd h2{
	margin:10px 0 0;
}

dl {
	margin-bottom:1em;
}

.dl-horizontal dt{
	text-align:left; font-weight:normal; padding:3px 0 3px 5px; color:#555;
}
.dl-horizontal dd{
	text-align:left; padding:2px 0 3px 0px; color:#000;
}

.dl-horizontal dd.last{
	border-bottom:1px dashed #d0d0d0;
}

.dl-short dt{
	width:80px;
}
.dl-short dd{
margin-left:80px;
}


.thumbnail {
	height:230px;
	border:none;
	background:none;
}

.thumbnail .img{
	height:145px;
	overflow:hidden;
}

.thumbnail>img, .thumbnail a>img{
	height:100%;
	max-width:none;
}

.thumbnail .caption h2{
	font-size:16px;
	margin-top:5px;
}

.img-thumbnail{
	border:none;
	background:none;
}
	

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }

	.dl-horizontal dt{
		text-align:left; background:none; font-weight:bold;
	}
	.dl-horizontal dd{
		text-align:left; border-top:1px dashed #d0d0d0; margin-left:0;
	}

}

/* EKKO Lightbox */
/* custom styling of the directional arrows */
.ekko-lightbox-container {
	position:relative;
}
.ekko-lightbox-nav-overlay {
	z-index:100;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.ekko-lightbox-nav-overlay a {
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	color:#fff;
	font-size:30px;
	height: 100%;
	width:49%;
	display:block;
	padding-top:45%;
	text-shadow: 2px 2px 4px #000;
	filter: dropshadow(color=#000, offx=2, offy=2);
	z-index:100;
}
.ekko-lightbox-nav-overlay a:empty {
	width:49%; /* removes glyphicons :empty { width:1em } */
}
.ekko-lightbox a:hover {
	opacity: 1;
	text-decoration: none;
}
.ekko-lightbox .glyphicon-chevron-left {
	padding-left:15px;
	float:left;
	left:0;
	text-align: left;
}
.ekko-lightbox .glyphicon-chevron-right {
	padding-right:15px;
	float:right;
	right:0;
	text-align: right;
}

	/* use this to get your footer text left aligned - bootstraps modal default aligns them right */
.ekko-lightbox .modal-footer {
	text-align: left;
}

/* DROP DOWN INPUT */
.dropdown-menu label{
	margin:0;
	font-weight:normal;
	color:#e1ebe9;
	padding-left:3px;
}

/*label as button fix*/
label.btn{font-size:14px;padding:5px 12px !important;}

/* breadcrumb destyle */
.breadcrumb>li+li:before{
content:'';
}

.dropdown-menu{
	background-color:#ebebeb;
}

.dropdown-menu li{
	padding:0 10px;
}

.dropdown-menu li a{
	display:inline;
	padding:0 0 0 10px;
	color:#000;
}

.dropdown-menu li a:hover{
	color:#040384;
	background:none;
	text-decoration:underline;
}

.dropdown-menu li.checked a{
	font-weight:bold;
}

.inline{
	display:inline !important;
}

.breadcrumb{
	background:none;
	margin-bottom:0;
}

.breadcrumb .active{
	font-weight:bold;
	color:#555;
}

.breadcrumb a{
	color:#555;
}


a.list-group-item.active{
	background:none;
	border:none;
	font-weight:bold;
	color:#040384;
}

a.list-group-item{
	border:none;
	background:none;
}

a.list-group-item:hover{
	border:none;
	background:none;
	color:#040384;
}

a.list-group-item.active:hover{
	border:none;
	background:none;
	color:#040384;

}

.whiteb{
	background:white;
}

.panel {
	border:none;
	background:none;
	box-shadow:none;	
	webkit-box-shadow:none;
	margin:0;
}

.panel ul{
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}	

.panel-body {
	background:none;
}

.panel-heading{
	padding-left:0;
}

.product-name{
	min-height:80px;
}

.fixedbutton{
	position:fixed;
	bottom:0;
	padding:5px;
	background:#f7f7f7;
	width:100%;
}

.navbar-header{
	float:none;
}

#login{
	float:right;
	padding-top:20px;
}


#search{
	float:right;
	padding-top:20px;
}

.clear{
	clear:both;line-height:0px;height:0px;
}

.bold{
	font-weight:bold;
}

#compare{
	min-height:120px;
}

dl .glyphicon{color:gray;}