/* CSS */


.fitguide #video {
	background-color:#000000;
	background-image:url(/images/pages/fitguide/denim_bg_blue.jpg);
	height:515px;
	position:relative;
}

.fitguide #video #bottom-shadow {
	width:100%;
	height:15px;
	position:absolute;
	bottom:0px;
	left:0;
	background-image:url(/images/pages/fitguide/bottom_shadow.png);
	_background-image:none;
	background-repeat:repeat-x;
}

/* Header
**********************/
#header-bar {
	background-image:url(/images/pages/fitguide/header_bg.png);
	background-repeat:repeat-x;
	height:101px;
}

#header-bar h1 {
	color:#FFF;
	font-size:4.5em;
	margin:0px;
	padding:5px 0px 0px 15px;
	float:left;
}

#header-bar .links {
	list-style:none;
	margin: 29px 15px 0 0;
	float:right;
}

#header-bar .links li {
	float:left;	
	padding-left:20px;
}

#header-bar a {
	color:#FFF;
	display:inline-block;
	font-size:1.8em;
	font-weight:bold;
}

#header-bar a.active, #header-bar a.active:hover {
	color:#ba2234;
}

#header-bar a:hover, #header-bar a:focus {
	text-decoration:none;
	color:#BBB;
} 


/* Video Section
**********************/
#player {
	float:left;
	margin:7px 0 0 25px;
	background-color:#000000;
	text-align:center;
}

#player p {
	margin:10px;
	color:#FFF;
}

#words {
	float:right;
	background-color:#000000;
	width:250px;
	padding:5px 5px 0px 10px;
	color:#FFF;
	position:relative;
	top:60px;
}

#words h2 {
	color:#FFF;
	margin:0;
	padding:0;
	font-size:2.4em;
	line-height:1.1em;
}

#words p {
	font-size:1.3em;
	margin:10px 0 10px 0;
	line-height:1.2em;
}







/* Active classes first so that IE6 ignores them */
#fits .active {
	/*width: 512px;*/
	cursor: auto;
}

#fits .fit.active h2 {	
	color: #dfd7b8;		
}

#fits .f_supaskinny.active h2 { background-image: url(/images/pages/fitguide/sideheader_f_supaskinny_o.gif); }
#fits .f_skinny.active h2 { background-image: url(/images/pages/fitguide/sideheader_f_skinny_o.gif); }
#fits .f_straight.active h2 { background-image: url(/images/pages/fitguide/sideheader_f_straight_o.gif); }
#fits .f_bootcut.active h2 { background-image: url(/images/pages/fitguide/sideheader_f_bootcut_o.gif); }
#fits .f_wideleg.active h2 { background-image: url(/images/pages/fitguide/sideheader_f_wideleg_o.gif); }

#fits .m_skinny.active h2 { background-image: url(/images/pages/fitguide/sideheader_m_skinny_o.gif); }
#fits .m_straight.active h2 { background-image: url(/images/pages/fitguide/sideheader_m_straight_o.gif); }
#fits .m_regularslim.active h2 { background-image: url(/images/pages/fitguide/sideheader_m_regularslim_o.gif); }
#fits .m_slimbootcut.active h2 { background-image: url(/images/pages/fitguide/sideheader_m_slimbootcut_o.gif); }
#fits .m_relaxedbootcut.active h2 { background-image: url(/images/pages/fitguide/sideheader_m_relaxedbootcut_o.gif); }

#fits .active .content {
	/*width: 477px;
	background-position: 0px 0px;*/
}




#content {
	overflow: hidden;
}

#fits { 
	width: 972px; 
	height: 488px;
	overflow: hidden;
}

#fits .fit {
	width: 115px;
	height: 488px;
	float: left;
	overflow: hidden;
	cursor: pointer;
}

#fits .fit h2 {
	margin: 0;
	padding: 300px 0 0 0;
	float: left;
	width: 35px;
	height: 488px;
	color: #bab399;
	overflow: hidden;
}
#fits .f_supaskinny h2 { background-image: url(/images/pages/fitguide/sideheader_f_supaskinny.gif); }
#fits .f_skinny h2 { background-image: url(/images/pages/fitguide/sideheader_f_skinny.gif); }
#fits .f_straight h2 { background-image: url(/images/pages/fitguide/sideheader_f_straight.gif); }
#fits .f_bootcut h2 { background-image: url(/images/pages/fitguide/sideheader_f_bootcut.gif); }
#fits .f_wideleg h2 { background-image: url(/images/pages/fitguide/sideheader_f_wideleg.gif); }

#fits .m_skinny h2 { background-image: url(/images/pages/fitguide/sideheader_m_skinny.gif); }
#fits .m_straight h2 { background-image: url(/images/pages/fitguide/sideheader_m_straight.gif); }
#fits .m_regularslim h2 { background-image: url(/images/pages/fitguide/sideheader_m_regularslim.gif); }
#fits .m_slimbootcut h2 { background-image: url(/images/pages/fitguide/sideheader_m_slimbootcut.gif); }
#fits .m_relaxedbootcut h2 { background-image: url(/images/pages/fitguide/sideheader_m_relaxedbootcut.gif); }

#fits .fit .content {
	background-position: -80px 0px;
	background-repeat: no-repeat;
	width: 80px;
	height: 488px;
	float: left;
	position: relative;
	overflow: hidden;
}
#fits.womens .f_supaskinny .content { background-image: url(/images/pages/fitguide/model_f_supaskinny.jpg); }
#fits.womens .f_skinny .content { background-image: url(/images/pages/fitguide/model_f_skinny.jpg); }
#fits.womens .f_straight .content { background-image: url(/images/pages/fitguide/model_f_straight.jpg); }
#fits.womens .f_bootcut .content { background-image: url(/images/pages/fitguide/model_f_bootcut.jpg); }
#fits.womens .f_wideleg .content { background-image: url(/images/pages/fitguide/model_f_wideleg.jpg); }

#fits.mens .m_skinny .content { background-image: url(/images/pages/fitguide/model_m_skinny.jpg); }
#fits.mens .m_straight .content { background-image: url(/images/pages/fitguide/model_m_straight.jpg); }
#fits.mens .m_regularslim .content { background-image: url(/images/pages/fitguide/model_m_regularslim.jpg); }
#fits.mens .m_slimbootcut .content { background-image: url(/images/pages/fitguide/model_m_slimbootcut.jpg); }
#fits.mens .m_relaxedbootcut .content { background-image: url(/images/pages/fitguide/model_m_relaxedbootcut.jpg); }

#fits .fit .content .text {
	/*border: solid 1px red;*/
	width: 232px;
	height: 450px;
	margin: 10px 0 0 225px;
	overflow: auto;
}

#fits .fit .content .text h3, #fits .fit .content .text p {
	background: #f0e0c6;
	padding: 0.2em 0.6em;
	color: #000;
	margin: 0 0 0.8em 5px;
	width: 200px;
}

#fits .fit .content .text h4 {	
	text-align: center;
	font-weight: normal;
}

#fits .fit .content .text a {
	float: left;
	width: 73px;
	font-size: 85%;
	display: block;
	text-align: center;
	text-transform:capitalize;
}

#fits .fit .content .text a:hover {
	text-decoration: none;
}

#fits .fit .content .text a img {
	width: 73px;
	height: 82px;
	border: dashed 1px #EEE;
}

#fits .fit .content .text a:hover img {
	border: solid 1px #EEE;
	
}