/*****************************************************************************/
/*** COPYRIGHT 2011  BY FDM4 INTERNATIONAL INC. - ALL RIGHTS RESERVED       **/
/*** product.css -- Product Stylesheet                                      **/
/*****************************************************************************/
/*T010007 02/01/13 MS  - Decoration pricing grid spacing adjustments.        */
/*T010006 01/29/13 JKR P16374 Added new decoration method styling.           */
/*T010005 01/17/13 JKR P16374 Modified size of decoration method display.    */
/*T010004 12/13/12 JKR P16374 Added decoration page styles.                  */
/*T010003 07/11/12 JKR P15613 Added decoration pricing styles.               */
/*T010002 06/20/12 JJD - Added classes for 360 image.                        */
/*T010001 01/04/12 JJD - Added classes for the sold out overlay.             */
/*T010000 01/04/12 JJD - Added to RT from Live.                              */
/*****************************************************************************/

.layoutContent { color: #000000; font-family: arial,verdana,helvetica; font-size: 10px; font-weight: normal; width: 985px; }
.SpecialClassTitle, .SpecialClass {
  font-size: 12px;
}

.hideDesc { display:none; }
#breadcrumbs { margin: 0px; padding: 0px; float: left; clear: both; }
.imgCont,#mainProdImg1 { float: left; width: 425px; height: 319px; }
.prodImg { float: left; width: 425px; height: 319px; }
.imgLower { float: left; height: 20px; width: 425px; }
.prodDesc { float: left; font-size: 12px; padding-left: 10px; width: 378px; }
.titleLine { padding-bottom: 5px; }
.productTitle { font-size: 13px; font-weight: bold; }
.productCode { color: #990000; font-size: 13px; font-weight: bold; }
.prodCatalogDesc { font-size: 12px; }
/* Color Display */
.colorCont                                                                       /* T010004 */
{
   clear: both;
   margin-top: 23px;
   overflow: hidden;
}
.colorHeading { clear: both; float: left; font-weight: bold; }
.prodColors { clear: both; float: left; width: 800px; }
.colorOuter    { float: left; margin:2px; cursor:pointer; border:1px solid #9A9A9A; background-color:#FFF;}
.colorOuterOOS { float: left; margin:2px; cursor:pointer; border:1px dotted #CCCCCC; background-color:#FFF;}
.colorOuterSelected { float: left; margin:2px; cursor:pointer; border:1px solid #888888; background-color:#FFF;}
.colorOuterOOSSelected { float: left; margin:2px; cursor:pointer; border:1px dotted #888888; background-color:#FFF;}
.colorInner    { width:20px; height:20px; }
.colorImg { margin: 1px; }
.colorCell { vertical-align: top; height: 25px; }

div#selectedColor                                                                /* T010004 */
{
   font-weight: bold;
   margin: 10px 0 5px 0;
}

/* Description lists */
#lessLink, #moreLink { text-align: left; }
.listTitle { font-weight: bold; }
.sizeListLabel,.colorListLabel { font-weight:bold; }
.listSection { font-size: 12px; padding-top: 7px; }
#featureList ul { padding: 0px 0px 0px 15px; margin-top: 3px; }
/* Level Pricing Box */
.levelPricing { padding-top: 15px; }
.levelPriceLabel { font-size: 12px; font-weight: bold; }
.levelHeader, .levelSaleHeader, .levelPrice,.levelSalePrice, .levelHeaderLeft, .levelPriceLeft { border: 1px solid #ffffff; background-color: #e7e7e7; font-size: 12px; padding: 3px; text-align: center; width: 50px; }
.levelPrice, .levelPriceLeft,.levelSalePrice { font-weight: bold; background-color: #cdcdcd; }

/****** vvv T010003 vvv ******/
/* Decoration Pricing */
.decorationPricing
{
   padding-top: 15px;
}

.decPriceLabel
{
   font-size: 12px;
   font-weight: bold;
}

.decPriceHeader, .decPrice
{
   border: 1px solid #ffffff;
   background-color: #e7e7e7;
   font-size: 12px;
   padding: 3px;
   text-align: center;
   width: 50px;
}

.decPrice
{
   font-weight: bold;
   background-color: #cdcdcd;
}

.decPriceHeader
{
   font-weight: normal;
}

.decPriceLeft
{
   text-align: left;
}
/****** ^^^ T010003 ^^^ ******/

#productPageButton                                                               /* T010004 */
{
   float: left;
   margin: 20px 0 5px 0;
}

.levelHeaderLeft, .levelPriceLeft { text-align: left; }
.levelSaleHeader,.levelSalePrice { color: #B5121B; }
.colorSaleMsg { padding-top: 5px; color: #FF0000}
.prodOptions { clear: both; float: left; margin: 20px 0px 0px 5px; }
.featureTitle { font-size: 12px; padding: 5px 0px 5px 0px; }
#prodCart { border: 1px solid #E0E0E0; clear: both; margin: 0px 0px 25px 5px; float: left; width: 950px; }
#prodComparableSwapCont,#productReviewCont,#emailFlyerCont,#stockDisplayCont  { clear: both; float: left; font-size: 12px; width: 950px; }
#productReviewCont,#emailFlyerCont { height: 400px; }
#stockmenu td { font-size: 10px; font-weight: bold; }
.lowLabel { color: #ff9900; }
.highLabel { color: #00CC00; }
.cartLinks { clear: both; float: left; height: 50px; padding-left: 42px; width: 900px; }
#stockDisplay { float: left; padding: 15px 0px 0px 46px; }
.cartMessage { color: #00a651; font-size: 16px; font-weight: bold; padding: 15px; width: 300px; background: #d4f1d1; border: 1px solid #82cf7a; }
.qtyInput { font-size: 10px; margin: 0px; padding: 0px; width: 25px; height: 16px; }
.stockBar { height: 10px; }
.stockBarImg { height: 10px; }
.stockDesc { height: 10px; text-align: right; padding-right: 10px; }
.stockAvail { text-align: right; width: 40px; padding-right: 3px; }
.stockColorTable { border: 1px solid #E0E0E0; margin-bottom: 10px; padding-bottom: 5px; }
.stockColorDesc { padding: 3px; }
.stockInnerTable { width: 280px; }
.qtyLabel { text-align: center; }
/* Product Reviews */
#reviewForm { float: left; margin: 30px 0px 0px 15px; width: 342px; }
#reviewForm hr { display:none; }
#userReviewsCont { background: url(/trimarknew/images/userReviewShadow.jpg) no-repeat bottom right; float: left; height: 318px; margin: 30px 0px 0px 15px; width: 571px; }
.scroll-pane { width: 538px; height: 265px; overflow: auto; background: #E6E6E6; float: left; }
.holder { float: left; margin: 20px 10px 10px 10px; }
#userReviews table { margin: 30px 0px 0px 100px; }
#review-comment input, #review-comment textarea { color: #4D4D4D; width: 295px; font-family: arial,verdana,helvetica; font-size: 12px; }
#review-comment textarea { height: 165px; }
.reviewComment { width: 370px; }
*+html .reviewComment p { padding: 10px 0px 10px 0px; } /* ie7 padding on p tag */
.reviewCount,.reviewDate,.reviewTitle { margin-top: 30px; }
.reviewCount,.reviewTitle { font-weight: bold; }
.reviewDate { font-size: 10px; }
.reviewText,#reviewAverage { color: #4D4D4D; text-transform: uppercase; font-weight: bold; }
.totRevCount { padding-left: 5px; }
#reviewSubmit { text-align: right; width: 300px; }
#addReview { margin-top: 30px; }
#addReview a:link, #addReview a:visited, #addReview a:active { color: #4D4D4D; text-transform: uppercase; font-weight: bold; text-decoration:underline; }
#addReview a:hover { color: #b5121b; }
.reviewHelpfulMsg { padding-bottom: 5px; }
.reviewHelpful { border-bottom: 1px solid #4D4D4D; margin-bottom: 10px; padding-bottom: 10px; }
/* Comparables Swap */
#prodComparableSwapCont { height: 258px; }
#comparablesSwap { padding-top: 30px; }
.compSwap { float: left; height:160px; }
.compType { border: 1px solid #b3b3b3; float: left; height: 195px; margin-left: 40px; width: 186px; }
.compType img { border: 0px; }
.compType table { width: 100%; height: 100%; }
.compTitle { background-color: #b3b3b3; color: #ffffff; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; width: 100%; }
.navRight,.navLeft { cursor: pointer; }
.compNavLeft,.compNavRight { text-align: center; vertical-align: middle; width: 22px; }
.compImage { text-align: center; padding-top: 15px; }
.compProdCode a:link,.compProdCode a:visited,.compProdCode a:active,.compProdCode a:hover { color: #4D4D4D; text-transform: uppercase; }
.compProdCode { color: #4D4D4D; font-weight: bold; padding-top: 2px; text-align: center; }
.compOuterTd { vertical-align: top; }
.compOuter { float: left; height: 170px; overflow: hidden; width: 140px; }
.compInner { float: left; }
.emptyCompSwap { text-align: center; margin-top: 65px; width: 140px; }
/* Large View */
#largeView { background-color: #ffffff; width: 775px; height: 630px; z-index:10000; position: absolute; top: 120px; left: 160px;  }
#largeViewClose { width: 765px; text-align: right; }
#largeViewLeft { float: left; height: 600px; overflow: auto; width: 157px; }
#largeViewRight { float: left; width: 605px; height: 605px; }
#largeViewRightInner { overflow: hidden; }
#largeViewButtons { clear: left; float: left; }
/* Media Library */
#imgLibDiv { background-color: #ffffff; width: 411px; z-index:10000; }
.closeButtonCont { width: 100% }
.closeButtonCont td { text-align: right; }
.closeButton { background-color: #B4E0FB; color: #67BFEF; width: 15px; height: 15px; font-size: 12px; text-align: center; font-weight: bold; cursor: pointer;}
#thumbView { width: 350px; }
.thumbImg { padding-top: 5px; text-align: center; }
.imgTypes { width: 100% }
.imgTypes td { text-align: center; width: 50%; }
.imgTypes a:link,.imgTypes a:active,.imgTypes a:visited { color: #4D4D4D; font-weight: bold; text-decoration:none; }
.imgTypes a:hover { color: #b5121b; }
.hires { padding-left: 3px; }
.lowres { padding-right: 15px; }
#thumbViewCont { margin-bottom: 10px; }
.thumbViewMore { padding: 10px 0px 10px 0px; text-align: center; width: 100%; }
#videoEmbed { width: 350px; height: 320px; }
#hideVideo { margin-top: 5px; height: 15px; }
#thumbViewScroll { height: 290px; overflow: auto; }
#videoEmbed a:link,#videoEmbed a:active,#videoEmbed a:visited { color: #4D4D4D; font-weight: bold; text-decoration:none; }
#videoEmbed a:hover { color: #b5121b; }
/*========--------   Magic Zoom styles  --------========*/
#zoom1 img { border:1px solid #CCC; }
.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;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}
/* 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;
}/* remove description elements needed on live but not in new */
#hideStyleInfo { display : none; }

/* review scrollbar */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #ffffff;
}
.jScrollPaneDrag {
	position: absolute;
	background: #B42025;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
#priceGridSpacer { margin-top: 13px;}                             /* T010001 */ /* T010007 */
.decoLabel { padding-top: 20px; }                                 /* T010007 */
.prodImgInner,.cartImg {position:relative;}                       /* T010001 */
.prodImgOverlay,.cartImgOverlay { position:absolute; z-index:1; } /* T010001 */

/*v T010002 v*/

#virtual360Inner {
height: 600px;
}

/**===--- jQuery Tools Overlay Styling ---===**/

/* the overlayed element */
.apple_overlay {
	display:none;
	/* growing background image */
	background-image:url(../images/white2.png);
	/*
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:1020px;
	height:700px;
	padding:35px 35px;
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute; right:8px; top:8px;
    cursor:pointer;
    height:35px;
    width:35px;

 z-index:9999;
}

/*^ T010002 ^*/

/****** vvv T010004 vvv ******/
.methodHeader {
   margin-top: 5px;
   height: 60px;                                                                 /* T010006 */
   overflow: hidden;                                                             /* T010006 */
}

.methodHeader, .methodTable {
   width: 380px;                                                                 /* T010005 */
}

.methodTable {
   border: 1px solid #000000;
   border-spacing: 0;
   text-align: center;
   font-size: 8pt;
   margin: 2px 0;
}

.locationHeader, .locationHeaderLeft {
   background-color: #4D4D4D;
   color: #FFFFFF;
   font-weight: bold;
   padding: 1px;
}

.locationHeader {
   border-left: 1px solid #000000;
}

.sizeLocation, .sizeLocationLeft {
   padding: 1px;
   border-top: 1px solid #000000;
}

.sizeLocation {
   border-left: 1px solid #000000;
}

.rowDark {
   background-color: #CDCDCD;
}

.rowLight {
   background-color: #E7E7E7;
}

.methodLogo {
   display: inline-block;
   width: 380px;                                                                 /* T010005 */
   height: 60px;                                                                 /* T010005 */ /* T010006 */
   background-size: 100% 100%;
   background-color: #FFFFFF;
   float: left;
}
/* T010006 Removed .methodDescription. */
/****** ^^^ T010004 ^^^ ******/