/* ------------------------
 Product Search page
--------------------------*/

/* Set the category dropdown to use the same highlight color as the button color on the site) */
.select2-container--default .select2-results__option--highlighted[aria-selected]
{
	background:#1c5f96;
	color:#ffffff;
}

/* ------------------------
 Product Detail
--------------------------*/

/* buttons below product details image */
.btn-white {
	background:#fff;
	color:#000;
	border:1px solid #fff;
}

.btn-white:hover,.btn-white:focus, .btn-white:visited {
	background:#efefef;	
	color:#000;
}


a.accordion-toggle {
  display: block;
  padding: 10px  15px;
}


#price-grid {
	color: inherit; /* text color in price/qty table */	
}

#price-qty-row {
	background:#efefef;	/* backgroud color of qty price grid  */
}

.product-accordian .panel-heading {
	padding:0px;
}


#product-detail {
	text-align:center;
	margin-bottom:20px;	
}

ul#product-controls li a {	
	font-size:12px;
	color:#666;
}

#product-img img {
	margin:0 auto;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

#thumb-gallery {
	margin-top:20px;	
}

#thumb-gallery img{
	width:100px;
}

.detail-title
{
  font-size: 16px;
  font-weight: 600;
}


#product-detail-controls {
	margin-top:10px;
	text-align:left;
}


.form-search .combobox-container,
.form-inline .combobox-container {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: top;
}
.form-search .combobox-container .input-group-addon,
.form-inline .combobox-container .input-group-addon {
  width: auto;
}
.combobox-selected .caret {
  display: none;
}
/* :not doesn't work in IE8 */
.combobox-container:not(.combobox-selected) .glyphicon-remove {
  display: none;
}
.typeahead-long {
  max-height: 300px;
  overflow-y: auto;
}
.control-group.error .combobox-container .add-on {
  color: #B94A48;
  border-color: #B94A48;
}
.control-group.error .combobox-container .caret {
  border-top-color: #B94A48;
}
.control-group.warning .combobox-container .add-on {
  color: #C09853;
  border-color: #C09853;
}
.control-group.warning .combobox-container .caret {
  border-top-color: #C09853;
}
.control-group.success .combobox-container .add-on {
  color: #468847;
  border-color: #468847;
}
.control-group.success .combobox-container .caret {
  border-top-color: #468847;
}

@media only screen and (max-width : 695px) {
.hidden-vds-mobile {
	display:none;
}
}




.alert-compliance {
	border:1px solid #A3A3A3;
	padding:10px;
	margin:10px 0px 10px 0px;
}

.alert-compliance p {
	margin:0px;
}

.alert-compliance .msg {
	margin-top: 0px;
  margin-left: 23px;
}



.warning-icon {
  background: url("/distsite/styles/6/common/images/warning.png") no-repeat;
  width: 16px;
  height:16px;
	margin-top:3px;
  float: left;
  position: relative;
  top: 0px;
}




/* ------------------------
 Product List
--------------------------*/

/* Controls - filters */


.btn-control {
	background:none;
	-webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
	color:#000;

}

.btn-control.grid {
	margin-left:10px;

}

.btn-control:hover {
	color: #868686;
	background: none;

}

.pr-list-filters .control-label {
	font-size:12px;
}


#list-controls .btn {
	padding:5px;  
}

.filter-qty {
	color:#BCBCBC;	
}


.pr-showing {
	text-align:right;
	font-size:12px;	
}

ul.pagination {
	margin:0px;	
	float:right;
}

ul.pagination li a {
	color:#000;	
}

ul.pagination li a:hover {
	color:#000;
	background:#eee;	
}

ul.pagination li.active a {
	color:#000;	
	background:#DDDDDD;
	border:1px solid #DDD;
}

ul.pagination li.active a:hover, ul.pagination li.active a:focus, ul.pagination li.active a:visited {
	color:#000;
	background:#eee;
	border:1px solid #DDD;	
}

ul.per-page {
	margin:0px;
	padding:0px;	
}

ul.per-page li {
	display:inline-block;
	border-left:1px solid #efefef;
}

ul.per-page li:first-child {
	border-left:none;
}

ul.per-page li a {
		padding:0px 5px 0px 5px;
		font-size:12px;	
		color:#999;
}

ul.per-page li a:hover {
		padding:0px 5px 0px 5px;
		font-size:12px;	
		color:#000;
}

ul.per-page li.active a {
		color:#000;
}

.pr-list-grid { 
//	border:1px solid #E8E8E8; /* change product border color */
	background:#fff;
	padding:10px;
	text-align:center;
//	margin-bottom:20px;
}

.pr-list-grid:hover {
	cursor: pointer;
//	color:#149FEC;
//	box-shadow: 2px 2px #CFCFCF;
//    -moz-transition: all .2s ease-in;
//    -webkit-transition: all .2s ease-in;
//    -o-transition: all .2s ease-in;
//    transition: all .2s ease-in;
}

.pr-list-grid img {
	margin:0 auto;	
}

.pr-number {
	font-size:12px;
	font-weight:300;
	line-height:16px;
	color:#464646;
	margin-top:5px;	
}

.pr-name {
	font-size:12px;
	font-weight:700;
	line-height:16px;
//	color:#464646;
	margin-top:5px;
}

.pr-price {
	font-size:12px;
	color:#464646;
}

/* New Product Grid Layout */

.thumbnail-list {
  list-style:none;
  margin:0;
  padding:0;
  font-size:0;
}

.thumbnail-list li a {
//	color:#000;	
}

.thumbnail-list li
{
  display:inline-block;
  vertical-align:top;
  width:25%;
  padding:2%;
  
}

/* Medium Devices, Desktops (change max-width to 992 once get rid of frames) */
@media only screen and (max-width : 692px) {
	.thumbnail-list li { width: 33.3333%;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.thumbnail-list li { width:50%; }
}

	

/* -- Added css for new look --  */ 
.pr-list-item { 
	border:1px solid #E8E8E8; /* change product border color */
	padding:10px;
	margin-bottom:20px;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.pr-list-item:hover {
	cursor: pointer;
	box-shadow: 1px 3px #B1B1B1;
	/* Firefox */
    -moz-transition: all .2s ease-in;
    /* WebKit */
    -webkit-transition: all .2s ease-in;
    /* Opera */
    -o-transition: all .2s ease-in;
    /* Standard */
    transition: all .2s ease-in;
}

/* -- End Added css for new look --  */ 

.pr-list-item p.pr-name{
	font-size:14px;
	font-weight:600;
	line-height:16px;
	display:block;
	padding-bottom:10px;
	color:#464646;
}

.pr-list-item .pr-description{
	font-size:12px;
	font-weight:300;
	line-height:18px;
	color:#464646;
}


.pr-list-item .pr-number {
	font-size:12px;
	font-weight:600;
}

@media only screen and (max-width : 768px) {
	ul.pagination {
	float:none;
	}
	
	.pr-showing {
	text-align:left;
	font-size:12px;	
	float:left;
	padding-top:5px;
	}
	
    }


@media only screen and (max-width : 480px) {
	ul.pagination {
	margin:10px auto 10px auto;
	float:none;
	}
	
	.pr-list-item .pr-description, .pr-list-item .pr-number {
		display:none;	
	}
	
	.pr-list-item a.pr-name {
		font-size:12px;
	}
	
	.pr-list-item .col-xs-5 {
		padding:0px;	
	}
	
}