#size_chart_content ol { float: left; }
.size-guide-gender-container { margin-bottom: 20px; }
nav.size-guide-nav { width: 65%; float: left; margin-bottom: 20px; margin-left: 17.5%; margin-right: 17.5%; }
#size_chart_content .secondary-button { max-width: 100px; width: 21%; float: left; font-size: 14px; margin: 0 2% 10px 2%; padding: 7px 0; }
#size_chart_content .secondary-button.selected { box-shadow: 0 1px 0 #343434, inset 0 1px 0 #343434, 0 0 0 1px #000000; background: #343434; color: #ffffff; text-shadow: none; }
#size_chart_content h2 { font-size: 24px; width: 100%; clear: both; }
#size_chart_content h3 { font-size: 16px; width: 100%; clear: both; }
#size_chart_content h2, #size_chart_content h3 , #size_chart_content h4 { border-bottom: 0 none; margin: 0; padding: 15px 0 10px; }
#size_chart_content p, #size_chart_content p a, #size_chart_content ul li { max-width: none; font-size: 0.9em; float: left; }
#size_chart_content ul { margin-bottom: 20px; }
#size_chart_content img { float: left; margin-right: 5%; max-width: none; }
#size_chart_content ul { margin-top: 20px; }
#size_chart_content ol li { font-size: 12px; }
#size_chart_content .header {  background: #f0efec; }
#size_chart_content td, #size_chart_content th { padding: 5px; font-size: 12px; text-align: center; }
#size_chart_content tr.inches { background: #f7f7f5; }

.title { text-align: center; color: rgb(68,68,68); font-size: 18px; line-height: 140%; text-decoration: underline; text-transform: uppercase; }
.size-guide { margin: 0 auto; min-width: 550px; color: rgb(68,68,68); font-size: 12px; text-align: center; }
#size_chart_content table { width: 100%; }
.row-title { background-color: #f0efec; }
.row-title > td { font-weight: bold; }
.row-even { background-color: #f7f7f5; }
.sizeguide.wrapper { font-size: 0.8em; }
.size_guide_nav { width:100%;clear:both; padding: 20px 0 0 0; }
.size_guide_nav ul { margin: 10px 27% 20px; }
.size_guide_nav li { display:inline; padding:0 2% 0 0; }
.size_guide_nav a { height:36px; }
.copy p { font: 0.9em Georgia, serif; }

.img_body h2, .chart_wrap h2, .copy h2 { color: #444444; padding: 0 0 10px 0; text-align: left; }
.img_body { float:left; padding: 0 10px 0 0; width:300px; text-align: center; }
.img_key { float:left;text-align: left; }
.img_key li strong { color: #444;font: 15px/28px Georgia, serif; font-weight: bold; }
.img_key li { color: #444;font: 14px/28px Georgia, serif }

.chart_wrap { float:left; max-width:600px; }
.chart_wrap { float:left; max-width:600px; }
.chart_wrap table { font: 12px/14px Arial, Helvetica, sans-serif; }
.chart_wrap table.narrow { display:none; }
.chart_wrap td { padding:5px; text-align: center; }
.chart_wrap td[colspan="3"]{ padding:5px 0 5px 5px; text-align: left; }
.chart_wrap td[rowspan="2"]{ vertical-align: middle; }
.chart_wrap th { width:160px; }

.tblhead { padding:5px 0 }
.tblhead td, .chart_wrap th { vertical-align: middle; }

.cmin { text-align: left; font-size: 10px; }
.sizeChart { margin: 0pt 0pt 30px; }

.chartbrands th { text-align: left; padding: 0 0 0 8px; }

.mens_details { width:100%; float:left; }
.mens_details ul { margin:0 0 20px 0; }
.mens_details li { list-style-type: none; margin:0 0 10px 30px; font: 0.9em "helvetica neue", Arial, sans-serif; }
.mens_details li:before { content:'\2022'; display: block; position: relative; max-width: 0px; max-height: 0px; left: -15px; top: -2px; color: #1AA98D; font-size: 20px; }

@media screen and (max-width: 975px) {
    .chart_wrap table.narrow { display:none; }
    .chart_wrap table.full { display:block; }
    .chart_wrap { width:100%; float:none; }
    .size_guide_nav ul { margin: 10px 19% 20px; }
    .sizeChart, .img_body, .img_key{ width:100%; float:none; }
    .img_key{ padding: 0 0 30px 0; }
}
@media screen and (max-width: 778px){
    #window_sizeguide { left: 5px; }
    .chart_wrap { width:40%; }
    .size_guide_nav ul { margin: 10px 6% 20px; }
}
@media screen and (max-width: 695px){
    #size_chart_content td, #size_chart_content th { font-size: 10px; padding: 2px; }
}
@media screen and (max-width: 568px) {
    .img_body, .chart_wrap { width:100%; }
    .size_guide_nav ul { margin: 10px 0% 20px; }
}
@media screen and (max-width: 460px) {
    nav.size-guide-nav { margin-left: 10%; margin-right: 0; width: 90%; }
}
@media screen and (max-width: 450px) {
    .size_guide_nav li { display:block; text-align: center; }
}