/*Size charts*/
body.popup #bodyContainer {
	margin: 0px;
	background-color:#ffffff;
}

#sizeChartContainer {
	padding: 0px;
	margin: 0px;
	width: 517px;
	height: 469px;
	/*border: 1px solid #000000;*/
	
}

#sizeChartHeaderContainer {
	background-color: #ffffff; 
	width: 497px; 
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 7px 0px;
}

html>body #sizeChartHeaderContainer {
	margin: 0px 0px 20px 0px;
}

#sizeChartHeaderContainer div, #sizeChartHeaderContainer span {
	margin: 0px;
}

#sizeChartHeaderContainer .sizeChartHeader {
	margin: 10px 0px 0px 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color: #ff6600;
}

#sizeChartHeaderContainer #sizeChartSelectionContainer {
	margin: 10px 0px;
	padding: 0px;
	width: 497px;
	height: 20px;
}

#sizeChartHeaderContainer #sizeChartSelectionContainer .sizeChartHeaderDropdown {
	margin: 0px 5px 0px 0px;
	float: left;
	clear: right;
}

#sizeChartHeaderContainer #sizeChartSelectionContainer select {
	height: 18px !important;
}

#sizeChartHeaderContainer #sizeChartSelectionContainer .sizeChartHeaderButton {
	padding: 0px;
	margin: 0px;
	float: left;
	clear: right;
}

.divider1 {
	height: 1px;
	margin: 0px;
	padding: 0px;
	clear: both;
	overflow: hidden;
	background-image: url(/assets/common/dash_horizontal.gif);
} 

#sizeChartContentContainer {
	width:517px;
	height:392px;
	margin: 0px;
}

#cid1, #tab1 {
	display: block;
}

#cid2, #tab2 {
	display: none;
}

.hideShow {
	margin: 0px;
}

#sizeChartContentHeader {
	margin: 15px 10px 0px 10px;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}

#sizeChartContentHeader .sizeChartContentHeaderSubtext {
	font-size: 9px;
	font-weight: normal;
	color: #333333;
}

#sizeChartTableContainer {
	margin: 0px;
}

#sizeChartTableContainer .tabContainer {
	margin: 13px 0px 0px 0px;
	padding: 0px;
}

html>body #sizeChartTableContainer .tabContainer {
	margin: 13px 0px 0px 0px;
}

#sizeChartTableContainer .tabBottomLine {
	background-image: url(/assets/common/dash_horizontal.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-left: 10px;
	height:30px;
}

#contentContainer {
	width: 542px;
	height: 305px;
	overflow: auto;
}

#sizeChartTableContentContainer, #measuringTipsTableContentContainer {
	padding: 0px;
	width: 517px;
}

.button_go_sm {
	width: 32px;
	height: 20px;
}

.tab_size_chart {
	width: 71px;
	height: 30px;
}

html>body .tab_size_chart {
	margin-bottom: -2px;
}

.tab_tips {
	width: 100px;
	height: 30px;
}

html>body .tab_tips {
	margin-bottom: -2px;
}

.image_size_chart_splash {
	width: 517px;
	height:392px;
}


/*SIZE CHART - OLN */
body	{
		background-color:#ffffff;
		background-image: none;
		padding-left:5px;
}

table {
	border:1px; 
	margin:0px; 
	padding:0px;
}

th	{
	text-align:center; 
	border:1px solid #fff; 
	height:45px; 
	font-weight:bold; 
	font-size:13px; 
	background-color:#82aeca; 
	color:#333333;
}

.textSmall	{
	text-align:center; 
	font-weight:bold; 
	font-size:11px; 
	color:#333333;
}

.th_rows	{
	text-align:center; 
	border-left:1px solid #fff; 
}

.sizeth	{
	padding:8px;
	text-align:left; 
	border:1px solid #fff; 
	width:130px; 
	height:45px; 
	font-weight:bold; 
	font-size:13px; 
	background-color:#00436e; 
	color:#FFFFFF;
}

.leftSideHeader	{
	padding:8px;
	text-align:left; 
	border:1px solid #fff; 
	width:130px; 
	height:22px; 
	font-weight:bold; 
	font-size:11px; 
	background-color:#82aeca; 
	color:#333333;
}

.leftSideHeader_Light	{
	padding:8px;
	text-align:left; 
	border:1px solid #fff; 
	width:130px; 
	height:22px; 
	font-weight:bold; 
	font-size:11px; 
	background-color:#DDEEFE; 
	color:#333333;
}

td	{
	border:1px solid #9fa1a4; 
	text-align:center; 
	height:21px; 
	font-size:11px;
	color:#666666;
	background-color:#FFFFFF;
	white-space:nowrap;
}

.td_Light	{
	border:1px solid #9fa1a4; 
	text-align:center; 
	height:21px;
	font-size:11px;
	color:#666666;
	background-color:#DDEEFE;
}

hr	{
	shade:no-shade;
	width:633px;
	text-align:left; /*this will align it for IE*/
	margin: 0 auto 0 0; /*this will align it left for Mozilla*/
	height:1px;
	color:#afb3b6;
	background-color:#afb3b6;
	border:none;
	margin-top:6px;
	margin-bottom:6px;
}
.chartTitle	{
	font-weight:bold;
	font-size:18px;
	color:#00436e;
}

.scroll {
	overflow:scroll;
	width:665px;
	height:460px;
}

.exclusive {
	margin-top:10px;
	margin-bottom:10px;
	color:#666666;
}

.mat_excl {
	margin-top:10px;
	margin-bottom:10px;
	color:#666666;
	font-weight:bold;
}

.mat_feat {
	margin:10px 5px 10px 5px;	
	color:#666666;

}

/*How to Measure */
.howTo	{margin: 10px 10px 0px 0px; font-size:10px; color:#666666;}
.howTo .header{margin:0px 0px 0px 0px; font-weight:bold; color:#333333; font-size:13px;}
.howTo .body{margin:0px 0px 0px 0px;}


/* END SIZE CHART - OLN */

.chartName {margin:0px 0px 5px 0px;}
.sizeChart{margin: 10px 0px 10px 5px;}


.sizeChartTable div{padding:0px 10px 0px 10px; margin:1px; height:19px; line-height:19px; color:#333;}
.firstColumn{font-weight:bold;}
.cellBackGroundUnhighlighted{background-color:#FFFFFF;}
.cellBackGroundHighlighted{background-color:#DCE2F0;}
.sizeChartTable .cellBackGroundHighlightedWrap{background-color:#DCE2F0; height:38px; line-height:38px;}
.sizeChartTable .cellBackGroundHighlightedWrapMain{background-color:#DCE2F0; height:38px;}
.sizeChartTable .cellBackGroundUnhighlightedWrap{height:38px; line-height:38px;}
.sizeChartTable .cellBackGroundUnhighlightedWrapMain{height:38px;}
.sizeChartTable .wrap{height:38px; line-height:38px;}
.sizeChartTable .wrapMain{height:38px;}

.noWrap{white-space:nowrap;}

.cellColspan2{width:140px;}
.cellColspan3{width:210px;}

.sub{vertical-align: sub}
.super{vertical-align: super}
.fractionSize{font-size:8px;color:#000000;}

/* <span class="fractionSize"><span class="super">1</span>/<span class="sub">2</span></span>  */


/*Measuring tips*/
/*
<p class="header"></p>
<p class="body"></p>
*/

.measuringTips{margin: 20px 10px 0px 10px; font-size:10px;}
.measuringTips .header{margin:15px 0px 0px 0px; font-weight:bold;}
.measuringTips .body{margin:0px 0px 0px 0px;}

.imageMatTopsAndOuterwear{float:left; margin:0px 10px 240px 0px}
.imageMatBottoms{float:left; margin:0px 10px 10px 0px}
.imageWomensBrasAndPanties{float:left; margin:0px 10px 10px 0px}


