@charset "utf-8";
/* CSS Document */

	#cs-content {
		width:90%;
		float:left;
		padding:0;
		margin:0 15px 0 15px;
		font-size:1.1em;
		line-height:1.4;	
	}
	
	#cs-content ul{
		list-style: disc;
		margin-bottom: 1em;	
	}
	
	#cs-content li{
		margin-left: 13px;
	}
	
	#cs-content h1 {
		font-size:2.4em;
		color:#05173d;
		font-family: Arial, Helvetica, sans-seriff;
		padding-bottom:15px;
		line-height:25px;
		font-weight:bold;
		margin:0;
		font-size: 1.75em;
		padding:10px 0px 10px 0px;
		margin: 2px 0 0;
		background-color:#FFFFFF;	
	}
	
	#cs-content h2 {
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.5em;
		color:#05173d;
		text-transform:none;
	}
	
	#cs-content h3 {
		padding:0;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.1em;
		color:#05173d;
	}
	
	#cs-content table {
		margin-bottom: 30px;
		font-size: 1em;	
	}	
	
	#motif {
	width: 100%;
	}
	
	#motif div {
	float:left;
	margin-left: 3px;
	margin-top: 8px;
	text-align:center;
	border: 1px solid #cccccc;
	}
	
	#motif div img {
	padding-bottom: 4px;
	}
	
	#size-chart-content h4 {
		padding: 0;	
	}
	
	#cs-content h3 a:link, h3 a:visited, h3 a:hover {
		color:#05173d;
		text-decoration:none;	
	}
	
	#cs-content h2 a:link, h2 a:visited, h2 a:hover {
		color:#05173d;
		text-decoration:none;	
	}
	
	#cs-content p{
		padding-bottom:15px;
		font-family:Arial, Helvetica, sans-serif;	
	}
	
	#cs-content blockquote {
		margin-left:15px;
	}
	
	#cs-content a {
		color:#394A7C;
		text-decoration: underline;
	}
	
	#size-chart-content {
		width: 100%;	
	}
	
	.size-chart th {
		white-space: normal;
		text-align: center;
		font-family: Arial;
		font-size: 0.7em;
		line-height: 1em;
		font-weight: bold;
		color: #ffffff;
		background: #05173d;
		padding: 5px;		
		border-bottom: 1px solid #cacbcd;
		border-right: 1px solid #cacbcd;
	}
	
	.size-chart td {
		text-align: center;
		font-family: Arial;
		font-size: 1em;
		line-height: 2em;
		color: #05173d;
		border-bottom: 1px solid #cacbcd;
		border-right: 1px solid #cacbcd;
	}
	
	.size-chart-2 th {
		width: 50%; /* 2 columns */	
	}
	
	.size-chart-3 th {
		width: 33.333%; /* 3 columns */	
	}
	
	.size-chart-4 th {
		width: 25%; /* 4 columns */	
	}
	
	.size-chart-5 th {
		width: 20%; /* 5 columns */	
	}
	
	.size-chart-6 th {
		width: 16.666%; /* 6 columns */	
	}
	
	.size-chart-8 th {
		width: 12.5%; /* 6 columns */	
	}
	
	.borderleft {
		border-left: 1px solid #cacbcd;	
	}
	
	.colcolor {
		background-color: #dcdff0;
	}
	
	#size-chart-content p {
		margin-top: 15px;
		margin-bottom: 15px;	
	}
	
	#size-chart-content h4 {
		margin-bottom: -15px;	
	}
	
	#size-chart-content strong {
		font-weight: bold;	
	}
	
	#size-chart-subcontent {
		width: 100%;
		float: left;
	}
	
	#size-chart-subcontent p{
		width: 50%;
		float: left;
	}
	
	.tel {
		font-size: 1em;	
	}
	
	h1 {
		font-size: 1.2em;
	}
	
	.size-icon {
		max-width: 85%;
		margin-left: 10px;
	}
	
@media screen and (max-width: 768px) {
	
	.size-chart th {
		font-size: 1em;
		line-height: 1em;
	}
	
	.tel {
		text-decoration: none; /* still clickable but visually not a phone link on large devices */
	}
	
}	
	
@media screen and (max-width: 480px) {
	
	#cs-content table {
		font-size: 0.8em;	
	}	
	
	.size-chart th {
		font-size: 0.8em;
		line-height: 1em;
	}
	
	h1 {
		font-size: 1.4em;	
	}
	
	.size-icon {
		max-width: 100%;
	}