.prodBreadcrumbs,
.prodBreadcrumbs h2,
.prodBreadcrumbs .prodCrumbLink{
  font-size:20px;
  line-height:24px; 
  margin:0;
  padding:8px 0 0 0;
  color:#333;
  text-decoration:none;
}
.prodBreadcrumbs h2{ display:inline; }
.prodBreadcrumbs{
  border-bottom:1px solid #DDD;
}
.prodCrumbLink:hover{
  color:#000;  
  text-decoration:underline; 
}

.prodNavTable{ padding-bottom:10px; }
.prodDisplay { clear: both; font-size:10pt; color :#444; padding-bottom:80px; }
.prodImg  { padding-bottom:5px; position:relative;}
.imgUpper{ padding-top:10px }
.prodImg .MagicZoom{ width:100%; }
.millSizesImage{ width:100%; }
.prodDesc { padding:0px 5px 5px 5px; }
.prodTitle { padding-top:0; margin-top:0; }
.prodOrder { padding-top: 10px; }

.prodCatalogDesc { padding-bottom:10px; line-height: 1.2; }

.prodColors   { clear: both; }
.prodSizes    { clear: both; }
.prodOrder    { clear: both; }
.colorHeading { clear: both; font-size: 11pt; }
.sizeHeading  { clear: both; font-size: 11pt; }

.imgDesc { }
#imgMsg{ position:absolute; opacity:0.6; background-color:#333; padding:8px; border-radius:16px; z-index:100; color:#fff; }
.sizeOuter { float: left; margin:2px; cursor:pointer; text-align:center; border:2px solid #CCCCCC; color:#666666; border-radius:18px;}
.colorOuter { float: left; margin:2px; cursor:pointer; border:2px solid #CCCCCC; background-color:#FFF; border-radius:18px; }
.colorOuter a{ 
  display:block!important; /* magiczoom auto adds display:inline-block... can't prevent with options */
}
.sizeOuter.OOS,
.colorOuter.OOS { border-style:dotted; position:relative; }
.OOS .sizeInner{ opacity:0.7; }

.colorOuter.OOS .colorInnerWrap:after,
.sizeOuter.OOS a:after {
  content: "\f00d"; /* Close icon */
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 28px;
  color: #999;  
  top: 50%;
  left: 50%;  
  margin: -20px 0 0 -11px;
  z-index: 1;
  opacity:0.2;
}
.colorOuter.OOS .colorInnerWrap:after{ opacity:0.4 }
.sizeOuter.selected,
.colorOuter.selected { border-color: #666; }

.colorOuter.selected,
.sizeOuter.selected{ box-shadow: 0 0 6px #666; }

.colorInner { width:30px; height:30px; margin: 1px; border-radius:15px; overflow:hidden;}
.colorInner img { width:30px; height:30px; }
.sizeInner { font-size:11pt; vertical-align:middle; text-align:center; line-height:30px; height:30px; margin: 0 2px; min-width:28px; border-radius:15px; }
.sizeOuter a{ text-decoration:none;  color:#666666; width:30px; border-radius:18px;}


.selectedColor,
.selectedSize { font-weight:bold; }

.prodTopTabOuter .tab-pane{ padding:5px; }

/* Multi Hex value colors */
.multiHex{ float:left; height:100%; border:0; margin:0; padding:0; }
.multi1of2,
.multi2of2{
  width:50%;
}
.multi1of3{ width:50%; }
.multi2of3,
.multi3of3{
  width:25%;
}
.multi1of4,
.multi2of4,
.multi3of4,
.multi4of4{
  width:25%;
}

/*** New PreSell Classes ***/
.presellDesc{ color:#EE159B; float:left; }
.streetDate { color:#00CC00; float:left; margin-left: 8px; }
.preSellCopy{ color:#008800; clear:both; }

.colorOuter.preSell,
.sizeOuter.preSell{ border-color: #008800; }

.colorOuter.preSell.selected,
.sizeOuter.preSell.selected{ border-color:#00CC00; }

.prodIcons {}
.featureIcon { padding:4px; }

.imgUpper { display:block; clear: both; }
.imgLower { display:block; clear: both; text-align:center;}


.prodPrice {font-size: 11pt;}
  .regPriceLabel { float:left; }
  .regPrice { float:left; }
  .priceStrike {  float:left; text-decoration: line-through;  padding-right:8px; color:red; }
  #itemVarGrid .priceStrike {  float:none; padding-right:0px;}
  .priceStrike span{ color: #000; }
  .salePriceLabel { float:left; }
  .salePrice { float:left; color: red; }

.optLinkRow{ display:inline-block; }
.optLinkRow a { white-space: nowrap; margin: 0 2px; }

/*========--------   Cart Button Display  --------========*/
.colorSelect { float: left; }
.sizeSelect  {  }
.prodQty { }
.prodCartBtn { padding-top:8px; }
.orderBtnRow { }
.addToCart { }
.cartError { height: 20px; color: red; }
.viewCart {  }
/*========--------   Image Overlay Display  --------========*/
#imgMessage {
display:none;
width:175px;
position: absolute;
opacity: 0.60;
-moz-opacity: 0.60;
-khtml-opacity: 0.60;
filter: alpha(opacity=60);
z-index:5;
border-radius:9px;
}
.imgMessageText {
font-size:12pt;
color: #ffffff;
width:175px;
background-color:#4a4a4a;
text-align:center;
}

/*========--------   Image Library styles  --------========*/
.imgLibDiv { z-index: 5; }
.heightPad
{padding-top: 3px; padding-bottom: 3px; vertical-align: middle;}

.imgLibTable
{border: 1px solid black;
 background-color: #FFFFFF;
 text-align: center;
 width: 100%;
 hasLayout: true;
 -moz-box-shadow: 0 1px 5px #444;
 -webkit-box-shadow: 0 1px 5px #444;
 box-shadow:0 1px 5px #444; 
}

.imgLibHdr
{           
 background: #e9e9e9;
 color: #444;
 font-weight: bold;
 font-size: 12px;
 border-bottom: 1px solid black;
 padding: 2px;}

 .imgLibButton
 { display: block; vertical-align: middle; background: #DCDCDC; border-radius:7px; width:70px; height:17px; line-height:15px; font-size:9px; text-decoration:none; cursor: pointer;}

a.imgLibLink,
a.imgLibLink:active,
a.imgLibLink:link,
a.imgLibLink:visited,
a.imgLibLink:hover
{ font-size: 9px;
  text-decoration: none;
  vertical-align: middle;
}

.closeButton
{ border: 2px solid white;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  cursor: pointer;
}
.prodImgInner { text-align:center; }


/* Alternet View Styles */
.altViews { clear:both; text-align:center; }
.altViewInner{ display:inline-block; max-width:50px;  }
.altViewInner a,
.altViewInner img{ width: 100%; height:auto; }


/*========--------   Magic Zoom styles  --------========*/
#mzoom, #mainProdImg1{ width:100%!important; height:auto!important; max-width:400px; } /* responsive fix for magiczoom */
.MagicZoom, .MagicZoom * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* Style of the small image link */
.MagicZoom, .MagicZoom:hover {
    display: inline-block;
    outline: 0 !important;
    font-size: 0 !important;
    line-height: 100% !important;
    direction: ltr;
    max-width: 100%;
}

/* Style of the main image */
.MagicZoom img {
    border: 0 !important;
    margin: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
    height: auto;
}

.MagicZoom > img {
    width: 100%;
}

.MagicZoom.magic-for-ie8,
.MagicZoom.magic-for-ie8 > img {
    max-width: none !important;
}

.MagicZoom.magic-for-ie7 > img, .MagicZoom.magic-for-ie5 img {
    width: auto;
}

td > .MagicZoom > img, td > .MagicZoom.magic-for-ie8 > img {
    max-width: none;
    width: auto;
}

/* Style of the hint text and image */
.MagicZoomHint {
    background: url(graphics/hint.gif) no-repeat 2px 50%;
    color: #444;
    font-size: 8pt;
    font-family: sans-serif;
    line-height: 24px;
    margin: 0;
    min-height: 24px;
    padding: 2px 2px 2px 20px !important;
    text-align: left;
    text-decoration: none;
}

/* Style of loading message and icon shown during load */
.MagicZoomLoading {
    background: #fff url(graphics/loader.gif) no-repeat 2px 50%;
    border: 1px solid #ccc;
    color: #444;
    font-family: sans-serif;
    font-size: 8pt;
    line-height: 1.5em;
    margin: 0;
    padding: 4px 4px 4px 24px !important;
    text-align: left;
    text-decoration: none;
}

/* Style to hide external title on a page. Only needed for #id method */
.MagicZoomExternalTitle {
    display: none;
}

.magic-temporary-img img {
    max-height: none !important;
    max-width: none !important;
}

/* Style of the zoomed image */
.MagicZoomBigImageCont {
    background: #ffffff;
    border: 1px solid #999;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;
}
.MagicZoomBigImageCont.inner-zoom {
    border: 0;
}

.MagicZoomBigImageCont img {
    max-width: none !important;
    max-height: none !important;
    height: auto !important;
    width: auto !important;
}

/* Style of text on the zoomed image */
.MagicZoomHeader {
    background: #666;
    color: #fff;
    font-size: 10pt !important;
    line-height: normal !important;
    text-align: center !important;
}

/* Style of square magnify area under the cursor */
.MagicZoomPup {
    background: #dadad1;
    border: 3px solid #aaa;
    cursor: move;
}

/* Style of loading message and icon shown during load */
.MagicZoomLoading {
    background: #fff url(graphics/loader.gif) no-repeat 2px 50%;
    border: 1px solid #ccc;
    color: #444;
    font-family: sans-serif;
    font-size: 8pt;
    line-height: 1.5em;
    margin: 0;
    padding: 4px 4px 4px 24px !important;
    text-align: left;
    text-decoration: none;
}

/* Style of shadow effect behind zoomed image */
.MagicBoxShadow {
-moz-box-shadow: 3px 3px 4px #888888;
-webkit-box-shadow: 3px 3px 4px #888888;
box-shadow: 3px 3px 4px #888888;
border-collapse: separate;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888') !important;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')" !important;
}

/* Style of glow effect behind zoomed image */
.MagicBoxGlow {
-moz-box-shadow: 0px 0px 4px 4px #888888;
-webkit-box-shadow: 0px 0px 4px 4px #888888;
box-shadow: 0px 0px 4px 4px #888888;
border-collapse: separate;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888') !important;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888')" !important;
}




/* ===============      ToolTip Class     =============== */
.descTooltip{
      position: relative;
      transition: opacity .25s ease-in-out;
      -moz-transition: opacity .25s ease-in-out;
      -webkit-transition: opacity .25s ease-in-out;
      display:block;
      padding:0; margin:0;
  }
  
  .descTooltip:after{
      background: #000;
      background: rgba(0,0,0,.8);
      border-radius: 6px;
      top: -30px;
      color: #fff;
      content: attr(data-desc);
      left: -9999px;
      white-space:nowrap;
      min-width:20px;
      padding: 0 5px;
      margin:0;
      position: absolute;
      z-index: 9930;
      border:1px solid #fff;
      box-shadow:0 0 10px #000;
      transition: opacity .25s ease-in-out;
      -moz-transition: opacity .25s ease-in-out;
      -webkit-transition: opacity .25s ease-in-out;
      opacity:0;
  text-align:center;
  min-width:50px;
  }
  
  .descTooltip:before{
      border: solid;
      border-color: #FFF transparent;
      border-width: 8px 8px 0 8px;
      top: -10px;
      content: "";
      margin:0; padding:0;
      left: -9999px;
      position: absolute;
      z-index: 9940;
      transition: opacity .25s ease-in-out;
      -moz-transition: opacity .25s ease-in-out;
      -webkit-transition: opacity .25s ease-in-out;
      opacity:0;
  }
  .descTooltip:hover:after{
      left: -8px;
      opacity:100;
  }
  .descTooltip:hover:before{
      left: 8px;
      opacity:100;
  }
  .selected .descTooltip:after,
  .selected .descTooltip:before{ display:none; }

/* FDM4 Decorator Styles */
  #fdm4Decorator { 
    z-index:100;       
    width:1000px;
    /*height:720px;*/
    padding:10px;
    position:absolute;
    top:70px; 
    margin: 0 auto;
    text-align:center;
    left: 0;
    right: 0;
    background:#DDDDDD;
    border:1px solid #333;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px; 
    -moz-box-shadow: 0 0  55px #333 ;
    -webkit-box-shadow: 0 0 55px #333 ;
    box-shadow: 0 0 55px #333 ;
      -webkit-transition: opacity 0.7s;
    transition: opacity 0.7s;
    opacity:1;
  }
  #fdm4Decorator.offScreen{ left:-9999px; display:block; opacity:0.01; }
  #fdm4DecoratorIframe{ width:980px; height:680px; border: 1px solid #999; }
  .decorateLineBtn{ text-align:center; position:relative; top:8px; }

  a.decoratorClose,  a.decoratorClose:active,a.decoratorClose:link, a.decoratorClose:hover, a.decoratorClose:visited{ 
   position:absolute; 
   right:-13px;
   top:-13px;
   background:#fff;
   color: #4d4d4d;
   border:2px solid #333; 
   border-radius:15px; 
   display:block; 
   width:25px; 
   height:25px; 
   text-align:center; 
   line-height:20px; 
   font-size:28px;
   /*box-shadow: 1px 1px 2px #000; */
   text-decoration:none;
  }

  a.decoratorClose:hover {
   color: #b2151b;
  }

#wishlistAddStub{
  min-width:200px;
  min-height:100px;
  padding:10px;
  background:#FAFAFA;
  border:1px solid #DDD;
  border-radius:6px;
  box-shadow:0 0 10px #000;
  position:absolute;
  display:none;
  z-index:15;
}
#wishlistAddStub.showWishlistAdd{ display:block; }

.featTypeDesc{ font-weight:bold; }

/* Item Notification */
.itemNotifyBtn i {
   font-size: 24px;
   color: #888;
}
.itemNotifyBtn.selected i {
   color: #6a975d;
}
.variantDetail {
  display: inline-block;
  border: 2px solid #CCC;
  padding: 4px;
  margin: 4px 2px;
  text-decoration: none;
  color: black;
  background-color: #FFF;
  outline: none;  
}
.clearVariant{
  display: inline-block; 
  border: 2px solid transparent;
  padding: 4px;
  margin: 4px 2px; 
  text-decoration: none;
  color:red;
  background: #FFF9F9;
}
.variantDetail:hover {
  display: inline-block;
  border: 2px solid #666; 
  background-color: #F9F9F9;
}
.variantDetail.disabled:hover {
  display: inline-block;
  border: 2px solid #CCC;
  background-color: #EEE;
}
.variantDetail.OOS {
  border: 1px dotted #CCC;
  background-color: #EEE;
}
.variantDetail.selected {
  box-shadow: 0 0 6px #666; 
  border-color:#666;
}
.variantDetail.disabled {
  opacity:0.7;
  background:#F3F3F3;
}

/* Variant Grid */
#itemVarGrid{ 
  border-top:none;
  padding:0;
  margin:0;
}
.itemVarGridHeading,
.itemVarGridRow{ 
  list-style: none;  
  margin:0;
}
.itemVarGridHeading{
  line-height:2;
  border-bottom:1px solid #ddd;  
}
.itemVarGridRow{ 
  border-bottom:1px solid #ddd;
}
.itemVarGridRow:nth-child(even){ 
  background: #FCFCFC;
}
.itemVarGridRow:nth-child(odd){ 
  background: #FAFAFA;
}
.itemVarImg{ width:60px; height:60px; background:#ddd; margin:5px; }
.itemVarImg img{ width:100%; }

.itemVarInput{ width: 125px; }
.itemVarGridRow .itemVarInput{ padding: 5px 5px 0 0; }
.itemVarInput .qoInput{ text-align:right; }
.itemVarInput .help-block{ text-align:center; }
.itemVarPrice{ min-width: 75px; }
.itemVarGridRow .itemVarPrice{ text-align:right; padding: 10px 10px 0 0; }

/* Reviews */
.prodReviews{ }
.reviewDetail{ }
  .reviewRating{ }
  .reviewTitle{ font-weight: bold; }
  .reviewDate{ }
  .reviewBy{ margin: 5px 0px; }
.reviewBy span { padding-left: 3px; }

.prodReviewForm{ }

.starFull{ display:inline-block; width:20px; height:20px; background: url('../img/starFullSm.png') no-repeat top center; }
.starHalf{ display:inline-block; width:20px; height:20px; background: url('../img/starHalfSm.png') no-repeat top center; }
.starEmpty{ display:inline-block; width:20px; height:20px; background: url('../img/starEmptySm.png') no-repeat top center; }
.helpfulOuter { margin-bottom: 5px; }
.helpfulOuter a { 
  font-size: 20px;
  padding: 2px 9px;
  border-radius: 20px; 
}

.reviewAverage{ padding-top:15px; }
.reviewAverageTxt{margin-left:5px; position:relative; top:-5px; }

/*===================================================*/
/*   Backorder Overlay */
/*===================================================*/
.backorderDialog{
   position:absolute;
   display:none;
   background:#fff;
   border:1px solid #ccc;
   border-radius:6px;
   padding:6px;
   z-index: 9900; /* must be higher z-index than overlay (9800) */
   text-align:center;
   box-shadow: 0 0 50px #000000;
}
.backorderTitle{ text-align:center; margin: -6px -6px 0 -6px; padding:0 6px; }
.boMessage{ font-weight:bold; padding: 10px 0 6px 0; }

.backorderDialog li{ 
   list-style:none; 
}

.boChoiceTable{
  margin:0 auto;
}
.boChoiceTable td,
.boChoiceTable th{
  padding: 0 5px;
}

.boOptList{
  text-align:left;
  width:100%;
  margin:0 auto 8px auto;
  background:#F6F6F6;
  padding: 5px;
}
.boChoiceTable th:first-child,
.boChoiceTable td:first-child{
  text-align:left;
}


.boChoiceTable{
  border: 1px solid #EEE;
  margin-bottom:8px; 
  text-shadow: 0 1px 0 #FFF;
}
.boChoiceTable th{
  border-right:1px solid #EEE;
  border-left:1px solid #EEE;
  margin: 0 -1px;
  font-variant:small-caps;
  background: #F0F0F0;

}
.boChoiceTable thead{
  border-bottom: 1px solid #EEE;
}
.boChoiceTable tr:nth-child(even){
  background:#F3F3F3;
}
.boChoiceTable tr:nth-child(odd){
  background:#F9F9F9;
}
.variantOuter.form-group{ margin-bottom:0; }
.variantOuter .control-label{ padding-top:10px; }
.gridItemNum{ text-transform:uppercase; }

.qoButtonRow.affix{
  position: fixed;
  right: 25px;
  top: 55px;
  z-index: 9999;
}