h1 {padding-top:0px; margin-top:0px; font-size:20px; }
.prodTitle { 
 color:#921A20;
 font-family:"Times New Roman";
 font-size:22px;
 font-weight:bold;
 margin: 0 0 12px 0;
}
.prodTitleStyleCode { display: inline; }

.prodDisplay {
    clear: both;
    float:left;
    font-family:"Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
    font-size:11pt;
}

.prodImg  {
    padding: 0 10px 0 0;
    float: left;
    width: 310px;
}

.prodImg img {
    width: 300px;
}

.prodDesc { padding:0; margin:0; float:left; width:435px;}
.prodComparable { padding:0px; margin:0px; padding-bottom:5px; border: 1px solid #AAAAAA; float:left; width:140px; display: none;}
.prodComparableH { width:100%; clear:both; border: none; margin-top:10px; }
.prodOrder { float:left; clear:both; width:100%; text-align:center; padding-top: 10px; }

.prodCatalogDesc { padding-bottom:10px; }
.prodMillImg { margin:15px 0 0 0; text-align:center; float:left; clear:both; }
.prodColors { float:left; clear: both; margin: 2px 0 10px 0; }
.prodColors a{ display:block; float:left; }
.prodSizes { float:left; clear: both; margin: 2px 0 10px 0; }
.colorHeading { clear: both; font-weight: bold;}
.sizeHeading { clear: both; font-weight: bold; }

.imgDesc { }
/*vvv XXX vvv*/

.colorOuter {
    float: left;
    margin:0;
    cursor:pointer;
    border:none;
    border: 1px solid #CCC;
    margin: 2px;
}

.colorOuterSelected {
    float: left;
    margin:0;
    cursor:pointer;
    border:none;
    border: 1px solid #666;
    margin: 2px;
}

.colorOuterOOS { float: left; margin:3px; cursor:pointer; border:1px dotted #CCC;}
.colorOuterOOSSelected { float: left; margin:3px; cursor:pointer; border:1px dotted #888;}
.colorInner    { width:20px; height:20px; }
.selectedColor { font-weight:bold; color:#921A20; }

.swatchbox {
  border-collapse: collapse;
  float: left;
  width: 90px;
  height: 75px;
  border: solid 1px #888;
  text-align: center;
  margin: 1px;
  padding: 4px 0 0 0;
}

.swatchboxSelected {
  border-collapse: collapse;
  float: left;
  width: 90px;
  height: 75px;
  border: solid 1px red;
  text-align: center;
  background-color: #F3F3F3;
  margin: 1px;
  padding: 4px 0 0 0;
}

.swatchcenter {
    height: 32px; /* = 20[.colorInner width] + 2x[.colorInner margin] + 2x[.colorOuter border] + 2x[.colorOuter margin] */
    padding-left: 10px; /* = ([.swatchbox width] - [.swatchcenter width])/2 - 2x[.colorOuter border] */
    text-align: center;
}

.swatchboxtxt {
    clear: both;
}

/*^^^ XXX ^^^*/

.sizeInner    { font-family:"Trebuchet MS",Verdana,Helvetica,Arial,sans-serif; font-size:9pt; vertical-align:middle; line-height:20px; margin: 0 3px;}
.selectedSize { font-weight:bold; color:red;}
.sizeOuter, .sizeOuter0, .sizeOuter1
{ float: left;  height:20px; margin:3px; cursor:pointer; text-align:center; border:1px solid #CCCCCC; color:#666666;}
.sizeOuterOOS, .sizeOuterOOS0, .sizeOuterOOS1
{ float: left;  height:20px; margin:3px; cursor:pointer; text-align:center; border:1px dotted #CCCCCC; color:#AAAAAA;}
.sizeOuterSelected, .sizeOuterSelected0, .sizeOuterSelected1
{ float: left; height:20px; margin:3px; cursor:pointer; text-align:center; border:1px solid #888888; color:#666666;}
.sizeOuterOOSSelected, .sizeOuterOOSSelected0, .sizeOuterOOSSelected1
{ float: left;  height:20px; margin:3px; cursor:pointer; text-align:center; border:1px dotted #888888; color:#AAAAAA;}

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

.imgUpper { display:block; clear: both; margin-bottom: 5px;}
.imgLower { display:block; clear: both; text-align:center; }

.prodPriceRow {}
.prodPrice { float:left; clear:both; font-weight: bold; }
.regPriceDiv {}
.regPrice {}
.regPriceLabel {}
.regPriceStrike {text-decoration: line-through;}
.salePriceDiv {}
.salePrice {}
.salePriceLabel {}

.optLinkRow {  }
.optLinkRow a { white-space: nowrap; }
/*========--------   Comparables Display  --------========*/
.compDetail { cursor: pointer; text-align:center; vertical-align: middle; padding-top: 20px; }
.compTypeContainerH {float:left; padding-top : 10px; padding-right:10px; clear:both; border: 1px solid #E7E7E7;  width:735px; white-space: nowrap; overflow-y: auto; }
.compDetailH { cursor: pointer; text-align:center; vertical-align: middle; width : 150px; float:left; margin-bottom: 8px;}
.compDetailH .compDetailDesc { width: 150px; }
.compTypeTitleH {width:135px; height: 22px; line-height: 22px; background: url(../images/corner.png) top right no-repeat #E7E7E7; font-size:12pt; text-align:left; padding-left: 10px; float:left; cursor: pointer; text-transform:lowercase;}
.compSelected{ background-color: #CCC; }
.compAccordion {  }
.compAccordion li { width:100%; }
.compTypeTitle { width:100%; font-weight:bold; background-color: #2499D0; font-size:10px; text-align:center; margin-bottom:2px; font-family:Verdana,Arial;}
/*========--------   Cart Button Display  --------========*/
.colorSelect { float: left; clear:both; padding-bottom: 5px; }
.sizeSelect  {  float: left; clear:both;  padding-bottom: 5px; }
.prodQty { float: left; padding: 0 0 5px 5px; }
.orderBtnRow { float: left; clear:both; text-align:left; }
.orderBtnRow a{ margin-right:15px; font-weight:bold;  text-decoration:underline; text-transform:uppercase; color:#000; }
.orderBtnRow a:hover { color: #DC291E; text-decoration:underline; }

.orderBtnRow div.cobButton
{
   text-align: center;
   font-family: helvetica,arial,sans-serif;
   font-size: 12px;   /*Q18888*/
   font-weight: normal;
   width: 120px;
   margin: 5px 5px 10px 5px;
}

.orderBtnRow div.cobButton a
{
   display: block;
   width: 100%;
   text-align: center;
   background-color: #678da2;
   color: #FFF;
   text-decoration: none;
   text-transform: none;
   font-weight: normal;
   margin: 0;
   border-top: 1px solid #FFF;
   border-bottom: 2px solid #FFF;
   border-left: 1px solid #FFF;
   border-right: 2px solid #FFF;
}

.orderBtnRow div.cobButton a:hover
{
   border-top: 1px solid #cecece;
   border-bottom: 2px solid #4a4a4a;
   border-left: 1px solid #cecece;
   border-right: 2px solid #4a4a4a;
}

.addToCart { }
.viewCart {  }
/*========--------   OOS 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;
}
.imgMessageText {
    font-size:12pt;
    color: #ffffff;
    width:175px;
    background-color:#4a4a4a;
    text-align:center;
}
.imgMessageTop {
    width:175px;
    height:5px;
    background: url(../images/OOS_top.gif) no-repeat bottom;
}
.imgMessageBottom {
    width:175px;
    height:5px;
    background: url(../images/OOS_bottom.gif) no-repeat top;
}

/*========--------   Image Library styles  --------========*/
.imgLibDiv,
.imgLibTable {
    z-index: 2;
}
.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;}

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

 .imgLibButton
 { display: block; vertical-align: middle; background: #DCDCDC url(../images/transButton.gif); width:70px; height:17px; line-height:15px; font-size:9px; font-family:Verdana; text-decoration:none; cursor: pointer;}

a.imgLibLink,
a.imgLibLink:active,
a.imgLibLink:link,
a.imgLibLink:visited,
a.imgLibLink:hover
{ font-family: Verdana;
  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;
}

/*========--------   Magic Zoom styles  --------========*/
.zoomImgContainer {z-index:100; width:1px; height:1px; visibility:hidden;}
.noZoom,
.magicZoom {
    cursor: default;
}

/* CSS class for zoomed area */
.MagicZoomBigImageCont {
	border: 1px solid #91b817;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font: 10px Tahoma, Verdana, Arial, sans-serif;
	color: #fff;
	background: #91b817;
	text-align: center !important;
}

/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 1px solid #aaa;
	background: #ffffff;
}

/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align: center;
	background: #ffffff;
	color: #444;
	border: 1px solid #ccc;
	opacity: 0.8;
	padding: 3px 3px 3px 3px !important;
	display: none; /* do not edit this line please */
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}

/* Alternate View Styles - XXX */

div#altViews img {
    width: 60px;
    padding: 2px;
    text-align: center;
}

#altViews { display:none; }
.altViewSide { float:left; width:75px; }
.altViewSide DIV { }
.altViewBottom { width:100%; height: 75px; text-align: center; }
.altViewBottom DIV { float:left; }

/* NEW STYLES */
#box_flx.prodContentOuter{ width: auto; }
/* Add float left to all corner containers to force height properly */
#tlc,#trc,#blc,#brc,#tlc,#trc,#blc,#brc,#tb,#bb,#tb,#bb,#rb,#lb{float:left;}

.prodContentInner{ float:left; margin:10px; background-color: transparent; width:800px; }
.imageCell{ border:thick solid #E7E7E7; }
.prodForm{ padding:10px; background-color:transparent; }



/*** Catalog Stlying ***/
.layoutContent
{
 vertical-align: top;
 text-align: left;
 width: 820px;
}
.layoutMenu{ width:180px; }
.catMainTable   { padding-left: 10px; }
.catTable    { width: 155px; }
.catTableDiv { width: 155px; }
.catHead     { padding: 3px 0px 3px 0px; font-weight: bold; border-bottom: 1px dotted #000000; text-transform: uppercase; }
.catHead a:hover { color: #dc291e; }
.subCatHead  { padding-left: 5px; text-transform: uppercase; }
a.subCatHead:hover { color: #dc291e; }

.catTable  {
width:155px;
}
.catTableDiv {
width:155px;
}
.catHead {
border-bottom:1px dotted #000000;
font-weight:bold;
padding:3px 0;
text-transform:uppercase;
white-space:normal;
}
a.catHead{ border-bottom:none; text-decoration:none; }
.catHead a:hover {
color:#DC291E;
text-decoration:none; 
}
a.catHeadSelected,
a.catHeadSelected:hover
{ text-decoration:underline; color:#DC291E;}
.subCatHead {
padding-left:5px;
text-transform:uppercase;
white-space:normal;
}
a.subCatHead {
 text-decoration:none;
}
a.subCatHead:hover {
color:#DC291E;
text-decoration:none;
}
.subCatHeadSelected {
color:#DC291E;
padding-left:5px;
text-transform:uppercase;
}
a.subCatHeadSelected,
a.subCatHeadSelected:hover{ text-decoration:underline; color:#DC291E;}
.header{ font-size: 16px; font-weight:bold; padding: 10px 0 4px 0; }
.compDetailRegPriceStrike{ text-decoration:line-through; }
#cartMessage { float: left; font-weight: bold; color: red; margin: 5px 0px 5px 0px; }

.prodComparable {margin-left: 150px;}