/*
*********************
Global HTML
*********************
*/

/* Reset Some Styles */
div#vibeTrib ul, div#vibeTrib ol, div#vibeTrib p, div#vibeTrib table, div#vibeTrib li, div#vibeTrib h1, div#vibeTrib h2, div#vibeTrib h3, div#vibeTrib h4, div#vibeTrib h5, div#vibeTrib fieldset, div#vibeTrib img, div#inactiveAttributes div, div#inactiveAttributes h1, div#inactiveAttributes h2, div#inactiveAttributes h3, div#inactiveAttributes h4, div#inactiveAttributes h5 { border: none; margin: 0; padding: 0; line-height:normal; /*background: none;*/ }
div#vibeTrib ul li { list-style-type: none; }

/* Setup Page */
div#vibeTrib { font-size: 1em; display:table; width: 98%; }
div#leftNav { width: 20%; }
div#tribPageRight { width: 76%; }

@media (min-width: 100px) and (max-width: 991px) {
div#tribPageRight { width: 98%; }
}
/* Declare some general settings */
div#vibeTrib a { font-weight: normal; cursor: pointer }
div#vibeTrib a, div#vibeTrib input { outline: none; }
div#vibeTrib a:active, div#vibeTrib a:link, div#vibeTrib a:visited, div#filterSearchProducts a { text-decoration: none; }
div#vibeTrib a:hover { text-decoration: underline; }
div#vibeTrib h1 { font-size: 1.1em; }
div#vibeTrib h2, div#vibeTrib h3, div#vibeTrib h4, div#vibeTrib h5 { font-size: 1em; }
div#vibeTrib select { margin-right: 10px; }
.cl { clear: both; }
hr.cl { height: 1px; color: #eee; background-color: #eee; border: none; }
  rib div#productResults ul, div#vibeTrib div#productResults ol, div#vibeTrib div#productResults p { margin-bottom: 1em; }
div#vibeTrib div#productResults ul, div#vibeTrib div#productResults ol { margin-left: 1em; }
div#vibeTrib div#productResults ul { list-style-type: disc; }
div#vibeTrib div#productResults ol { list-style-type: decimal; }

/* Common Vertical Align */
div#vibeTrib fieldset input, div#vibeTrib fieldset select, div#vibeTrib fieldset label, div#vibeTrib img, div#vibeTrib table td, div#vibeTrib table img, div#vibeTrib fieldset span { vertical-align: middle !important; }

/* Common Background */
div.tribPaging, div#vibeTrib div#leftNav h3, div#filterSearchProducts { background-color: #f3f6f9; }

/* Common Border */
div#leftNav, div.tribPaging, div#vibeTrib select, div#vibeTrib div#tribSort, div#filterSearchProducts { border: solid 1px #bbb; }
div#leftNav, div.tribPaging { -moz-border-radius: 5px; -webkit-border-radius: 4px; border-radius: 4px; }
div#vibeTrib div#leftNav h3#activeAttributesHeader, div#vibeTrib div#leftNav h3#inactiveAttributesHeader.noActive, div#vibeTrib h4#subentityHeader, div#filterSearchProducts { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
div#vibeTrib div#tribSort, div#vibeTrib div#subentityResults { -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; }

/* Common Color */
div#vibeTrib h1, div#vibeTrib h2, div#vibeTrib h3, div#vibeTrib h4, div#vibeTrib h5, div#vibeTrib p.productResultPrice, div#filterSearchProducts a#seeResults { color: #555; }
span.resultCount, span.breadcrumbSep, div#vibeTrib span.ratingNum { color: #888; }
span.resultCount span.numResults, span.subentityMark { color: #3b72b2; }
div#vibeTrib li.activeAttribute a, div#vibeTrib div#tribSort a.activeSort { color: #30537B; }

/* Common Float */
div#leftNav, div#productResults, div.productResultRow, div.productResult, div#vibeTrib ul.tribPaging li, div#vibeTrib ul.tribPaging a, div#vibeTrib ul.tribPaging .pagingCurrent, div#vibeSearchBox { float: left; }
div#tribPageRight, span.resultCount, div#vibeTrib div.productResultInfo, div#vibeTrib.list p.productResultPrice { float: right; }

/* Common Align */
div#vibeTrib div.tribFilters, div#vibeTrib div#tribSort, div#vibeTrib.grid div.productResult, div#vibeTrib.grid div.productResult h2, table#subentityGrid td,div#vibeTrib div.productAddToCart input.addToCartQty { text-align: center; }

/* Common Margin */
span.breadcrumbSep, span.pagingPipe { margin: 0 5px; }

/* Margin */
div#vibeTrib .contentBlock { display: block; clear: both; }
div#vibeTrib h1, div#vibeTrib .contentBlock, div#vibeTrib div.attributeGroup, div#vibeTrib p#clearAttributes, div.productResult { margin-bottom: 10px; }

/* Common Padding */
div.tribPaging, div#vibeTrib div#leftNav h3, table#subentityGrid td { padding: 5px; }

/* Paging */
div.tribPaging { line-height: 1em; }
div.tribPaging.onePage { text-align: right; }
div#vibeTrib li.pagingPreviousNext, div#vibeTrib li.pagingPreviousNext a:hover { cursor: pointer; text-decoration: none; }
span.pagingCurrent { margin: 0 4px; font-size: 12px; font-weight: bold; text-decoration: underline; }

div#vibeTrib span.resultCount { margin-left: 10px; line-height: 19px; }
div#vibeTrib span.resultCount.oneItem { float: none; }
div#vibeTrib span.resultCount span.numResults { font-weight: bold; }
@media (min-width: 100px) and (max-width: 475px) {
div#vibeTrib span.resultCount { float: none; }
}

div#vibeTrib ul.tribPaging { height: 21px; }
div#vibeTrib ul.tribPaging li { font-size: 11px; list-style: none; margin-right: 3px; background-color: #fff; display: block; cursor: default;}
div#vibeTrib ul.tribPaging li.pagingPage a, div#vibeTrib ul.tribPaging li.pagingPreviousNext a { border: solid 1px #abc2dc; display: block; padding: 3px 6px; text-decoration: none; }
div#vibeTrib ul.tribPaging a:hover { background-color: #f3f6f9; text-decoration:none; }
div#vibeTrib ul.tribPaging li.pagingDisabled a { color: #d0d0d0; border: solid 1px #d0d0d0; padding: 3px 6px;}
div#vibeTrib ul.tribPaging li.pagingPreviousNext a, div#vibeTrib ul.tribPaging .pagingDisabled a { font-weight: bold; }
div#vibeTrib ul.tribPaging .pagingCurrent { background: #3b72b2; color: #fff; font-weight: bold; display: block; padding: 4px 6px; }
div#vibeTrib ul.tribPaging li.pagingEllipses, div#vibeTrib ul.tribPaging li.pagingEllipses a, div#vibeTrib ul.tribPaging li.pagingEllipses a:hover { border: none; cursor: text; background: none; }
div#vibeTrib ul.tribPaging li.pagingEllipses a { padding: 8px 3px 0 3px; }

/* Dropdown Filters */
div#vibeTrib select#pagesizeControl { width: 55px; }
select.entityDrop option.parentEntity { color:#000; background: #fdfdfd; }
select.entityDrop option.childEntity { text-indent: 10px; color: #444; }
select.entityDrop option.parentEntity.disabled { color: #999; cursor: text; }

/* Grid / List Buttons */
div#vibeTrib input.listGrid { padding: 0 5px 2px 15px; margin-right: 2px; color: #767676; background-repeat: no-repeat; background-color: Transparent; border: none; background-position: left center; cursor: pointer; font-size: 11px; text-align: left; }
div#vibeTrib input#listButton { background-image: url(../gif/vibe.trib.list.gif); }
div#vibeTrib input#gridButton { background-image: url(../gif/vibe.trib.grid.gif); margin-right: 5px; }

/* Sort Options */
div#vibeTrib div#tribSort { background: url(../gif/vibe.trib.bg-fade.gif) repeat-x; border-top: none; width: 92.8%; margin-left: 1.5%; padding: 5px 1.5%; }
div#vibeTrib div#tribSort a { margin: 0 8px; }
div#vibeTrib div#tribSort a.activeSort { background: url(../gif/vibe.trib.arrow.gif) no-repeat 0 5px; padding-left: 10px; text-decoration: underline; }

/* Search Box */
div#vibeSearchBox { margin: 0 5px; }

/* Search Suggest */
div#filterSearchProducts a { padding: 4px 2px; text-decoration: none; display: block; }
div#filterSearchProducts a:hover, div#filterSearchProducts ul#filterSearchProductsList li.highlighted { background-color: #e4eaf0 !important; } /* Added imortant rule for arrowing down */
div#filterSearchProducts ul { list-style-type: none; margin: 0; padding: 0; z-index: 1000; }
div#filterSearchProducts { padding: 10px; font-size: 11px; text-align: left; width: 230px; z-index: 999; }
div#filterSearchProducts ul#filterSearchProductsList li.odd { background-color: #e9eef2; }
div#filterSearchProducts a#seeResults { font-weight: bold; text-decoration: underline; }

/* Breadcrumb */
div#vibeTrib div#vibeBreadcrumb { padding: 5px 0; }
div#vibeTrib div#vibeBreadcrumb a span.removeAttribute { margin-left: 2px;}
/* alp DA - 10064*/
div#vibeBreadcrumb a span.removeAttribute {text-transform: uppercase; font-size:1em; color:red;}
/* alp DA - 10064*/


/* Soundex Results */
p.tribSoundex a{margin-left:5px;}

/* Attributes */
div#vibeTrib p#clearAttributes a { font-size: 1em; text-decoration: underline; color: red; }
div#vibeTrib p#clearAttributes.forInline { margin: 3px 5px; }
div#vibeTrib div.ia { margin: 5px; }
div#vibeTrib div#leftNav h3 { border-bottom: solid 1px #bbb; }

div#vibeTrib div#leftNav h3#inactiveAttributesHeader { border-top: solid 1px #bbb; }
div#vibeTrib div#leftNav h3#inactiveAttributesHeader.noActive { border-top: none; }
div#vibeTrib div#leftNav h3#activeAttributesHeader { }
div#vibeTrib div#inactiveAttributes ul, div#vibeTrib div#attributeAvailability select { margin-top: 5px; }
div#vibeTrib span.productCount { margin-left: 3px; }
div#vibeTrib a span.removeAttribute { color: #666; font-size: 10px; position: relative; top: -1px; }
/* alp DA - 10064 */
div#vibeTrib a span.removeAttribute span { color: red; font-size:16px;}
/* alp DA - 10064 */
div#vibeTrib li.activeAttribute a span.removeAttribute { margin-right: 2px; }

div#vibeTrib div#activeAttributes h4 { font-size: 11px; margin-bottom: 0; }
div#vibeTrib span.showMore, div#vibeTrib span.showLess { color: #8f8f8f; background-repeat: no-repeat; background-position: 0 4px; padding-left: 10px; }
div#vibeTrib span.showMore { background-image: url(../gif/vibe.trib.expand.gif); }
div#vibeTrib span.showLess { background-image: url(../gif/vibe.trib.collapse.gif); }

div#vibeTrib div#attributeRating a:hover { text-decoration: none; }
div#vibeTrib div#attributeRating img { vertical-align: bottom !important; }

.inactiveAttribute { display: none; }

div#vibeTrib div.attributeGroup li.parentAttribute { color: #666; }
div#vibeTrib div.attributeGroup li.childAttribute a { margin-left: 10px; }

/* Product Results */
div.productResult { padding: 0 5px 5px 5px; }
div#vibeTrib p.productResultPrice { font-size: 12px; font-weight: bold; }
div#vibeTrib span.productInStock { color: #5f995c; }
div#vibeTrib span.productOutStock { color: #a95353; }
div#vibeTrib span.ratingNum { font-size: 11px; }
div#vibeTrib div.productAddToCart input.addToCartQty {width:18px;}
div#vibeTrib div#productResults { width:100%; }
.product-image-wrap img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

/* Grid */
div#vibeTrib .grid div.productResult { margin-right: 10px; width:160px; height:370px; }
div.productResultRow { width: 100%; }
p.miscInfo.productSKU,span.miscInfo.productMPN {
    font-size: 13px;
    margin:0px !important;
}
.productResultPrice {
    margin: 0 !important;
    padding: 0px !important;
}
#tribPageRight span.product_value_msrp_center {
    font-size: 13px;
    color: #aaa;
    text-decoration: line-through;
    white-space: nowrap;
    text-align:left;
}
#tribPageRight .product_value_price_center {
    font-weight: bold;
    text-align:left;
}
@media (min-width: 100px) and (max-width: 475px) {
div#vibeTrib .grid div.productResult { max-width: 45%; }
}


/* List */
div#vibeTrib .list div#productResults { margin-top: 5px; }
div#vibeTrib .list div.productResult { border-bottom: solid 1px #bbb; padding-bottom: 10px; width: 100%; }
div#vibeTrib .list div.productResult.lastItem { border-bottom: none; }
div#vibeTrib .list div.productResultInfo { width: 98.5%; }
div#vibeTrib .list p.productResultPrice { margin-left: 10px; text-align: right; }

/* Subentities */
div#vibeTrib div#subentityResults { padding: 10px; background-color: #fbfbfb; border: solid 1px #efefef; border-top: none; }
div#vibeTrib h4#subentityHeader { background-color: #f8f8f8; border: solid 1px #efefef; padding: 5px 10px; }
table#subentityGrid { width: 100%; }
span.subentityName { font-size: 11px; font-weight: bold; }

/* Prevent additional clicks while processing */
div#hiddenDiv { filter: Alpha(opacity=0); opacity: 0; background-color: #f00; display: none; width: 20%; height: 100%; position: absolute; z-index: 1001; }
div#hiddenDiv span { position: relative; color: #000; }

/* Sample style for StayPut Attribute */
.stayPut a { background-color: #7EB6E1; border: solid 1px #467EC4; color:#fff;}

/**Product page MPN*/
span.miscInfo.productMPN {
    white-space: nowrap;
    margin-bottom: 0px;
}

/**Color filters*/
.colorbox{
    border-radius: 10px;
    display: inline-block;
    height: 18px;
    width: 17px;
    margin: 0 5px 0 0;
}
.color-filter{
    margin-left:10px !important;
}