﻿/*-----------------------------------------------------------------------------------------------
	Size Chart Styles - These Styles apply to the size chart popups on the product detail pages
	These are styles I added on 02/24/09 for the layout and text on the Size Chart Page -DML
	---------------------------------------------------------------------------------------------*/

	
	/* This style controls text (page title) at the top of the size chart  */
	
	#mjSZCpagetitle		{
		font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
		font-size: 18px;
		color: #333333;
		font-weight: bold;
		text-align: center;
		width: 100%;
	}	
	
	/* This style controls size chart table title styles  */
	
	#mjSZCchrttitle1 {
		font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
		font-size: 13px;
		color: #333333;
		font-weight: bold;
		text-align: left;
		width: 100%;
	}

	/* This style controls cell background, borders and text, left aligned, in the size chart  */
	
	.mjSZCcolumnstyle1 {
		border: 1px solid #CCCCCC;
		background-color: #CCCCCC;
		width: 60px;
		font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
		font-size: 11px;
		color: #333333;
		font-weight: bold;
		text-align: left;	
	}

/* This style controls cell background, borders and text, centered, in the size chart  */
	
	.mjSZCrowstyle1 {
		border: 1px solid #CCCCCC;
		background-color: #CCCCCC;
		width: 60px;
		font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
		font-size: 11px;
		color: #333333;
		font-weight: bold;
		text-align: center;	
	}

/* This style controls cell background, borders and text, centered, in the size chart  */
	
	.mjSZCtablebodystyle1 {
	width: 60px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: center;
	border-right-style: solid;
	border-right-width: thin;
	border-right-color: #CCCCCC;
}

/* This style controls cell background, borders and text, centered, in the size chart  */
	
	.mjSZCtablebodystyle2 {
	width: 60px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: center;
	border-right-style: solid;
	border-right-width: thin;
	border-right-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #CCCCCC;
}

/* This style controls the title "ensuring proper fit, etc" in the size chart  */
	
	#mjSZCproperfittitle {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 13px;
	color: #333333;
	text-align: left;
	font-weight: bold;
	width: 525px;
}

/* This style controls the content under "ensuring proper fit, etc" in the size chart  */
	
	#mjSZCproperfit1 {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 13px;
	color: #333333;
	text-align: left;
	}
