@charset "UTF-8";

html { height: 580px; margin-bottom: 1px; line-height:normal; font-size: 12px; color:#AFAFAF; background-color:#000000;}

* { margin:0; padding: 0; }


/* ############## */
/* ### RESET #### */
/* ############## */

html, body, div, span, applet, object, iframe,/* table,*/ caption, /*tbody, tfoot, thead,tr, th, td,*/
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}

ol, ul { list-style: none;}
caption, th, td {font-weight: normal;text-align: left;}
a{text-decoration: none;}
a img{border:none;}

/* ############## */
/* #### SITE #### */
/* ############## */

body { height:100%; margin:0px; padding:0px; font-family: arial, verdana, helvetica, sans-serif; font-size:13px;}

#pagewrap { height:100%;width:1000px;margin:0px auto;}

#page{
	min-height: 101%;
	height:auto !important; /* modern Browser */
	height:101%; /* IE */
    position:relative;
	height:auto;
	width:1000px;
	padding-bottom:20px;
}

#bg{
	min-height: 101%;
	height:auto !important; /* modern Browser */
	height:101%; /* IE */
	float:left;
	background:url(../layout/bg.jpg);
	background-repeat:no-repeat;
}

/* ################ */
/* #### HEADER #### */
/* ################ */

#header{height:60px;width:1000px;}
#header-result{ height:40px; width:1000px;}
#logo{padding:10px 10px 10px 0px; text-align:right}
.status{width:1000px;height:28px;padding-top:0px;}
#headline{width:1000px; height:20px; line-height:20px; padding-top:10px; color:#fff; font-size:12px; text-align:right;}


.status #topLine{

	float:left;
	background-image:url(../layout/bgTopLine.png);
	background-repeat:no-repeat;
	width:1000px;
	height:2px;
	padding-bottom:6px;
}

.status #bottomLine{

	float:left;
	background-image:url(../layout/bgBottomLine.png);
	background-repeat:no-repeat;
	width:1000px;
	height:2px;
    line-height:2px;
	margin-top:0px !important;
	margin-top:-4px;

}

.status ul{

	padding:0px;
	margin:0px;
	list-style:none;
	float:left;
	padding-bottom:4px;

}

.status ul li.arrow{

	background-image:url(../layout/bgArrowNav.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	width:5px;
	height:10px;

}


/* ############################## */
/* ##### Locale Nav Padding ##### */
/* ############################## */

.status #EN_en_m li{ float:left; padding-right:14px;}
.status #EN_en_f li{ float:left; padding-right:14px;}

.status li{ text-transform:uppercase; font-size:11px;}
.status li a{color:#ffa200;text-decoration:none;}
.status li  a:hover{text-decoration:none; color:#ffa200}
.status li a#active { text-decoration:none; color:#ffa200; font-weight:bold}

/* ################### */
/* ##### CONTENT ##### */
/* ################### */

#body{ width:960px; padding:0px 0px 0px 20px;}

#content {padding-bottom:10px; padding-top:10px;}

#content , #navigation{ width:670px; }
#navigation{ float:left; padding-top:15px; }
#navigation a span{display:block; float:left; width:auto; background-image:url(../layout/bg_btn.png); background-repeat:no-repeat}
#navigation a{text-decoration:none; font-weight:bold; color:#e7e7e7}
#navigation a span.txt{display:block; float:left; width:auto; padding-top:6px; background-image:none; text-decoration:none}

#navigation a #btnBack_l{width:28px; height:25px;background-position:0px 0px;}
#navigation a #btnBack_m{height:25px; background-position:-25px 0px; padding:0px 15px 0px 15px; }
#navigation a #btnBack_r{width:3px; height:25px; background-position:-339px 0px;}

#navigation a #btnForward_l{width:3px; height:25px; background-position:-342px 0px;}
#navigation a #btnForward_m{height:25px; background-position:-345px 0px; padding:0px 15px 0px 15px;}
#navigation a #btnForward_r{width:28px; height:25px; background-position:-672px 0px;}

#navigation a:hover #btnBack_l{width:28px;background-position:0px -25px;}
#navigation a:hover #btnForward_r{width:28px;background-position:-672px -25px;}

#gender div{ float:left; margin-top:8px; background-image:url(../layout/bgGender.gif); width:18px; height:22px;}
#gender div#male{ background-position:0px 0px; }
#gender div#female{ background-position:-18px 0px; }


/**

result

**/

#result #body{ width:980px; padding:0px 0px 0px 0px;}

ul#sub-nav li#nav_active .nav_left, ul#sub-nav li#nav_active .nav_middle, ul#sub-nav li#nav_active .nav_right,
 ul#sub-nav li a:hover .nav_left, ul#sub-nav li a:hover .nav_middle, ul#sub-nav li a:hover .nav_right,
 ul#sub-nav li .nav_left, ul#sub-nav li .nav_middle, ul#sub-nav li .nav_right
{

	background:url(../layout/btnBG.png);
	background-repeat:no-repeat;

}

ul#sub-nav{float:left;font-weight:bold; list-style:none; padding-top:5px; height:29px !important; height:20px;}
ul#sub-nav li{float:left; padding-right:15px;}
ul#sub-nav li a{color:#fff; text-decoration:none;}
ul#sub-nav li a .nav_margin{display:block; margin:10px 15px 0px 15px;font-size:14px; font-weight:bold;}

/* standart */

ul#sub-nav li .nav_left{display:block;float:left;width:8px; height:34px;background-position:0px -0px;}
ul#sub-nav li .nav_middle{display:block;float:left;height:34px;background-position:-8px -0px; }
ul#sub-nav li .nav_right{display:block;float:left;width:8px; height:34px;background-position:-315px -0px;}

/* acitve */

ul#sub-nav li#nav_active .nav_left{display:block;float:left;background-position:0px -34px;width:8px; height:34px;}
ul#sub-nav li#nav_active .nav_middle{display:block;float:left;background-position:-8px -34px; height:34px;color: #000;}
ul#sub-nav li#nav_active .nav_right{display:block;float:left;background-position:-315px -34px; width:8px; height:34px;}

/* hover */

ul#sub-nav li a:hover .nav_left{display:block;float:left;background-position:-0px -34px;width:8px; height:34px;}
ul#sub-nav li a:hover .nav_middle{display:block;float:left;background-position:-8px -34px; height:34px;color: #000;}
ul#sub-nav li a:hover .nav_right{display:block;float:left;background-position:-315px -34px; width:8px; height:34px;}
ul#sub-nav li#nav_active .nav_middle, ul#sub-nav li a:hover{ color: #000; }

.result-title{ width:140px; font-weight:bold; color:#fff; }
.result-description{ width:520px; color:#fff;}

.global-matrix{ float:left; padding-top:20px;}
#global-matrix-bg{background-image:url(../layout/resultGlobal/globalBG.png);background-repeat:no-repeat;width:390px;height:314px;}
#global-matrix-bg img{ padding-top:0px !important; padding-top:2px }

#global-matrix-padded{ float:left; padding:0px 0px 0px 7px;}


.jp-matrix{ float:left; padding-top:20px;}
#jp-matrix-bg{background-image:url(../layout/result_jp/jpBG.png);background-repeat:no-repeat;width:390px;height:314px;}
#jp-matrix-bg img{ padding-top:4px !important; padding-top:6px }
#jp-matrix-padded{ float:left;  padding:2px 0px 0px 7px;}       
/* ie necessary for matrix graphic */
/* #global-matrix-bg img{ padding-top:0px !important; padding-top:2px }

#global-matrix-padded{ float:left; padding:0px 0px 0px 7px;}


.jp-matrix{ float:left; padding-top:20px;}
#jp-matrix-bg{background-image:url(../layout/result_jp/jpBG.png);background-repeat:no-repeat;width:390px;height:314px;}
#jp-matrix-bg img{ padding-top:4px !important; padding-top:6px }
#jp-matrix-padded{ float:left;  padding:2px 0px 0px 7px;}               */


.product-result-description{float:left; color:#fff; font-weight:normal;padding-bottom:14px; width:700px;}
#product-result-wrapper{ float:left; width:670px; height:114px; border:1px solid #001a27; }
#product-result-wrapper a:hover{ color: #fea200; }
#product-result-wrapper a:active{ color: #fea200; }
#product-result-wrapper a{ color: #ffffff; }

.product{ float:left; width:211px;}
.product2{ float:left; width:212px;}
.product img, .product2 img{float:left; padding-right:6px;}
.product div, .product2 div{ float:left; width:92px; padding-top:14px;}
.product span, .product2 span{ color:#fff;}
.pr-description{ float:left; overflow:hidden; width:92px;}
.pr-navigation{ float:left; width:18px; padding-top:48px}


#bonus-btn a{ background-image:url(../layout/bonusBtn.png); background-repeat:no-repeat;}

#bonus-btn-wrapper{ float:left; width:280px; padding:20px 0px 20px 0px }
#bonus-btn a{ display:block; width:280px; height:60px; color:#fff; text-decoration:none;}
#bonus-btn a:hover{ background-position:0px -60px;width:280px; height:60px; color:#fff; text-decoration:none; color:#000}
#bonus-btn a span{ display:block; padding:16px 0px 0px 70px;color:#fff; text-decoration:none; font-size:13px; width:190px; }

.result-large-product{ width:380px; }
.result-large-product-description{ width:280px; padding-top:20px; }

.analyse-item{ float:left; width:670px; }
.analyse-item img{ float:left; padding:20px; padding-left:0px; }
.analyse-item-description{ float:left; padding:20px 0px 20px 0px; width:500px;}


/**

welcome


#welcome #body{ width:980px; padding:0px 0px 0px 0px;}

#welcome #selection{width:670px;height:auto; height:520px; background-color:#999999;}
#welcome .imageWrapper{ float:right; width:120px; height:320px; }
#welcome .imageWrapper a #welcome_1{ background-image:url(../images/welcome/gender_male.jpg); background-position:0px 0px;}
#welcome .imageWrapper a #welcome_2{ background-image:url(../images/welcome/gender_female.jpg); background-position:0px 0px;}

#welcome .imageWrapper a:hover #welcome_1,
#welcome .imageWrapper a.active #welcome_1,
#welcome .imageWrapper a:hover #welcome_2,
#welcome .imageWrapper a.active #welcome_2{ background-position:0px -320px;}
#welcome .imageWrapper a #welcome_1, #welcome .imageWrapper a #welcome_2{ height:320px; width:120px; float:left; display:block;background-repeat:no-repeat; }

#welcome .welcomeTitle{font-size:13px;font-weight:bold;color:#ffa200; }
#welcome .genderTypeSelection{float:left;margin-left:10px;}
#welcome .spacer{float:left;width:100px;height:auto;}
#welcome .tdr_1{float:left;padding-top:10px;}
#welcome #languageSelect{width:165px; float:right; height:18px;font-size:11px;}

#welcome .sidebarWrapper{floaT:left; width:270px; padding-bottom:10px;}
#welcome #navigation{ width:270px; }
#welcome #sidebar #sidebar_wrapper{ height:540px;}
            **/

#welcome #body{ width:980px; padding:0px 0px 0px 0px;}

#welcome #selection{width:670px;height:auto; height:520px;}
#welcome .imageWrapper{ float:right; width:120px; height:320px; }
#welcome .imageWrapper a #welcome_1{ background-image:url(../images/welcome/gender_female.jpg); background-position:0px 0px;}
#welcome .imageWrapper a #welcome_2{ background-image:url(../images/welcome/gender_male.jpg); background-position:0px 0px;}

#welcome .imageWrapper a:hover #welcome_1,
#welcome .imageWrapper a.active #welcome_1,
#welcome .imageWrapper a:hover #welcome_2,
#welcome .imageWrapper a.active #welcome_2{ background-position:0px -320px;}
#welcome .imageWrapper a #welcome_1, #welcome .imageWrapper a #welcome_2{ height:320px; width:120px; float:left; display:block;background-repeat:no-repeat; }

#welcome .welcomeTitle{font-size:13px;font-weight:bold;color:#ffa200; }
#welcome .genderTypeSelection{float:left;margin-left:10px;}
#welcome .spacer{float:left;width:100px;height:auto;}
#welcome .tdr_1{float:left;padding-top:10px;}
#welcome #languageSelect{width:165px; float:right; height:18px;font-size:11px;}

#welcome .sidebarWrapper{float:left; width:270px; padding-bottom:8px;}
#welcome #navigation{ width:270px; padding-top:4px;}

#welcome #sidebar #sidebar_wrapper{ height:540px;}
/**

 weight

 **/

#weight #selection{width:670px;height:auto; height:433px}
#weight #description{float:left;padding:3px 0px 25px 0px; width:670px}
#weight .td_1{width:13px;float:left;}
#weight .td_2{width:210px; text-align:center; float:left;}
#weight .td_3{width:642px; height:34px; text-align:center; float:left;}
#weight .td_2 a #weight_1_MALE{ background-image:url(../images/weight/weight_1_male.jpg); background-position:0px 0px;}
#weight .td_2 a #weight_2_MALE{ background-image:url(../images/weight/weight_2_male.jpg); background-position:0px 0px;}
#weight .td_2 a #weight_3_MALE{ background-image:url(../images/weight/weight_3_male.jpg); background-position:0px 0px;}
#weight .td_2 a #weight_1_FEMALE{ background-image:url(../images/weight/weight_1_female.jpg); background-position:0px 0px;}
#weight .td_2 a #weight_2_FEMALE{ background-image:url(../images/weight/weight_2_female.jpg); background-position:0px 0px;}
#weight .td_2 a #weight_3_FEMALE{ background-image:url(../images/weight/weight_3_female.jpg); background-position:0px 0px;}
#weight .td_2 a:hover #weight_1_MALE,
    #weight .td_2 a.active #weight_1_MALE,
    #weight .td_2 a:hover #weight_1_FEMALE,
    #weight .td_2 a.active #weight_1_FEMALE,
    #weight .td_2 a:hover #weight_2_MALE,
    #weight .td_2 a.active #weight_2_MALE,
    #weight .td_2 a:hover #weight_2_FEMALE,
    #weight .td_2 a.active #weight_2_FEMALE,
    #weight .td_2 a:hover #weight_3_MALE,
    #weight .td_2 a.active #weight_3_MALE,
    #weight .td_2 a:hover #weight_3_FEMALE,
    #weight .td_2 a.active #weight_3_FEMALE{ background-position:0px -230px;}
#weight .td_2 a #weight_1_MALE,
    #weight .td_2 a #weight_2_MALE,
    #weight .td_2 a #weight_3_MALE,
    #weight .td_2 a #weight_1_FEMALE,
    #weight .td_2 a #weight_2_FEMALE,
    #weight .td_2 a #weight_3_FEMALE{ height:230px; width:210px; float:left; display:block;background-repeat:no-repeat; }

/**

 pace

**/
#pace #selection{width:670px;height:auto; height:433px}
#pace #description{float:left;padding:3px 0px 15px 0px; width:670px}
#pace .td_1{width:13px;float:left;}
#pace .td_2{width:210px; text-align:center; float:left;}
#pace .td_3{width:642px; height:34px; text-align:center; float:left;}
#pace .td_2 a #pace_1_MALE{ background-image:url(../images/pace/pace_1_male.jpg); background-position:0px 0px;}
#pace .td_2 a #pace_2_MALE{ background-image:url(../images/pace/pace_2_male.jpg); background-position:0px 0px;}
#pace .td_2 a #pace_3_MALE{ background-image:url(../images/pace/pace_3_male.jpg); background-position:0px 0px;}
#pace .td_2 a #pace_1_FEMALE{ background-image:url(../images/pace/pace_1_female.jpg); background-position:0px 0px;}
#pace .td_2 a #pace_2_FEMALE{ background-image:url(../images/pace/pace_2_female.jpg); background-position:0px 0px;}
#pace .td_2 a #pace_3_FEMALE{ background-image:url(../images/pace/pace_3_female.jpg); background-position:0px 0px;}
#pace .td_2 a:hover #pace_1_MALE,
#pace .td_2 a.active #pace_1_MALE,
#pace .td_2 a:hover #pace_2_MALE,
#pace .td_2 a.active #pace_2_MALE,
#pace .td_2 a:hover #pace_3_MALE,
#pace .td_2 a.active #pace_3_MALE,
#pace .td_2 a:hover #pace_1_FEMALE,
#pace .td_2 a.active #pace_1_FEMALE,
#pace .td_2 a:hover #pace_2_FEMALE,
#pace .td_2 a.active #pace_2_FEMALE,
#pace .td_2 a:hover #pace_3_FEMALE,
#pace .td_2 a.active #pace_3_FEMALE{ background-position:0px -230px;}
#pace .td_2 a #pace_1_MALE, #pace .td_2 a #pace_2_MALE, #pace .td_2 a #pace_3_MALE,
#pace .td_2 a #pace_1_FEMALE, #pace .td_2 a #pace_2_FEMALE, #pace .td_2 a #pace_3_FEMALE{ height:230px; width:210px; float:left; display:block;background-repeat:no-repeat; }

/**

 kneeTest

**/
#kneeTest #selection{width:670px;height:auto; height:433px}
#kneeTest #description{float:left;padding:3px 0px 15px 0px; width:670px}
#kneeTest .td_1{width:13px;float:left;}
#kneeTest .td_2{width:210px; text-align:center; float:left;}
#kneeTest .td_3{width:642px; height:34px; text-align:center; float:left;}
#kneeTest .td_2 a #kneeTest_1{ background-image:url(../images/kneeTest/kneetest_1.jpg); background-position:0px 0px;}
#kneeTest .td_2 a #kneeTest_2{ background-image:url(../images/kneeTest/kneetest_2.jpg); background-position:0px 0px;}
#kneeTest .td_2 a #kneeTest_3{ background-image:url(../images/kneeTest/kneetest_3.jpg); background-position:0px 0px;}
#kneeTest .td_2 a:hover #kneeTest_1,
#kneeTest .td_2 a.active #kneeTest_1,
#kneeTest .td_2 a:hover #kneeTest_2,
#kneeTest .td_2 a.active #kneeTest_2,
#kneeTest .td_2 a:hover #kneeTest_3,
#kneeTest .td_2 a.active #kneeTest_3{ background-position:0px -230px;}
#kneeTest .td_2 a #kneeTest_1, #kneeTest .td_2 a #kneeTest_2, #kneeTest .td_2 a #kneeTest_3 { height:230px; width:210px; float:left; display:block;background-repeat:no-repeat; }

/**

 footRotation

**/
#footRotation #selection{width:670px;height:auto; height:433px}
#footRotation #description{float:left;padding:3px 0px 15px 0px; width:670px}
#footRotation .td_1{width:13px;float:left;}
#footRotation .td_2{width:210px; text-align:center; float:left;}
#footRotation .td_3{width:642px; height:34px; text-align:center; float:left;}
#footRotation .td_2 a #footRotation_1{ background-image:url(../images/footRotation/footRotation_1.jpg); background-position:0px 0px;}
#footRotation .td_2 a #footRotation_2{ background-image:url(../images/footRotation/footRotation_2.jpg); background-position:0px 0px;}
#footRotation .td_2 a #footRotation_3{ background-image:url(../images/footRotation/footRotation_3.jpg); background-position:0px 0px;}
#footRotation .td_2 a:hover #footRotation_1,
#footRotation .td_2 a.active #footRotation_1,
#footRotation .td_2 a:hover #footRotation_2,
#footRotation .td_2 a.active #footRotation_2,
#footRotation .td_2 a:hover #footRotation_3,
#footRotation .td_2 a.active #footRotation_3{ background-position:0px -230px;}
#footRotation .td_2 a #footRotation_1, #footRotation .td_2 a #footRotation_2, #footRotation .td_2 a #footRotation_3 { height:230px; width:210px; float:left; display:block;background-repeat:no-repeat; }

/**

 legAxis

**/
#legAxis #selection{width:670px;height:auto; height:433px}
#legAxis #description{float:left;padding:3px 0px 15px 0px; width:670px}
#legAxis .td_1{width:13px;float:left;}
#legAxis .td_2{width:156px; text-align:center; float:left;}
#legAxis .td_3{width:642px; height:34px; text-align:center; float:left;}
#legAxis .td_2 a #legAxis_1{ background-image:url(../images/legAxis/legAxis_1.jpg); background-position:0px 0px;}
#legAxis .td_2 a #legAxis_2{ background-image:url(../images/legAxis/legAxis_2.jpg); background-position:0px 0px;}
#legAxis .td_2 a #legAxis_3{ background-image:url(../images/legAxis/legAxis_3.jpg); background-position:0px 0px;}
#legAxis .td_2 a:hover #legAxis_1,
#legAxis .td_2 a.active #legAxis_1,
#legAxis .td_2 a:hover #legAxis_2,
#legAxis .td_2 a.active #legAxis_2,
#legAxis .td_2 a:hover #legAxis_3,
#legAxis .td_2 a.active #legAxis_3{ background-position:0px -230px;}
#legAxis .td_2 a #legAxis_1, #legAxis .td_2 a #legAxis_2, #legAxis .td_2 a #legAxis_3 { height:230px; width:156px; float:left; display:block;background-repeat:no-repeat; }


/**

 footStatus

**/
#footStatus #selection{width:670px;height:auto; height:433px}
#footStatus #description{float:left;padding:3px 0px 15px 0px; width:670px}
#footStatus .td_1{width:13px;float:left;}
#footStatus .td_2{width:156px; text-align:center; float:left;}
#footStatus .td_3{width:642px; height:34px; text-align:center; float:left;}
#footStatus .td_2 a #footStatus_1{ background-image:url(../images/footStatus/footStatus_1.jpg); background-position:0px 0px;}
#footStatus .td_2 a #footStatus_2{ background-image:url(../images/footStatus/footStatus_2.jpg); background-position:0px 0px;}
#footStatus .td_2 a #footStatus_3{ background-image:url(../images/footStatus/footStatus_3.jpg); background-position:0px 0px;}
#footStatus .td_2 a #footStatus_4{ background-image:url(../images/footStatus/footStatus_4.jpg); background-position:0px 0px;}
#footStatus .td_2 a:hover #footStatus_1,
#footStatus .td_2 a.active #footStatus_1,
#footStatus .td_2 a:hover #footStatus_2,
#footStatus .td_2 a.active #footStatus_2,
#footStatus .td_2 a:hover #footStatus_3,
#footStatus .td_2 a.active #footStatus_3,
#footStatus .td_2 a:hover #footStatus_4,
#footStatus .td_2 a.active #footStatus_4{ background-position:0px -230px;}
#footStatus .td_2 a #footStatus_1, #footStatus .td_2 a #footStatus_2, #footStatus .td_2 a #footStatus_3, #footStatus .td_2 a #footStatus_4 { height:230px; width:156px; float:left; display:block;background-repeat:no-repeat; }


/**

 footStrike

**/
#footStrike #selection{width:670px;height:auto; height:433px}
#footStrike #description{float:left;padding:3px 0px 15px 0px; width:670px}
#footStrike .td_1{width:13px;float:left;}
#footStrike .td_2{width:210px; text-align:center; float:left;}
#footStrike .td_3{width:642px; height:34px; text-align:center; float:left;}
#footStrike .td_2 a #footStrike_1{ background-image:url(../images/footStrike/footStrike_1.jpg); background-position:0px 0px;}
#footStrike .td_2 a #footStrike_2{ background-image:url(../images/footStrike/footStrike_2.jpg); background-position:0px 0px;}
#footStrike .td_2 a #footStrike_3{ background-image:url(../images/footStrike/footStrike_3.jpg); background-position:0px 0px;}
#footStrike .td_2 a:hover #footStrike_1,
#footStrike .td_2 a.active #footStrike_1,
#footStrike .td_2 a:hover #footStrike_2,
#footStrike .td_2 a.active #footStrike_2,
#footStrike .td_2 a:hover #footStrike_3,
#footStrike .td_2 a.active #footStrike_3{ background-position:0px -230px;}
#footStrike .td_2 a #footStrike_1, #footStrike .td_2 a #footStrike_2, #footStrike .td_2 a #footStrike_3 { height:230px; width:210px; float:left; display:block;background-repeat:no-repeat; }


/**

 flexibility

**/
#flexibility #selection{width:670px;height:auto; height:433px}
#flexibility #description{float:left;padding:3px 0px 15px 0px; width:670px}
#flexibility .td_1{width:13px;float:left;}
#flexibility .td_2{width:210px; text-align:center; float:left;}
#flexibility .td_3{width:642px; height:34px; text-align:center; float:left;}
#flexibility .td_2 a #flexibility_1_MALE{ background-image:url(../images/flexibility/flexibility_1_male.jpg); background-position:0px 0px;}
#flexibility .td_2 a #flexibility_2_MALE{ background-image:url(../images/flexibility/flexibility_2_male.jpg); background-position:0px 0px;}
#flexibility .td_2 a #flexibility_1_FEMALE{ background-image:url(../images/flexibility/flexibility_1_female.jpg); background-position:0px 0px;}
#flexibility .td_2 a #flexibility_2_FEMALE{ background-image:url(../images/flexibility/flexibility_2_female.jpg); background-position:0px 0px;}
#flexibility .td_2 a:hover #flexibility_1_MALE,
#flexibility .td_2 a.active #flexibility_1_MALE,
#flexibility .td_2 a:hover #flexibility_2_MALE,
#flexibility .td_2 a.active #flexibility_2_MALE,
#flexibility .td_2 a:hover #flexibility_1_FEMALE,
#flexibility .td_2 a.active #flexibility_1_FEMALE,
#flexibility .td_2 a:hover #flexibility_2_FEMALE,
#flexibility .td_2 a.active #flexibility_2_FEMALE{ background-position:0px -230px;}
#flexibility .td_2 a #flexibility_1_MALE, #flexibility .td_2 a #flexibility_2_MALE,
#flexibility .td_2 a #flexibility_1_FEMALE, #flexibility .td_2 a #flexibility_2_FEMALE{ height:230px; width:210px; float:left; display:block;background-repeat:no-repeat; }


/**

 finger test

**/
#fingerTest #selection{width:670px;height:auto; height:433px}
#fingerTest #description{float:left;padding:3px 0px 15px 0px; width:670px}
#fingerTest .td_1{width:13px;float:left;}
#fingerTest .td_2{width:210px; text-align:center; float:left;}
#fingerTest .td_3{width:642px; height:34px; text-align:center; float:left;}
#fingerTest .td_2 a #fingerTest_1{ background-image:url(../images/fingerTest/fingertest_basic.jpg); background-position:0px 0px;}
#fingerTest .td_2 a #fingerTest_2{ background-image:url(../images/fingerTest/fingertest_1.jpg); background-position:0px 0px;}
#fingerTest .td_2 a #fingerTest_3{ background-image:url(../images/fingerTest/fingertest_2.jpg); background-position:0px 0px;}
#fingerTest .td_2 a:hover #fingerTest_2,
#fingerTest .td_2 a.active #fingerTest_2,
#fingerTest .td_2 a:hover #fingerTest_3,
#fingerTest .td_2 a.active #fingerTest_3{ background-position:0px -230px;}
#fingerTest .td_2 a #fingerTest_1, #fingerTest .td_2 a #fingerTest_2, #fingerTest .td_2 a #fingerTest_3 { height:230px; width:210px; float:left; display:block;background-repeat:no-repeat; }


/* ################### */
/* ##### SIDEBAR ##### */
/* ################### */

#sidebar{ width:270px;  padding-bottom:5px;}
#sidebar #sidebar_wrapper{ height:460px; float:left; width:270px; }
#sidebar #sidebar_wrapper-matrix{height:520px; float:left; width:270px; }
#sidebar_signet{ width:270px; padding-bottom:20px; }
#sidebar .title{ float:left; background-image:url(../layout/bg_sidebar.png); background-repeat:no-repeat; width:270px; height:24px; padding-bottom:5px;}
#sidebar #movie{ width:270px; padding-bottom:10px }

/* matrix */

#sidebar #matrix{ float:left; background-image:url(../layout/bg_matrix.png); background-repeat:no-repeat; width:270px; height:286px;}


#sidebar #matrix .descr{ float:left; padding-left:12px; width:165px !important; width:157px; height:27px; font-weight:bold;}
#sidebar #matrix .descr span{ display:block; padding-top:5px;}
#sidebar #matrix .td_1{ float:left; width:32px;  height:27px; text-align:center}
#sidebar #matrix .td_2{ float:left; width:30px;  height:27px; text-align:center}
#sidebar #matrix .td_3{ float:left; width:30px;  height:27px; text-align:center}

#sidebar #matrix .matrix_status{ background-image:url(../layout/ico_matrixStatus.gif); background-repeat:no-repeat; height:26px; width:10px; float:left; margin-left:10px}

#sidebar #matrix .active_1 .td_1 .matrix_status{ background-position:0px -26px;}
#sidebar #matrix .active_2 .td_2 .matrix_status{ background-position:0px -52px;}
#sidebar #matrix .active_3 .td_3 .matrix_status{ background-position:0px -78px;}

#sidebar #matrix #td1{ width:32px; !important; padding-left:0px !important; padding-left:8px; width:28px;}
#sidebar #matrix #td2{width:30px; !important; width:32px;}
#sidebar #matrix #td3{ width:30px; !important;width:32px;}

#sidebar #matrix .legend{ height:40px; padding-top:3px;}

#ico-Email{ float:left; width:270px;padding-bottom:20px;}
#ico-Email a span#img{float:left;display:block; width:20px; height:16px; background-image:url(../layout/icoLetter.png); background-repeat:no-repeat;}
#ico-Email a:hover span#img{ display:block; width:20px; background-position:0px -16px; }
#ico-Email a { width:250px; text-decoration:none;}
#ico-Email a span#txt{ float:left;display:block; padding:2px 0px 0px 10px;}
#ico-Email a:hover span#txt{ color:#fea200; }


#ico-Print{ float:left; width:270px; padding-bottom:20px;}
#ico-Print a span#img{float:left;display:block; width:20px; height:19px; background-image:url(../layout/icoPrint.png); background-repeat:no-repeat;}
#ico-Print a:hover span#img{ display:block; width:20px; background-position:0px -19px; }
#ico-Print a { width:250px; text-decoration:none;}
#ico-Print a span#txt{ float:left;display:block; padding:2px 0px 0px 10px;}
#ico-Print a:hover span#txt{ color:#fea200; }

#ico-Start{ float:left; width:270px; padding-bottom:20px;}
#ico-Start a span#img{float:left;display:block; width:20px; height:19px; background-image:url(../layout/icoBack.png); background-repeat:no-repeat;}
#ico-Start a:hover span#img{ display:block; width:20px; background-position:0px -19px; }
#ico-Start a { width:250px; text-decoration:none;}
#ico-Start a span#txt{ float:left;display:block; padding:2px 0px 0px 10px;}
#ico-Start a:hover span#txt{ color:#fea200; }

/* ################### */
/* ######## FAQ ###### */
/* ################### */
#faq .description{ width:820px; float:left; padding-bottom:10px; text-align:justify}

#faq #navigation{width:170px;}

#faq .welcomeTitle{

	font-size:13px;
	font-weight:bold;
	color:#ffa200;

}

#faq ul{

	padding:10px 0px 0px 100px;
	list-style-image:url(../images/faq/arrowICO.png);

}

#faq ul li{

	padding:0px 0px 10px 0px;
}

#faq ul li a.active{

	color:#ffa200;
	text-decoration:none;

}


/* ################### */
/* #### Lexicon ###### */
/* ################### */

#lexicon .description{ width:820px; float:left; padding-bottom:10px; text-align:justify}

#lexicon h1{
padding-bottom:20px;
}

#lexicon #navigation{width:170px;}

#lexicon .welcomeTitle{

	font-size:13px;
	font-weight:bold;
	color:#ffa200;

}

#lexicon #infoTxt{

	float:left;
	padding-left:30px;
	width:500px;

}

#lexicon #ulSelection{

	float:left;
	padding-left:20px;
	padding-bottom:30px;
}

#lexicon ul{

	padding:10px 0px 0px 0px;
	list-style-image:url(../images/faq/arrowICO.png);
	display:inline;
}

#lexicon ul li{

	float:left;
	width:240px;
	padding:0px 0px 10px 0px;
}

#lexicon ul li a.active{

	color:#ffa200;
	text-decoration:none;

}


/* ################### */
/* ##### SIDEBAR ##### */
/* ###################

#sidebar{ width:270px; padding-bottom:20px;}
#sidebar .title{ background-image:url(../layout/bg_sidebar.png); background-repeat:no-repeat; width:270; height:24px; padding-bottom:5px;}
#sidebar #movie{ width:270px; padding-bottom:10px }
                            */
/* ################### */
/* ##### FOOTER ###### */
/* ################### */

#footer{ float:left; width:1000px; font-size:12px; padding: 0px; border-top:1px solid #999999; border-bottom:1px solid #999999; }
#footer #footer_navigation, #footer #footer_info{padding:4px 0px 5px 0px;}
#footer #footer_navigation a { text-decoration:none}
#footer #footer_navigation a:hover { text-decoration:underline}

/* ################ */
/* #### STYLES #### */
/* ################ */

.center{text-align:center;}

.left{float:left;}

.right{float:right;}

.bottom15{padding-bottom:15px;}

.bottom30{padding-bottom:30px;}

.top30{ padding-top:30px;}

.top24{ padding-top:24px;}

.left81{ padding-left:81px}

.left108{ padding-left:108px; }

.left6{ padding-left:6px;}

.right7{ padding-right:7px;}

.right6{ padding-right:6px;}

.left218{ padding-left:218px; }

.align-right{ text-align:right; }

/* ################ */
/* ##### TYPO ##### */
/* ################ */


/* p & a */

p {

	/* // */

}

a {

	color:#afafaf;
	text-decoration:underline;

	cursor:pointer;
}

ul {

	/* // */

}

li {

	/* // */

}

/* hx */

h1 {

	font-size:14px;
	color:#afafaf;
	font-weight:bold;
	padding:0px 0px 10px;

}

h2{

	font-size:13px;
	color:#e7e7e7;
	font-weight:bold;
	padding:4px 0px 0px 7px;

}

h3{

	font-size:13px;
	color:#fea200;
	padding:0px 0px 20px 0px;

}

#slider{float:left;background-repeat:no-repeat;}

.sliderBtn{padding-top:9px;}

.ui-widget-content .ui-state-default, .ui-state-hover{

	 background-image:url(../layout/horzontalSlider/sliderPicker.gif);
	 width:10px;
	 height:24px;
	 border:0px;
	 margin:0px;
	 margin-top:13px;

}


#tooltip.mizuno {
   font-family: Arial;
   border: none;
   padding:0px;
   width:253px;
   opacity: 1;
}

#tooltip.mizuno div {float:left;width: 253px; height:21px; background-image:url(../layout/tooltip/titleBG.png); background-repeat:no-repeat;}
#tooltip.mizuno span { float:left;width: 253px; background-image:url(../layout/tooltip/contentBG.png); background-repeat:repeat-y;}
#tooltip.mizuno span span{ float:left; margin:2px 0px 0px 2px; background-image:url(../layout/tooltip/contentTopBlueBG.png); background-repeat:no-repeat;}
#tooltip.mizuno span div{float:left; line-height:1px; font-size:1px; background-image:url(../layout/tooltip/contentFooterBG.png);height:6px;background-repeat:no-repeat;}
#tooltip.mizuno div p{ display:block; float:left; padding:4px 0px 0px 10px; font-weight:bold; text-align:left; color:#fff;}
#tooltip.mizuno ul{ padding:10px;}
#tooltip.mizuno li{ color:#FFFFFF;}



/* ################### */
/* ##### Anaylse ###### */
/* ################### */


#analyse .contentAnalyse{ overflow:auto; float:left; width:692px;}

#analyse  #description{ width:380px;float:left }



.contentAnalyse  img{float:left; }

.contentAnalyse div{ float:left; width:650px; padding-bottom:40px;}


.contentAnalyse div h2{ padding:0px 0px 10px 0px;}

.contentAnalyse div span{ display:block; float:left;width:360px; }


td.errors  {
    color: red;
}


/* ################### */
/* ### SOCIAL ICONS ## */
/* ################### */
#social_links{ float:left; width:1000px; font-size:12px; padding: 0px; margin-bottom:20px;}
#social_links_ct{ float:right; display:inline; list-style:none; padding:0px; }
#social_links_sb{ float:left; display:inline; list-style:none; padding:6px 0px 0px 0px;}
#social_links_ct li{ display:inline; padding-left:8px;}
#social_links_sb li{display:inline; padding-right:8px;}