/* COMMON
__________________________________________ */

/* background */

.main {
	background-color: #05ad9f;
}
.main .content {
	background-image: url(../images/main.background.find.gif);
	background-color: #05ad9f;
}

/* header */

.header {
	background-image: url(../images/header.background.find.gif);
}

/* logo */

.header h1 a {
	background-image: url(../images/sporture.logo.find.png);
	width: 205px;
	height: 80px;
}

/* navigation */

.header ul.navigation li.nav-design a {
	background-image: url(../images/nav.find.design.gif);
}
.header ul.navigation li.nav-shop a {
	background-image: url(../images/nav.find.shop.gif);
}
.header ul.navigation li.nav-find a {
	background-image: url(../images/nav.find.find.gif);
	background-position: 0 -36px;
}
.header ul.navigation li.nav-get a {
	background-image: url(../images/nav.find.get.gif);
}

/* remember the dancer */

.focus {
	padding-top: 56px;
	background: transparent url(../images/dancer.find.gif) 0 12px no-repeat;
}


/* SIZING
__________________________________________ */

/* introduction */

.sizing_introduction {
	float: left;
	margin-left: 25px;
	width: 580px;
}
.sizing_introduction ol {
	margin-left: 2em;
	margin-bottom: 2em;
	color: #fff;
}
.sizing_introduction ol li {
	margin-bottom: 1em;
}

/* chart */

.sizing_chart {
    float: left;
	margin-left: 25px;
	width: 900px;
    position: relative;
    height: 1%;
}
.sizing_chart .illustration {
	position: absolute;
	bottom: 0;
    right: 0;
	width: 311px;
	height: 375px;
}
.sizing_chart table {
	margin-bottom: 1px;
	width: 584px;
	color: #fff;
	border-top: 9px solid #2dbaae;
}
.sizing_chart table tr th,
.sizing_chart table tr td {
	padding: 4px 0 3px 6px;
	vertical-align: top;
	text-align: left;
	font-size: 0.9em;
	font-weight: bold;
}
.sizing_chart table tr td {
	width: 72px;
}
.sizing_chart table tr th {
	padding-left: 20px;
}
.sizing_chart table tr.even th,
.sizing_chart table tr.even td {
	background-color: #23b7ab;
}
.sizing_chart table tr.top th {
	padding: 0 0 3px 6px;
	background-color: #2dbaae;
	border-left: 1px solid #00a194;
}
.sizing_chart table tr th.for {
	padding-left: 20px;
	border-left: none;
	color: #a4e9fa;
	font: bold 1.8em Arial, Helvetica, sans-serif;
}

/* fabulous fit */

.fabulous {
	clear: both;
	padding: 34px 25px 40px 327px;
	background: transparent url(../images/find.ribbon.gif) 18px 12px no-repeat;
}