h1 {padding-top:0px; margin-top:0px; font-size:20px; }

.layoutContent {margin-right:0px; padding-right:0px; padding-top:5px;}

.prodDisplay { clear: both; font-size:10pt;}
.prodImg  { padding-bottom:5px; float:left;}
.prodDesc { padding:0px 5px 5px 5px; float:left;}
.prodComparable { padding-bottom:5px; float:left; width:150px; }
.prodComparableH { width:100%; clear:both; }
.prodOrder { padding-top: 10px; }

.prodCatalogDesc { padding-bottom:10px; }

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

.imgDesc { }

.colorOuter    { float: left; margin:2px; cursor:pointer; border:2px solid #CCCCCC; background-color:#FFF;}
.colorOuterOOS { float: left; margin:2px; cursor:pointer; border:2px dotted #CCCCCC; background-color:#FFF;}
.colorOuterSelected { float: left; margin:2px; cursor:pointer; border:2px solid #888888; background-color:#FFF;}
.colorOuterOOSSelected { float: left; margin:2px; cursor:pointer; border:2px dotted #888888; background-color:#FFF;}
.colorInner    { width:20px; height:20px; margin: 1px;}
.colorImg { margin: 1px; }
.selectedColor { font-weight:bold; }

.sizeInner    { font-size:9pt; vertical-align:middle; text-align:center; line-height:22px; width:22px; height:22px; line-height:20 px; width:20 px; height:20 px;}
.selectedSize { font-weight:bold;}
.sizeOuter, .sizeOuter0, .sizeOuter1
{ float: left; width: 22px; height:22px; width: 20 px; height:20 px; margin:2px; cursor:pointer; text-align:center; border:2px solid #CCCCCC; color:#666666;}
.sizeOuterOOS, .sizeOuterOOS0, .sizeOuterOOS1
{ float: left; width: 22px; height:22px; width: 20 px; height:20 px; margin:2px; cursor:pointer; text-align:center; border:2px dotted #CCCCCC; color:#AAAAAA;}
.sizeOuterSelected, .sizeOuterSelected0, .sizeOuterSelected1
{ float: left; width: 22px; height:22px; width: 20 px; height:20 px; margin:2px; cursor:pointer; text-align:center; border:2px solid #888888; color:#666666;}
.sizeOuterOOSSelected, .sizeOuterOOSSelected0, .sizeOuterOOSSelected1
{ float: left; width: 22px; height:22px; width: 20 px; height:20 px; margin:2px; cursor:pointer; text-align:center; border:2px dotted #888888; color:#AAAAAA;}

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

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

.prodPriceRow {}
.prodPrice {font-size: 11pt;}
.regPriceDiv {text-align:right}
.regPrice {}
.regPriceLabel {}
.regPriceStrike {text-decoration: line-through;}
.salePriceDiv {}
.salePrice { color: #FF0000; }
.salePriceLabel {padding-right:5px; color:#FF0000;}

.optLinkRow {  }
.optLinkRow a { white-space: nowrap; }
/*========--------   Comparables Display  --------========*/
.compTypeContainer {}
.compTypeContainerH {float:left; padding-right:10px; clear:both; }
.compDetail { cursor: pointer; text-align:center; vertical-align: middle; }
.compDetailH { cursor: pointer; text-align:center; vertical-align: middle; width:200px; float:left;}
.compAccordion {  }
.compAccordion li { width:100%; }
.compTypeTitle {font-weight:bold; background-color: #CCCCCC; font-size:9pt; text-align:center; margin-bottom:2px;}
.compTypeTitleH {width:200px; font-weight:bold; background-color: #CCCCCC; font-size:9pt; text-align:center; margin-bottom:2px; float:left; cursor: pointer;}
/*========--------   Cart Button Display  --------========*/
.colorSelect { float: left; padding-left: 150px;}
.sizeSelect  {  }
.prodQty { }
.prodCartBtn { padding-top:8px; }
.orderBtnRow { }
.addToCart { }
.cartError { height: 20px; color: red; }
.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;
}

/*========--------   Blog HTML styles  --------========*/
#optlinkFloat { background-color: #FFFFFF; border: 1px solid #AAAAAA; margin-top: 5px; vertical-align:top; width:412px;}
.blogTable { width:400px; vertical-align:top; border: 1px solid #AAAAAA; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color: #FFF;}
TEXTAREA {width:375px; height:125px; margin-bottom: 3px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
/*========--------   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;}

.imgLibHdr
{background-color: #999966;
 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; 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 { display:none; float:left; clear:both; }
.altViewSide { float:left; width:75px; }
.altViewSide DIV {}
.altViewBottom { width:100%; text-align:center;}
.altViewBottom DIV { float:left; padding:5px; }

/*****v Size Chart v*****/

.sizeChartDefault
{
 display : none;
}

.sizeChartDisplay
{
 display : block;
 position : absolute;
 width : 175px;
 padding : 4px;
 text-align : center;
 color : #ffffff;
 font-weight : bold;
 background-color : #cccccc;
 border : 2px solid #000000;
 z-index : 10;
 cursor : pointer;
}

/*========--------   Magic Zoom styles  --------========*/
#zoom1 img {  }
.zoomImgContainer {z-index:100; width:1px; height:1px; visibility:hidden;}

.noZoom,
.magicZoom
{ cursor: crosshair; }
/* class for zoomed area */
.MagicZoomBigImageCont {
	border:			1px solid #CCC;
 background-color: #FFFFFF;
}

/* 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:		#CCC;
	text-align:     center !important;
}

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

/* 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 */
}

/* style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}
.errorTitle { color: red; font-size: 12px; font-weight: bold; }
.errorList { font-size: 12px; }
/*** New PreSell Classes ***/
.preSellDesc{ color:#00CC00; float:left; }
.streetDate { color:#00CC00; float:left; }
.preSellCopy{ color:#008800; clear:both; }

.colorOuterPreSell { float: left; margin:2px; cursor:pointer; border:2px solid #008800; background-color:#FFF;}
.colorOuterPreSellOOS { float: left; margin:2px; cursor:pointer; border:2px dotted #008800; background-color:#FFF;}
.colorOuterPreSellSelected { float: left; margin:2px; cursor:pointer; border:2px solid #00CC00; background-color:#FFF;}
.colorOuterPreSellOOSSelected { float: left; margin:2px; cursor:pointer; border:2px dotted #00CC00; background-color:#FFF;}
.sizeOuterPreSell, .sizeOuterPreSell0, .sizeOuterPreSell1
{ float: left; width: 22px; height:22px; width: 20 px; height:20 px; margin:2px; cursor:pointer; text-align:center; border:2px solid #008800; color:#666666;}
.sizeOuterPreSellOOS, .sizeOuterPreSellOOS0, .sizeOuterPreSellOOS1
{ float: left; width: 22px; height:22px; width: 20 px; height:20 px; margin:2px; cursor:pointer; text-align:center; border:2px dotted #008800; color:#666666;}

.sizeOuterPreSellSelected, .sizeOuterPreSellSelected0, .sizeOuterPreSellSelected1
{ float: left; width: 22px; height:22px; width: 20 px; height:20 px; margin:2px; cursor:pointer; text-align:center; border:2px solid #00CC00; color:#666666;}
.sizeOuterPreSellOOSSelected, .sizeOuterPreSellOOSSelected0, .sizeOuterPreSellOOSSelected1
{ float: left; width: 22px; height:22px; width: 20 px; height:20 px; margin:2px; cursor:pointer; text-align:center; border:2px dotted #00CC00; color:#666666;}

/*** New PreSell Classes ***/
.preSellDesc{ color:#FF0000; float:left; }
.streetDate { color:#FF0000; float:left; }
.preSellCopy{ color:#FF0000; clear:both; }

.colorOuterPreSell { float: left; margin:2px; cursor:pointer; border:2px solid #FF0000; background-color:#FFF;}
.colorOuterPreSellOOS { float: left; margin:2px; cursor:pointer; border:2px dotted #FF0000; background-color:#FFF;}
.colorOuterPreSellSelected { float: left; margin:2px; cursor:pointer; border:2px solid #FF0000; background-color:#FFF;}
.colorOuterPreSellOOSSelected { float: left; margin:2px; cursor:pointer; border:2px dotted #FF0000; background-color:#FFF;}
.sizeOuterPreSell, .sizeOuterPreSell0, .sizeOuterPreSell1
{ float: left; width: 22px; height:22px; width: 20 px; height:20 px; margin:2px; cursor:pointer; text-align:center; border:2px solid #FF0000; color:#666666;}
.sizeOuterPreSellOOS, .sizeOuterPreSellOOS0, .sizeOuterPreSellOOS1
{ float: left; width: 22px; height:22px; width: 20 px; height:20 px; margin:2px; cursor:pointer; text-align:center; border:2px dotted #FF0000; color:#666666;}

.sizeOuterPreSellSelected, .sizeOuterPreSellSelected0, .sizeOuterPreSellSelected1
{ float: left; width: 22px; height:22px; width: 20 px; height:20 px; margin:2px; cursor:pointer; text-align:center; border:2px solid #FF0000; color:#666666;}
.sizeOuterPreSellOOSSelected, .sizeOuterPreSellOOSSelected0, .sizeOuterPreSellOOSSelected1
{ float: left; width: 22px; height:22px; width: 20 px; height:20 px; margin:2px; cursor:pointer; text-align:center; border:2px dotted #FF0000; color:#666666;}
#featureList li{
	list-style:disc;
	margin:0 0 5px 15px;
	}