﻿.CategorySelectorPanel
{
    width:220px;
    max-width:220px;
    overflow:auto;
    font-size:.9em;
}

.CategorySelectorPanel fieldset legend
{
    padding : 0 6px 0 2px; 
}

.CategorySelectorPanel fieldset
{
    
    border:Solid 1px gray;
    font-size: 1em;
    padding: 0 4px;
    max-width: 200px;
    overflow-x:auto;
}

.FilterPanelMainTitle
{
    font-weight:bold;
}



#CategorySelector
{
    margin-left:10px;
}

#CategorySelector ul
{
    list-style: none;
    padding: 0;
    font-size:.9em;
}

#CategorySelector ul ul
{
    list-style: none;
    padding: 0 0 0 1em;
}

#CategorySelector ul li
{
    text-align:left;
}

#CategorySelector .selected
{
    font-weight: bold;
    text-decoration: underline;
}


.CategoryTreeSelectedNode
{
    font-weight: bold;
    text-decoration: underline;
}

.CategoryTreeNode
{
}

.CategoryLeafNode
{
}






.ProductList
{
	padding: 0px 0px 20px 10px;
	width:100%;
/*	width:740px;*/
}

.ProductListLayoutControls
{
    padding-bottom:4px;
    /*padding: 0 5px 4px 5px;*/
}

.CatalogHeader
{
	color:Navy;
	font-size:1.2em;
	font-style:italic;	
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
}

span.ProductDescription ul
{
	padding-left:25px;
	list-style-type:disc;
}
	


.SmallProductPrice
{
	font-size:.9em ;
	font-weight:bold;
}

.XSmallProductPrice
{
	font-size:.8em ;
}

.WideProductView
{
	padding-top:10px;
}




#ProductImage
{
	width:210px;
	float:left;
}
#ProductDetails
{
/*	width:530px;*/
	float:left;
	padding-left:10px;
}
#ProductPricing
{
	margin-top:1.5em;
/*	width:210px;*/
	float:left;
	padding-left:10px;
}


.MainProductTitle 
{
	font-size: 1.1em;
	font-weight: bold;
	margin: 10px 1px 0 0;
}

.ProductTitle 
{
	font-size: 1em;
	font-weight: bold;
	margin: 10px 1px 0 0;
}

.ProductDescription 
{
	font-size:.9em;
	margin: 10px 1px 0 0;
}


.ProductPrice
{
	color:Green;
	text-decoration:none!important;
}

.FinalPrice
{
	font-weight:bold;
	font-size:1em;
}

.ListPrice
{
	font-size:.9em;
}

.DiscountPrice
{
	font-size:.9em;
	color:Green;
}

.SavingsPrice
{
	font-size:.9em;
	color:Orange;
}

.LeasePrice
{
	font-size:.9em;
	color:Green;
}

.LeaseLink
{
	font-size:.8em;
	color:Blue;
}

.LeasePricing
{
	font-size:.9em;
	color:Blue;
}


.ProductImageViewer
{
}

.PIV_DivImage
{
    display:block;
    min-height:200px;
    margin:auto;
}

.PIV_NoImage {
    color:silver;
}

.PIV_Thumbnail {
    position:relative;
}

.PIV_LightBoxImage {
    display:none; 
    height:100%;
}

.PIV_ImageTitle{
    font-weight:bold;
}


.PIV_SpanImageWarning {
    margin-bottom: 4px;
}

.PIV_SubImages {
    margin:auto; 
    text-align:left;
}


.PIV_SubImages .row {
    width:100%; 
    margin:0px;
}

.PIV_SubImages .row div {
    overflow-x:auto;
}

.PIV_SubImages .row div table {
    margin: 0 auto;
}

.PIV_SubImages .row div table td {
    min-width:40px; 
    vertical-align:middle;
}


.PIV_SubImages .row div table td a .img-responsive{
    margin-left:auto; 
    margin-right:auto; 
    padding-left:4px; 
    padding-right:4px;
}


.PIV_Video {
    display:block; 
    text-align:center; 
    width:100%;
}

.ProductImageViewerThumbnail {
    width: 50px;
}


.SmallProductView
{
	margin: 0px 0px 10px 10px;
	width:320px;
	height:180px;
}
.TinyProductView
{
    display:block;
    position:relative;	margin: 0px 0px 5px 5px;
	width:138px;
	font-size:.9em;
}

.SmallProductName
{
	font-weight:bold;
	font-size:.9em;
}

.TinyProductName
{
	font-weight:bold;
	font-size:.8em;
}
.TinyProductNumber
{
	font-size:.8em;
	font-weight:bold;
}
.TinyProductTitle
{
    display: inline-block;
	font-size:.8em;
}
.SmallProductDescription
{
	font-size:.8em;
}
.SmallProductDescription
{
	font-size:.8em;
}


.PriceSubTotal
{
	font-weight:bold;
}

.PriceTotal
{
	font-weight:bold;
	font-size:1.2em;
}

.AlternatePriceTotal {
    font-weight: normal;
    font-size: 1.2em;
}

.PromoList
{
	padding: 0px 20px 20px 10px;
	width:740px;
}


.PromoItem
{
	width:138px;
	padding:0px 5px;
}


.ProductTallPanel
{
	height:400px;
	overflow:hidden;
}






.PromoImage
{
	padding: 15px;
	height:100px;
	width:100px;
}

.CatalogPromoImage
{
	padding: 15px;
	height:80px;
	width:80px;
}


.PromoText
{
	padding: 15px 0;
}


div#CatalogSplash ul
{
	padding-left:20px;
}



.ChoiceTitle
{
	font-weight:bold;
	color:navy;
	font-size:.9em;
}


.ChoiceDescription
{
	font-size:.7em;
}


.VirtualChoiceOption
{
	font-size:.8em;
}


.PBHeading
{
    font-family:Verdana;
    font-size:10pt;
    color:#000000;
    font-weight:normal;
    background-color:#F0FFFF;
    text-align:justify;
    border-style:solid;
    border-color:#c0c0c0;
    border-width:1pt;       
    padding:5pt;   
}


div#ReadMore
{
    padding-bottom:2px;
}


.ReadMoreButton
{
    font-size:12px;
    font-weight:bold;
	padding: 2px 5px;
    border-radius:4px;
    background-color: #DDDDDD;
}
.ReadMoreButton:hover
{
    background-color: #CCCCCC;
    text-decoration:none;
}


.CatalogDetailsView
{
    margin-top:20px;
}



.CategoryListItem
{
    padding: 0 10px 0 0;
    min-height: 60px;
    vertical-align:text-top;
}

.CategoryListImage img
{
    max-width:600px;
    max-height:300px;
}
.CategoryListText
{
}



.TinyProductViewImage
{
    height:100px;
    width:100px;
    display:table-cell;
    vertical-align:middle;
}

.ImageZoom
{
    position:absolute; 
    left:100px; 
    top:88px;
}


.TinyProductViewImage .ImageZoom
{
    position:relative; 
    left:-24px; 
    top: -24px; 
    width:24px; 
    height:24px; 
    background-color:Ivory;
}

.TeaserImage
{
    width:100px;
    height:100px;
}

.panel-teaser .ImageZoom
{
    position:absolute; 
    left:76px; 
    top: 76px; 
    width:36px; 
    height:36px; 
    background-color:Ivory;
    opacity:0.7;
    filter: alpha(opacity=70);
}



.ImageZoomBlock
{
    position:absolute; 
    width:36px; 
    height:36px; 
    background-color:Ivory;
    opacity:0.7;
    filter: alpha(opacity=70);
}


.AttributeList
{
    margin-top: 10px;
    margin-left: 20px;
}

.AttributeList td.AttributeName
{
    font-weight:bold;    
    padding-right: 5px;
}

.AttributeList td.AttributeName:after
{
    content: ":";
}


.AlaCarteList #ProductTitle
{
    text-align:left;
    margin-left:250px;
}






div.ProductsPerPageList
{
    float:right;
    margin-bottom:10px;
}

.ProductsPerPageLabel
{
    font-size:.8em;
}
.ProductsPerPageLabel:after
{
    content: ":";
}


.ProductsPerPage
{
    text-decoration:none;
    border: solid 1px silver;
    color: Gray;
    font-size:.8em;
    padding: 0.3em 0.5em;
}


.ProductsPerPage:hover
{
    text-decoration:none;
    border: solid 1px silver;
    color:black;
    background-color:silver;
}



.ProductsPerPageSelected
{
    border: solid 1px gray;
    color:white;
    font-size:.8em;
    padding: 0.3em 0.5em;
    background: gray;
}

.ProductsPerPageSelected:hover
{
    text-decoration:none;
    border: solid 1px silver;
    color:black;
    background-color:silver;
}


.ProductNumberHeader
{
    padding-top:10px;
    padding-bottom: 4px;
}

.ProductNumberTitle
{
    font-weight:bold;
    text-decoration: underline;
}
.ProductNumberTitle::after
{
    content:":";
}

.ProductNumberDescriptionTitle::after
{
    content:":";
}
.ProductNumberDescriptionTitle
{
    font-weight:bold;
    text-decoration: underline;
}


.ApplicableToHeader
{
    font-weight:bold;
    text-decoration: underline;
}

div.ApplicableTo
{
    font-size: 0.9em;
    padding: 10px 0;
}

.RemoveFilter
{
    position: relative;
    top: -2px;
}


.panel-teaser
{
    /*mimic col-sm-12*/
    width:100%;
    position:relative;
    min-height:1px;
/*    padding-right:15px;
    padding-left:15px;*/
}


.LargeTeaser img
{
    margin-top:2px!important;
}


.MediumTeaser img
{
    max-width:150px;
    max-height:150px;
    margin-top:2px!important;
}



.LineItemCapture
{
    background-color:#FFFFDD;
    padding: 10px;
}



.Block
{
    display:block;
}

.NoImage
{
    position:relative;
    padding-top:20px;
    color:Silver;
    min-height:100px;
}


.Superceded
{
    color: Red;
}

div .ObsoleteOrSuperceded 
{
    background-color: rgb(252,231,230);
    border: 1px solid red;
    font-size: 1.1em;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-bottom:10px;
    color:red;
}

.Obsolete
{
    color: Red;
}



.ProductOverlay
{
    position:absolute;
    top:0;
    left: 0;
    z-index:999;
}

.table-cell .ProductOverlay
{
    margin-top:-8px;
    margin-left: -4px;
}


.TeaserThumbnailImage
{
    max-width:200px;
    max-height:200px;
}


.SelectedContext
{
    font-weight:bold;
}

.IBDelContext
{
    vertical-align:bottom;
}


.Context_CheckBoxList input
{ 
     -ms-transform: scale(1.2); /* IE */
     -moz-transform: scale(1.2); /* FF */
     -webkit-transform: scale(1.2); /* Safari and Chrome */
     -o-transform: scale(1.2); /* Opera */
    float:left;
}

.Context_CheckBoxList label
{
    font-weight:normal;
    margin-bottom:0;
    margin-left:18px;
    display:block;
}


.ClearAllChecks
{
    float:right;
    margin-top:10px;
}








.ActiveContextList
{
}

.ActiveContextList ul
{
    list-style: none;
}

.ActiveContextList ul li
{
    display: inline;
}

.ActiveContextList input
{
	background-color: rgb(200,255,200);
	font-weight:bold;
	font-size:1.1em;
	border:0;
}

.ActiveContextList div
{
    padding: 4px 6px 4px 6px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 0.8em;
    border: 3px solid rgb(127,255,127);
	background-color: rgb(200,255,200);
	color: rgb(34,139,34);
}


div.FilterValues input[type=checkbox]
{
    margin-right:6px;
}
div.FilterValues label
{
    font-weight:normal;
}

#Div_ActiveProductFilters input[type=submit]
{
    font-weight:bold;
    margin-right:2px;
    position:relative;
    top:-2px;
}

#Div_ActiveProductFilters li
{
    margin-bottom:6px;
}


.processingframe
{
    background-color:#FFFFCC; 
    position:fixed; 
    z-index:12000; 
    text-align:center; 
    height:100px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border:1px black solid;
    border-radius:10px;
}

.processingframe .animation
{
    width: 40px;
    height: 40px;   
}

.processingframe .label
{
    font-size:x-large;
    padding-left:20px;
    color:Black;
}


.XmlPropertyRenderLabel {
}

.XmlPropertyRenderValue {
    text-align:left;
    padding-left:10px;
}



.ProductFilterExpand{
    position:relative;
    top:4px;
}

.ProductFilterCollapse {
    position: relative;
    top:0px;
}

.ProductFilterHeading{
    padding-left:6px;
}

.filter-panel {
    margin-bottom: .5rem;
}

.filter-panel > .card-header > .card-title
{
    margin-bottom: .2rem;
}


.TeaserBlockImage .ImageZoomBlock {
    position: relative;
    vertical-align:bottom;
    left: -36px;
}

.BlockFooter #BlockAddToCart .btn-purchase {
    white-space: normal;
    background-size: auto 100%;
}

.panel-teaser #AddToCart .btn-purchase {
    white-space: normal;
    background-size: auto 100%;
}

.VideoButton{
    max-height:120px;
}