/*
*********************
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;padding: 0 0 0 10px; margin-bottom: 4px }
/* Setup Page */
div#vibeTrib { font-size: 11px; }
div#leftNav { width: 20%; }
div#tribPageRight { /*width: 76%;*/ }
/* Declare some general settings */
div#vibeTrib a { font-weight: normal; }
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: 14px; }
div#vibeTrib h2, div#vibeTrib h3, div#vibeTrib h4, div#vibeTrib h5 { font-size: 12px; }
div#vibeTrib select { margin-right: 10px; }
.cl { clear: both; }
hr.cl { height: 1px; color: #eee; background-color: #eee; border: none; }
div#vibeTrib 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.tribPaging, div#vibeTrib select, div#vibeTrib div#tribSort, div#filterSearchProducts { border: solid 1px #bbb; } /*div#leftNav,*/
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; }
div#vibeTrib ul.tribPaging a, div#vibeTrib a, span.resultCount span.numResults, span.subentityMark { color: #555555;}
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; }
.tribFilters .contentBlock{text-align:left !important}
/* 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;}
div#vibeTrib .contentBlock{overflow: hidden; width: 96%}
/* Common Padding */
div.tribPaging, div#vibeTrib , table#subentityGrid td { padding: 5px; } /*div#leftNav h3*/
/* 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.pagingPage { margin: 0 3px; }
span.pagingCurrent { margin: 0 4px; font-size: 12px; font-weight: bold; text-decoration: underline; }
div#vibeTrib span.resultCount { margin-left: 10px; line-height: 19px;position: relative;height: 24px;padding-right: 5%; float: left}
div#vibeTrib span.resultCount.oneItem { float: none; }
div#vibeTrib span.resultCount span.numResults { font-weight: bold; }
div#vibeTrib ul.tribPaging { height: 21px; width: 100%; overflow: hidden;margin-bottom: 5px; padding-bottom: 1px; }
div#vibeTrib ul.tribPaging li { font-size: 11px; list-style: none; margin-right: 3px;float: left;display: table-cell;padding: 0 3px; }
div#vibeTrib ul.tribPaging li, div#vibeTrib ul.tribPaging a { background-color: #fff; }
div#vibeTrib ul.tribPaging li.pagingDisabled { border: solid 1px #d0d0d0; color: #d0d0d0; display: block; margin-right: 2px; padding: 3px 4px; cursor: default; }
div#vibeTrib ul.tribPaging li.pagingPreviousNext a, div#vibeTrib ul.tribPaging .pagingDisabled { font-weight: bold; }
div#vibeTrib ul.tribPaging .pagingCurrent { background: #3b72b2; color: #fff; font-weight: bold; display: block; padding: 4px 6px; }
div#vibeTrib ul.tribPaging a { border: solid 1px #abc2dc; display: block; padding: 3px 6px; text-decoration: none; }
div#vibeTrib ul.tribPaging a:hover { border: solid 1px #3b72b2; background-color: #f3f6f9; }
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: 40px; }
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 { width: 35px; height: 15px; 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(../../images/vibe/vibe.trib.list.gif); }
div#vibeTrib input#gridButton { background-image: url(../../images/vibe/vibe.trib.grid.gif); margin-right: 5px; }
/* Sort Options */
div#vibeTrib div#tribSort { background: url(../../images/vibe/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(../../images/vibe/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;background-color: #fff }
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; }
/* Soundex Results */
p.tribSoundex a{margin-left:5px;}
/* Attributes */
div#vibeTrib p#clearAttributes a { font-size: 9px; text-decoration: underline; color: #666; }
div#vibeTrib p#clearAttributes.forInline { margin: 3px 5px; }
div#vibeTrib div.ia { margin: 5px; width:155px }
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; }
.vt_navheading{list-style-type:none;background-color:#DEDEDE;background-image:url(images/layout/nav/topmenu.png) !important;background-position:-10px -9px!important;background-repeat:no-repeat!important;padding-top:4px!important;padding-bottom:8px!important;text-align:center!important;width:156px!important;font-weight:bold!important;color:white!important;margin-left:0!important;}
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; }
div#vibeTrib a span.removeAttribute span { color: #b60909; }
div#vibeTrib li.activeAttribute a span.removeAttribute { margin-right: 2px; }
div#vibeTrib div#activeAttributes h4 { font-size: 11px; margin-bottom: 0; }
div#vibeTrib a.showMore, div#vibeTrib a.showLess { color: #8f8f8f; background-repeat: no-repeat; background-position: 0 4px; padding-left: 10px; }
div#vibeTrib a.showMore { background-image: url(../../images/vibe/vibe.trib.expand.gif); }
div#vibeTrib a.showLess { background-image: url(../../images/vibe/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%; }
.addToCartButton{font-size:11px;font-weight:bold;color:#000;border:0px none;cursor:hand;cursor:pointer;padding:1px 0px 1px 1px;width:111px;height: 24px;margin:2px;background: url(images/addtocart.jpg);text-indent: -99999px;font-size: 0px;line-height: 0px;}
/* Grid */
div#vibeTrib.grid div.productResult { margin-right: 10px; }
div.productResultRow { width: 100%; }
div#vibeTrib.grid div.productResult.lastItem { margin-right: 0; }
div#vibeTrib.grid2 div.productResult { width: 328px; }
div#vibeTrib.grid3 div.productResult {float: left;
margin: 0 1.5% 10px 0;
position: relative;
width: 31.629%;
text-align: center;
min-height: 230px;
max-height: 270px;
vertical-align: top;
padding: 0;
}
div#vibeTrib.grid4 div.productResult { width: 154px; }
div#vibeTrib.grid5 div.productResult { width: 119px; }
/* List */
div#vibeTrib.list div#productResults { margin-top: 5px; }
div#vibeTrib.list div.productResult { border-bottom: solid 1px #bbb; padding-bottom: 10px; width: 98%; }
div#vibeTrib.list div.productResult.lastItem { border-bottom: none; }
div#vibeTrib.list div.productResultInfo { width: 71%; }
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;}
@media only screen and (max-width:767px) {
.vt_leftnav{ display: none !important}
}