/* display on product detial page */
.mg-details
{
	background-color:#fbf0f2;
	padding:6px;
	margin-bottom:5px;
	color:#040404;
	font-size:85%;
	width:200px;
}
.mg-details h3
{
	text-transform:uppercase;
	font-weight:bold;
	margin:0 0 9px 0;
}
#formpage .mg-details h3
{
	font-size:100%;
}
.mg-details li
{
	line-height:16px;
}

.mgBlocker
{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#333;
	opacity:				.3;
	filter:					alpha(opacity=30);
	-moz-opacity:			0.3;
	z-index:99999;
}

/* monogram dialog box */
.monogramDialog-holder
{
	position:absolute;
	top:100px;
	left:50%;
	z-index:100000;
	width:540px;
	margin-left:-270px;
}
.monogramDialog
{
	border:solid 2px #b1b1b1;
	background-color:#fff;
	width:533px;
}

.monogramDialog h2
{
	background-color:#f06d9b;
	color:#fff;
	padding:10px 0 0 0;
	line-height:35px;
}
.monogramDialog h2 em
{
	display:block;
	margin:0 10px;	
	float:left;
	text-indent:-9999px;
	background:transparent url(/images/monogram/hd-monogramming.gif) no-repeat 0 0;
	width:237px;
	height:24px;
}
/* monogram dialog box - right section */
.mg-options
{	margin:10px 20px 0 261px;
	/*padding:0;
	
	float:right;
	width:250px;
	display:block;*/
	color:#858585;	
}
	.mg-options .error
	{
		display:block;
	}
	.txtMonogramChar
	{
		width:20px;
		text-align:center;
		text-transform:uppercase;
		color:#656565;
		border:1px solid #ABABAB;
	}
	.monogramDialog .btn-cancel
	{
		font-size:77%;
		color:#333;
		text-align:right;
		display:block;
		margin-right:10px;
	}
	.mg-options h3
	{
		font-size:85%;
		text-transform:uppercase;
		font-weight:bold;
	}
	.mg-options h4
	{
		font-size:103%;
		color:#000;
		text-transform:uppercase;
		font-weight:bold;
		border-top:solid 1px #e2e2e2;
		padding:20px 0 12px 0;
	}
	.mg-options .prod-info
	{
		font-size:85%;
		line-height:16px;
		margin-bottom:26px;
		float:none;
		padding-right:0;
		width:auto;
	}
	.mg-options .mg-font
	{
		font-size:85%;
		background:transparent url(/images/monogram/font_jcf.gif) no-repeat 30px 0;
	}
		.mg-options .mg-font span{display:none;}
	.mg-options label
	{
		display:block;
		font-size:85%;
	}
	.mg-options span.help
	{
		font-size:85%;
	}
	.mg-options .mg-swatch
	{
		font-size:85%;
		margin:20px 0;
		padding:0 20px 0 0;
		height:18px;
		line-height:18px;
		width:125px;
	}
		.swatch-jci{background: transparent url(/images/monogram/swatch_jci.gif) no-repeat right 0;}
		.swatch-jcr{background: transparent url(/images/monogram/swatch_jcr.gif) no-repeat right 0;}
		.swatch-jca{background: transparent url(/images/monogram/swatch_jca.gif) no-repeat right 0;}		
		.swatch-jtm{background: transparent url(/images/monogram/swatch_jtm.gif) no-repeat right 0;}
		.swatch-jht{background: transparent url(/images/monogram/swatch_jht.gif) no-repeat right 0;}
		.swatch-jgg{background: transparent url(/images/monogram/swatch_jgg.gif) no-repeat right 0;}
		.swatch-jcm{background: transparent url(/images/monogram/swatch_jcm.gif) no-repeat right 0;}		
		.swatch-jc1{background: transparent url(/images/monogram/swatch_jc1.gif) no-repeat right 0;}
		.swatch-jcs{background: transparent url(/images/monogram/swatch_jcs.gif) no-repeat right 0;}		
		.swatch-jck{background: transparent url(/images/monogram/swatch_jck.gif) no-repeat right 0;}
		
	.mg-options .disclaimer
	{
		
		border-top:solid 1px #e2e2e2;
		margin:28px 0 0 0;
		padding:20px 0 12px 0;
		font-size:85%;
	}
	
	.mg-options .button:link,
	.mg-options .button:visited {
        display: block;
        float: left;
        height: 18px;
        margin: 0 5px 5px 0; padding: 0 6px;
        background-color: #000;
        color: #F6CDD6;
        font-size: 85%; line-height: 18px; font-weight: bold; text-transform: uppercase; text-decoration: none;
	}
        .mg-options .button:hover {
            background-color: #F6CDD6;
            color: #000;
        }
        .mg-options .button:active {
        }

/* preview */
.mg-ProductPreview
{
	float:left;
	width:240px;
	border-right:solid 1px #b1b1b1;
}

	.mg-preview
	{
		background:transparent url(/images/monogram/hoodieOverview_blank.jpg) no-repeat 0 0;
		display:block;
		width:240px;
		height:348px;	
		position:relative;

	}

	.mg-preview span
	{
		position:relative;
		top:0;
		left:0;
	}

	.mg-zoom
	{
		background:transparent url(/images/monogram/hoodieZoom_blank.jpg) no-repeat 0 0;
		display:block;
		width:240px;
		height:209px;
		position:relative;
		border-top:solid 1px #b1b1b1;
	}

	.mg-zoom span
	{
		position:relative;
		top:0;
		left:0;	
	}


/* positioning of monogram over product */


.hoodie .mg-preview span
{
	top:115px;
	left:134px;
}

.hoodie .mg-zoom span
{
	top:83px;
	left:94px;	
}

.trackpant .mg-preview span
{
	top:24px;
	left:143px;
}

.trackpant .mg-zoom span
{
	top:50px;
	left:172px;	
}

.robe .mg-preview span
{
	top:83px;
	left:134px;
}

.robe .mg-zoom span
{
	top:83px;
	left:94px;	
}

.sleepingbag .mg-preview span
{
	top:24px;
	left:109px;
}

.sleepingbag .mg-zoom span
{
	top:33px;
	left:105px;	
}



/* black and white thumb */
.monogramDialog dl
{
	
	height:160px;
}
.monogramDialog dt
{
	border:solid 1px #b3b3b3;
	display:block;
	float:left;
	margin:20px 0 0 5px;
	padding:10px 10px 10px 10px;
	
}
.monogramDialog dd
{
	float:left;
	margin:20px 0;
}
.mg-letterThumb 
{
	width:144px;
	border-right:solid 1px #b3b3b3;
	border-left:solid 1px #b3b3b3;
}
.mg-letterThumb li
{
	display:inline;
}





.mg-ltTh
{
	background:#fff url(/images/monogram/monogramChart_jcf.jpg) no-repeat -74px 0;
	display:block;
	width:22px;
	height:22px;
	text-indent:-9999px;
	float:left;
	border:solid 1px #b3b3b3;
	cursor:pointer;
	_cursor:hand;
}
.mgPreview-ltTh
{
	background:transparent url(/images/monogram/monogramChart_jcf_jcr.png) no-repeat -74px 0;
	display:block;
	float:left;
	width:33px;
	height:33px;
	text-indent:-9999px;
}
.mg-ltTh-A{	background-position: -68px 3px; }
.mg-ltTh-B{ background-position: -68px -49px; }
.mg-ltTh-C{ background-position: -68px -106px; }
.mg-ltTh-D{ background-position: -68px -156px; }
.mg-ltTh-E{ background-position: -68px -203px; }
.mg-ltTh-F{ background-position: -68px -250px; }
.mg-ltTh-G{ background-position: -68px -308px; }
.mg-ltTh-H{ background-position: -68px -360px; }
.mg-ltTh-I{ background-position: -68px -418px; }
.mg-ltTh-J{ background-position: -68px -471px; }
.mg-ltTh-K{ background-position: -68px -527px; }
.mg-ltTh-L{ background-position: -68px -579px; }
.mg-ltTh-M{ background-position: -68px -630px; }
.mg-ltTh-N{ background-position: -68px -684px; }
.mg-ltTh-O{ background-position: -68px -738px; }
.mg-ltTh-P{ background-position: -68px -790px; }
.mg-ltTh-Q{ background-position: -68px -846px; }
.mg-ltTh-R{ background-position: -68px -900px; }
.mg-ltTh-S{ background-position: -68px -952px; }
.mg-ltTh-T{ background-position: -68px -1003px; }
.mg-ltTh-U{ background-position: -68px -1055px; }
.mg-ltTh-V{ background-position: -68px -1106px; }
.mg-ltTh-W{ background-position: -68px -1157px; }
.mg-ltTh-X{ background-position: -68px -1210px; }
.mg-ltTh-Y{ background-position: -68px -1262px; }
.mg-ltTh-Z{ background-position: -68px -1318px; }
.mg-ltTh-spacer, .mg-ltTh- { background-position: 50px 0; cursor:default;}


.mg-ltZm
{
	background:#fff url(/images/monogram/monogramChart_jcf.jpg) no-repeat 0 0;
	display:block;
	width:52px;
	height:42px;
	text-indent:-9999px;
	float:left;
}
.mgPreview-ltZm
{
	background:transparent url(/images/monogram/monogramChart_jcf_jcr.png) no-repeat -74px 0;
	display:block;
	float:left;
	width:52px;
	height:42px;
	text-indent:-9999px;
}
.mg-ltZm-A{	background-position: 0 3px; }
.mg-ltZm-B{ background-position: 0 -49px; }
.mg-ltZm-C{ background-position: 0 -106px; }
.mg-ltZm-D{ background-position: 0 -156px; }
.mg-ltZm-E{ background-position: 0 -203px; }
.mg-ltZm-F{ background-position: 0 -250px; }
.mg-ltZm-G{ background-position: 0 -308px; }
.mg-ltZm-H{ background-position: 0 -360px; }
.mg-ltZm-I{ background-position: 0 -418px; }
.mg-ltZm-J{ background-position: 0 -471px; }
.mg-ltZm-K{ background-position: 0 -527px; }
.mg-ltZm-L{ background-position: 0 -579px; }
.mg-ltZm-M{ background-position: 0 -630px; }
.mg-ltZm-N{ background-position: 0 -684px; }
.mg-ltZm-O{ background-position: 0 -738px; }
.mg-ltZm-P{ background-position: 0 -790px; }
.mg-ltZm-Q{ background-position: 0 -846px; }
.mg-ltZm-R{ background-position: 0 -900px; }
.mg-ltZm-S{ background-position: 0 -952px; }
.mg-ltZm-T{ background-position: 0 -1003px; }
.mg-ltZm-U{ background-position: 0 -1055px; }
.mg-ltZm-V{ background-position: 0 -1106px; }
.mg-ltZm-W{ background-position: 0 -1157px; }
.mg-ltZm-X{ background-position: 0 -1210px; }
.mg-ltZm-Y{ background-position: 0 -1262px; }
.mg-ltZm-Z{ background-position: 0 -1318px; }
.mg-ltZm-spacer, .mg-ltZm- { background-position: 50px 0;  cursor:default;}

.error {
    margin-bottom: 14px;
    color: #2a2a2a;
    font-size: 85%; 
    line-height: 14px; 
    font-weight: bold;
}