body {
}

h1, h2, h3, h4, .heading {
	font-family: Arial;
	font-weight: bold;
	color: #a80367;
}

h2 {
	font-size: 130%;
	margin-bottom: 5px;
}
h3 {
	font-size: 110%;
	margin-bottom: 5px;
}

h4 {
	font-size: 130%;
	margin-bottom: 3px;
}

#content {
	width: 950px;
	margin: auto;
	clear: both;
	font-size: x-small;
	background: #fff;
	background: url(../images/perfectfit/content.bg.gif);
	padding-top: 130px;
}

#footer { 
    background: url(../images/perfectfit/footer.png) no-repeat top;
}

#maincontent a {
	font-family: Verdana, Arial;
	font-weight: bold;
}

#content.twocols {
	margin-left: 2px;
	width: 950px;
}

#pfcontent {
	background: url(../images/perfectfit/grey.png) top no-repeat;
	padding-top: 25px;	
    width: 950px;
    margin: 0px;
}
#leftnav {
    width: 190px;
    float: left;
}
#maincontent {
    width: 584px;
    float: left;   	
    float: left ! important;
	clear: none ! important;
    margin: 0px ! important; 
}    
#content.twocols #maincontent {
	width: 746px; /*760px;*/
	float: left ! important;
	clear: none ! important;
	margin: 0px;	
}

/* note overriding default.css */
#banners {
    width: 176px;
    float: left;	        
    margin: 0px;
    padding: 0px;
}
#banners img {
	width: 167px;
	height: 124px;	
}
#banners div {
    margin: 0px;
    padding: 0px;	
    width: 167px;
    height: 138px;
}
#banners img {
    margin: 0px;
    padding: 0px;	
}
ul.none {
	margin: 0px;
	padding: 0px;	
}
ul.none li {
	list-style-type: none;
	
}

ul.leftnav {
	margin: 0px 0px 0px 14px;
	padding: 0px;
}

ul.leftnav li {
	list-style-type: none;	
	width: 163px;
}

ul.leftnav li a {
	display: inline-block; /* Firefox should just be block */
	padding: 2px 0px 2px 8px;
	font-size: 10px;
	font-weight: normal; /* bold */
	font-family: arial;
	background: #3f2a27 url(../images/perfectfit/leftnav.level1.bg.gif) no-repeat right;	
	color: #fffbf4;	
	display: block;	
	margin: 0px 0px 3px 0px;
}

ul.leftnav li a.selected, ul.leftnav li a.active {
	background: #3f2a27 url(../images/perfectfit/leftnav.level1.selected.bg.gif) no-repeat right;	
	color: #ffc4d0;
}

ul.leftnav li a:hover {
	color: #ffc4d0;
}

ul.leftnav li ul li a:hover {
	color: #fffbf4;	
}

ul.leftnav li ul {
    margin: 0px;
    padding: 0px;	
    display: none;
}
ul.leftnav li.active ul, ul.leftnav li.selected ul, ul.leftnav li.firstactive ul, ul.leftnav li.firstselected ul, ul.leftnav li.lastactive ul, ul.leftnav li.lastselected ul {
    display: block;	
}

ul.leftnav li.first a {
	background: url(../images/perfectfit/leftnav.bg.corners.png) no-repeat top ! important;
}
ul.leftnav li.firstactive a, ul.leftnav li.firstselected a {
	background: url(../images/perfectfit/leftnav.active.bg.corners.png) no-repeat top ! important;
}

ul.leftnav li ul li a, ul.leftnav li.firstactive ul li a, ul.leftnav li.firstselected ul li a {
	background: #cbaf9e ! important;
	color: #3f2a27;
}	
ul.leftnav li ul li a.selected, ul.leftnav li.firstactive ul li a.selected , ul.leftnav li.firstselected ul li a.selected {
	background: #e9eae5 ! important;
	color: #351736;
}

ul.leftnav li.first a, ul.leftnav li.firstactive a, ul.leftnav li.firstselected a, ul.leftnav li.last a {
	background: url(../images/perfectfit/leftnav.level1.bg.gif) no-repeat right;	
}
ul.leftnav li.first ul li a, ul.leftnav li.firstactive ul li a, ul.leftnav li.firstselected ul li a  {
	background: #cbaf9e;	
	color: #3f2a27;
}	
ul.leftnav li.first ul li a.selected , ul.leftnav li.firstactive ul li a.selected, ul.leftnav li.firstselected ul li a.selected, ul.leftnav li.firstselected ul li a.selected:hover   {
	background: #e9eae5;
	color: #351736;
}
ul.leftnav li.first ul li a:hover , ul.leftnav li.firstactive ul li a:hover , ul.leftnav li.firstselected ul li a:hover   {
	color: #fffbf4 ! important;
}
ul.leftnav li.firstactive ul li a.selected:hover   {
	color: #351736 ! important;
}
/*ul.leftnav li.first a.active, 
ul.leftnav li.first a.selected, 
ul.leftnav li.firstactive a.active, 
ul.leftnav li.firstactive a.selected, 
ul.leftnav li.firstselected a.active, 
ul.leftnav li.firstselected a.selected, */
ul.leftnav li.last a.active, 
ul.leftnav li.last a.selected, 
ul.leftnav li.lastactive a.active, 
ul.leftnav li.lastactive a.selected, 
ul.leftnav li.lastselected a.active, 
ul.leftnav li.lastselected a.selected {
	background: url(../images/perfectfit/leftnav.level1.selected.bg.gif) no-repeat right;	
}
ul.leftnav li.last {
	background: url(../images/perfectfit/leftnav.bg.corners.png) no-repeat bottom;
}
ul.leftnav li.lastactive, ul.leftnav li.lastselected {
	background: transparent;
}
ul.leftnav li.lastactive a, ul.leftnav li.lastselected a {
	background: #3f2a27 url(../images/perfectfit/leftnav.level1.selected.bg.gif) no-repeat right ! important;		
}
ul.leftnav li.lastactive ul li.lastselected, ul.leftnav li.lastselected ul li.last {
	background: transparent ! important;	
	/*background: url(../images/perfectfit/leftnav.level2.bg.bottom.png) no-repeat bottom ! important;	*/
}
ul.leftnav li.lastactive ul li.lastselected a, ul.leftnav li.lastselected ul li.last a {
	/*background: transparent ! important;	*/
	background: url(../images/perfectfit/leftnav.level2.bg.bottom.png) no-repeat bottom ! important;	
	color: #3f2a27;
}
ul.leftnav li.lastactive ul li.lastselected a.selected, ul.leftnav li.lastselected ul li.last a.selected {
	background: url(../images/perfectfit/leftnav.level2.selected.bg.bottom.png) no-repeat bottom ! important;		
	color: #351736;
}

ul.leftnav li.last a {
}

div.contentbox div.top, div.contentbox570 div.top  {
	background: url(../images/perfectfit/pink.top.570.png);
	width: 570px;
	height: 71px;
	overflow: hidden;
}
div.twocols div.contentbox div.top {
	background: url(../images/perfectfit/pink.top.746.png);
	width: 746px;	
}
div.contentbox div.top img, div.contentbox570 div.top img {
	margin-left: 20px;
}

div.contentbox div.sides, div.contentbox570 div.sides  {
	width: 566px;
	border-right: 2px solid #e0c2c1;	
	border-left: 2px solid #e0c2c1;	
}

div.twocols div.contentbox div.sides {
	width: 742px;
}
div.contentbox div.bottom, div.contentbox570 div.bottom {
	width: 570px;
	background: url(../images/perfectfit/pink.bottom.570.png)  no-repeat;
	height: 16px;
}
div.contentbox div.darkbottom, div.contentbox570 div.darkbottom {
	width: 570px;
	background: url(../images/perfectfit/pink.bottom.filled.dark.570.png)  no-repeat;
	height: 16px;
}
div.contentbox div.lightbottom, div.contentbox570 div.lightbottom {
	width: 570px;
	background: url(../images/perfectfit/pink.bottom.filled.570.png)  no-repeat;
	height: 16px;
}

div.twocols div.contentbox div.bottom {
	width: 746px;
	background: url(../images/perfectfit/pink.bottom.746.png)  no-repeat;	
}

div.twocols div.contentbox div.darkbottom {
	width: 746px;
	background: url(../images/perfectfit/pink.bottom.filled.dark.746.png)  no-repeat;	
}

div.top a.back {
	margin: -30px 25px 0px 0px;
	float: right;
}
div.contentbox div.light, div.contentbox570 div.light {
	background: #f9edf4 url(../images/perfectfit/light.bg.png);
}

div.contentbox div.dark {
	background: #c24e94 url(../images/perfectfit/dark.bg.png);
}
div.contentbox div.dark a {
	color: #fff;
}
	
div.contentbox div.fullwidth {
	width: 570px;
}
div.twocols div.contentbox div.fullwidth {
	width: 746px;
}

#positions {
    margin: 0px;
    padding: 0px;
	height: 393px;    
}

#positions li img {
	float: left;
}
#positions li { 
	background: url(../images/perfectfit/divider.vertical.gif) center no-repeat;
}
#positions li dl {
	float: right;
	width: 230px;
	padding: 90px 20px 0px 0px;
}
#positions li dl dt {
	font-family: arial;
	font-weight: bold;
	font-size: 130%;
	color: #a80367;
	margin-bottom: 5px;	
}
#positions li {
	display: none;	
}
#bottommenu.step1 #positions li.step1, 
#bottommenu.step2 #positions li.step2, 
#bottommenu.step3 #positions li.step3, 
#bottommenu.step4 #positions li.step4, 
#bottommenu.step5 #positions li.step5, 
#bottommenu.step6 #positions li.step6,
#bottommenu.step7 #positions li.step7 {
	display: block;	
}




#bratypes {
    margin: 0px;
    padding: 0px;
}
#bratypes li {
	list-style-type: none;
	
}
#bratypes li img {
	float: left;
}

#bratypes.padtext li dl {
	padding: 0px 20px 0px 20px;
	display: inline-block;
	width: 240px;
	float: left;
}

div.number {
	width: 20px; 
	height: 20px; 
	background: url(../images/perfectfit/circle.bg.gif); 
	font-family: arial; 
	font-size: 12px; 
	color: #5f312c; 
	text-align: center;	
	margin-bottom: 3px;
}
div.number strong {
	padding-top: 2px; 
	display: block;
}

.white {
	background-color: #fff ! important;
}


ul.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.menu li {
	margin-bottom: 3px;
}
ul.menu li a {
	font-family: verdana, arial;
	font-weight: bold;
	
}

#bottommenu ul.explanations {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-bottom: 10px;
}
#bottommenu ul.explanations h2 {
	padding-right: 10px;
}



#bottommenu ul.explanations li.step1, 
#bottommenu ul.explanations li.step2,  
#bottommenu ul.explanations li.step3, 
#bottommenu ul.explanations li.step4, 
#bottommenu ul.explanations li.step5, 
#bottommenu ul.explanations li.step6, 
#bottommenu ul.explanations li.step7, 
#bottommenu ul.explanations li.step8, 
#bottommenu ul.explanations li.step9 {
	display: none
} 


#bottommenu.step1 ul.explanations li.step1, 
#bottommenu.step2 ul.explanations li.step2,  
#bottommenu.step3 ul.explanations li.step3, 
#bottommenu.step4 ul.explanations li.step4, 
#bottommenu.step5 ul.explanations li.step5, 
#bottommenu.step6 ul.explanations li.step6, 
#bottommenu.step7 ul.explanations li.step7, 
#bottommenu.step8 ul.explanations li.step8, 
#bottommenu.step9 ul.explanations li.step9 {
	display: block;	
} 

#bottommenu.step1 ul.menu li.step1 a, 
#bottommenu.step2 ul.menu li.step2 a,  
#bottommenu.step3 ul.menu li.step3 a, 
#bottommenu.step4 ul.menu li.step4 a, 
#bottommenu.step5 ul.menu li.step5 a, 
#bottommenu.step6 ul.menu li.step6 a, 
#bottommenu.step7 ul.menu li.step7 a, 
#bottommenu.step8 ul.menu li.step8 a, 
#bottommenu.step9 ul.menu li.step9 a {
	color: #da93ba;
} 
#bottommenu ul.menu li a:hover {
	color: #da93ba;
}


#bottommenu ul.explanations, #bottommenu ul.explanations h2 {
	color: #fff;
}


#bottommenu #bratypes li.step1, 
#bottommenu #bratypes li.step2, 
#bottommenu #bratypes li.step3, 
#bottommenu #bratypes li.step4, 
#bottommenu #bratypes li.step5, 
#bottommenu #bratypes li.step6, 
#bottommenu #bratypes li.step7, 
#bottommenu #bratypes li.step8 {
	display: none;	
}

#bottommenu.step1 #bratypes li.step1,  
#bottommenu.step2 #bratypes li.step2,  
#bottommenu.step3 #bratypes li.step3,  
#bottommenu.step4 #bratypes li.step4,  
#bottommenu.step5 #bratypes li.step5,  
#bottommenu.step6 #bratypes li.step6,  
#bottommenu.step7 #bratypes li.step7,  
#bottommenu.step8 #bratypes li.step8 {
	display: block;	
}


.middledivider {
	background: url(../images/perfectfit/divider.vertical.bg2.gif) top center no-repeat; 
	margin: auto; 
	width: 566px; 
	height: 199px;
	z-index: 10; 
	position: absolute; 
	margin-top: -11px;
}

div.navigation {
	padding: 0px 50px 10px 50px;
}

a.prevarrow {
	float: left; 
	margin-left: -35px;
	display: block;
}

a.nextarrow {
	float: right; 
	margin-right: -35px;
}
a.nextarrow:hover {
	color: #da93ba ! important;	
}

div.dark div.arrow {
	padding: 10px 10px 0px 0px;
	text-align: right;
}
div.dark img.text {
	margin: 0px 7px 7px 0px;
}

#stgrid, #ftgrid {
	display: none; 
	position: absolute; 
	z-index: 2; 
	padding: 10px; 
	border: 1px solid #000;
}
#stgrid a , #ftgrid a {
	display: block;
	clear: both;
	margin-top: 15px;
}


.zoomst #stgrid, .zoomft #ftgrid {
	display: block ! important;
	margin-top: -30px;	
	width: 680px;
}
.zoomst #ftgrid, .zoomft #stgrid {
	display: none ! important;
}	

img.ie6spc {
	display: none;
}
div.exercises {
	margin: 20px 0px 0px -8px;
}

ul.relativelinks li a, a.relative {
	 position: relative; 
	 z-index: 11;
}

ol.pf li ul {
	margin: 5px 0px 15px 10px;
}

a.light img {
	filter: alpha(opacity=40, style=0);
	-moz-opacity: 0.4;	
	opacity: 0.4;		
	
}

a.light:hover img {
	filter: alpha(opacity=100, style=0);
	-moz-opacity: 1.0;	
	opacity: 1.0;	  	
}


.videolink {
	display: inline-block;
	margin: 0px 5px 3px 0px;
}

#vn {
	width: 174px;
	height: 459px;
	background: url(../images/perfectfit/video-right.bg.gif) no-repeat top left;
	float: left;
	margin-top: 70px;
	font-size: 90%;
}
#vn a {
	color: #00454d ! important;
	font-weight: normal ! important;
}
#vn a strong {
	display: block;
	color: #ab106e;
	font-weight: bold;
}
#vn ol {
	margin: 2px 2px 2px 0px;
	padding: 0px;
	height: 459px;
	overflow: hidden;
}
#vn ol li {
	list-style-type: none;
	border-bottom: 2px solid #fff;
}
#vn ol li.step7 {
	border-bottom: 0px ! important;
}
#vn a {
	display: block;
	padding: 5px;
}
#vn a:hover {
	background: #f5d8ea url(../images/perfectfit/video-right.bg.on.gif) no-repeat top left ;
}
#vn ol li.step1 a:hover, #vn.step1 li.step1 a {
	background: url(../images/perfectfit/video-right.bg.on.gif) no-repeat top right;
}
#vn.step2 li.step2 a, 
#vn.step3 li.step3 a, 
#vn.step4 li.step4 a, 
#vn.step5 li.step5 a, 
#vn.step6 li.step6 a {
	background: #f0cce2 url(../images/perfectfit/video-right.bg.on.gif) top left ! important;
} 

#vn.step1, #vn.step2, #vn.step3, #vn.step4, #vn.step5, #vn.step6  {
	background: url(../images/perfectfit/video-right.bg.gif) no-repeat top left;
}	

#vn.step7 {
	background: url(../images/perfectfit/video-right.bg.gif) no-repeat top right;
}	
#vn ol li.step7 a:hover, #vn.step7 ol li.step7 a {
	background:  url(../images/perfectfit/video-right.bg.on.gif) repeat-x top left;	
}