/* Standalone size chart */


/* #Tabs (activate in tabs.js) 
================================================== */

ul { list-style-type:none;}

	.chart-tabs
	{
    margin: 1% 2% 2em 2%;
	background: none;
	}

	.chart-tabs ul.tabs {
		display: block;
		margin: 0;
		padding: 0;
		border-bottom: solid 1px #ddd;
		}
	.chart-tabs ul.tabs li {
		display: block;
		width: auto;
		height: 40px;
		padding: 0;
		float: left;
		margin-bottom: 0; }
	.chart-tabs ul.tabs li a {
		display: block;
		text-decoration: none;
		width: auto;
		height: 39px;
		padding: 0px 25px;
		line-height: 40px;
		border: solid 1px #ddd;
		border-width: 1px 1px 0 0;
		margin: 0;
		background: #f1f1f1;
		font-size:1.25em;}
		
	.chart-tabs ul.tabs li a.active {
		background: #fff;
		width: auto;
		height: 45px;
		position: relative;
		top: -9px;
		padding: 4px 25px 0;
		border-left-width: 1px;
		margin: 0 0 0 -1px;
		color: #00a4e4;
		-moz-border-radius-topleft: 4px;
		-webkit-border-top-left-radius: 4px;
		border-top-left-radius: 4px;
		-moz-border-radius-topright: 4px;
		-webkit-border-top-right-radius: 4px;
		border-top-right-radius: 4px; }
		
	.chart-tabs ul.tabs li:first-child a.active {
		margin-left: 0; }
	.chart-tabs ul.tabs li:first-child a {
		border-width: 1px 1px 0 1px;
		-moz-border-radius-topleft: 4px;
		-webkit-border-top-left-radius: 4px;
		border-top-left-radius: 4px; }
	.chart-tabs ul.tabs li:last-child a {
		-moz-border-radius-topright: 4px;
		-webkit-border-top-right-radius: 4px;
		border-top-right-radius: 4px; }

	.chart-tabs ul.tabs-content { margin: 0; display: block; border-left: solid 1px #ddd; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; background-color:#fff;}
	.chart-tabs ul.tabs-content > li { display:none; padding:10px 10px 15px 10px; }
	.chart-tabs ul.tabs-content > li.active { display: block; }

	/* Clearfixing tabs for beautiful stacking */
	.chart-tabs ul.tabs:before,
	.chart-tabs ul.tabs:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; }
	.chart-tabs ul.tabs:after {
	  clear: both; }
	.chart-tabs ul.tabs {
	  zoom: 1; }
	  
.tabs-content a:link, .tabs-content a:visited, .tabs-content a:active{
  text-decoration:underline;
  color:#333;
}

.tabs-content a:hover{
  text-decoration:underline;
}


.charts
{color:#22b0e8;

font-size:1.25em;
margin:2%;}


.size-title
{color:#22b0e8;

font-size:1.25em;
margin-top:.3125em;
float:left;}

table.size-chart, table.big-kids
{width:100%;
margin:16px 0;
border:1px solid #ccc;
background-color:#fff;
text-align:center;
font-family: 'AvenirBook',Arial,sans-serif;
font-size:14px;
color:#333;
float:left;}

table.size-chart tr th
{width:25%;
background-color:#fff;
font-weight:bold;
padding:1em 0;
border-right: 1px solid #ccc;}

table.big-kids tr th
{width: 12.5%;
background-color: #333;
text-align: center;
font-weight: bold;
color: #fff;
text-transform: uppercase;
text-align: center;
padding: 1em 0;
border-right: 1px solid #ccc;}

table.size-chart tr.odd, table.big-kids tr.odd
{background-color:#f7f7f7;}

table.size-chart tr td, table.big-kids tr td
{   padding: 0.75em 0;
    vertical-align: middle;
	border: 1px solid #ccc;}
	
.sketches {width:100%; margin: 0 auto;}	
	
 @media screen and (max-width: 1399px) {
.sketches img
{width:285px; float:left;}
.sketch-margin {margin-right:0;}	
}

@media screen and (min-width: 1400px) {
.sketches img
{width:324px; float:left;}
.sketch-margin {margin-right:100px;}	
}

.chartsList {
    float: left;
    margin: .25em 0 0 1.5625em;
}

.chart-note
{clear: both; color:#666;}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color: #333;}

#size-charts.popup {
	margin:0 10px;
	width:700px;
	box-sizing:border-box;
}

h1.main-title {font-weight:normal;}

div.denimPlace {margin-bottom:25px;}