#top_submenu_new nav {
	background:#727375;
}
#top_submenu_new .nav_gray_bar {
	border-bottom:0px;
}
#left_side_ef {
	background:#fff;
	width:758px;
	float:left;
	height:680px;
	margin-top:100px;
}
#photo_block {
	width:758px;
	float:left;
	height:680px;
	padding-top:100px;
	position:relative;
}
#photo_block .photo1 {
	position:absolute;
	top:184px;
	left:0px;
}
#photo_block .photo2 {
	position:absolute;
	top:184px;
	left:340px;
}

#right_side_ef {
	background:#868786;
	width:442px;
	height:680px;
	float:right;
	padding-top:100px;
	position:relative;
} 
#background_selection {
	position:absolute;
	bottom:30px;
	right:30px;
	list-style:none;
	padding:0px;
	margin:0px;
} 
.background_text {
	position:absolute;
	bottom:68px;
	color:#000;
	font-size:14px;
	right:30px;
} 
#background_selection li {
	display:block;
	float:right;
	margin-left:2px;
	height:35px;
	cursor:pointer;
	width:35px;
	background:#ccc;
}
.expert_mode_nav, #top_submenu_new {
	background:none;
}
#progress_bar {

	width:442px;
	height:84px;
	float:right;
	padding-top:100px;
	position:relative;
}

#right_side_photo {
	background:#868786;
	width:442px;
	height:540px;
	float:right;

	position:relative;
}
#main_cointainer {
	background:#9C9C9C;
}

#initial_text_block {
	padding:20px 40px;
}
#initial_text_block  h1 {
	color:#8f0787;
	line-height:80px;
}
#initial_text_block  h2 {
	color:#000;
	font-size:20px;
	margin:0px;
	font-weight:bold;
}
#initial_text_block  p {
	font-size:18px;
	margin-bottom:30px;
}
#initial_text_block p.init_tekst {
	font-size:24px;
}
.start_exercise, .next_exercise, .yes_exercise, .no_exercise, .newsletter_exercise {
	color:#fff;
	line-height:80px;
	font-size:20px;
	text-align:right;

	display:block;
	width:250px;;
	float:right;
	margin-top:50px;
	margin-right:50px;
}
#newsletter_form label {
display:block;
color:#fff;
font-size:12px;
}
#newsletter_form {
	text-align: left;
	padding-left:80px;
	padding-right:50px;
}
#newsletter_form input[type=text] {
	margin-bottom:10px;
	width:288px;
	padding:0px 5px;
	line-height:30px;

}
#newsletter_form h2.newsletter_h2 {
	font-size:16px !important;
	line-height: 24px !important;
	font-weight:normal !important;
	margin-bottom:20px !important;
	text-align:right; 
	width:300px;
	color:#fff !important;
}
.next_exercise, .no_exercise  {
	margin-top:20px;
}
.start_exercise:after {
	display:block;
	height:80px;
	float:right;
	width:80px;
	margin-left:10px;
	content:'';
	background-size:80px 80px; 
	background-image: url('/templates/chromachecker/personal_ef/PNG/E-Factor-ico-05b.png');
}
#newsletter_form input[type="submit"] {
	background:none;
	background-image: url('/templates/chromachecker/personal_ef/PNG/E-Factor-ico-04b.png');
	margin:0 auto;
	border:none;
	width:80px;
	float:right;
	text-align:right;
	content:'';
	background-size:80px 80px; 
	display:block;
	height:80px;
	
}
.newsletter_exercise:after {
	display:block;
	height:80px;
	float:right;
	width:80px;
	margin-left:10px;
	content:'';
	background-size:80px 80px; 
	background-image: url('/templates/chromachecker/personal_ef/PNG/E-Factor-ico-04b.png');
}
.newsletter_exercise:hover:after {
	background-image: url('/templates/chromachecker/personal_ef/PNG/E-Factor-ico-04a.png');
}
.start_exercise:hover, .next_exercise:hover, .no_exercise:hover , .yes_exercise:hover  {
	color:#fff;
}
.start_exercise:hover:after {
	background-image: url('/templates/chromachecker/personal_ef/PNG/E-Factor-ico-05a.png');
}
.next_exercise:after {
	display:block;
	height:80px;
	float:right;
	width:80px;
	margin-left:10px;
	content:'';
	background-size:80px 80px; 
	background-image: url('/templates/chromachecker/personal_ef/PNG/E-Factor-ico-01b.png');
}
.next_exercise:hover:after {
	background-image: url('/templates/chromachecker/personal_ef/PNG/E-Factor-ico-01a.png');
}
.yes_exercise:after {
	display:block;
	height:80px;
	float:right;
	width:80px;
	margin-left:10px;
	content:'';
	background-size:80px 80px; 
	background-image: url('/templates/chromachecker/personal_ef/PNG/E-Factor-ico-02b.png');
}
.yes_exercise:hover:after {
	background-image: url('/templates/chromachecker/personal_ef/PNG/E-Factor-ico-02a.png');
}
.no_exercise:after {
	display:block;
	height:80px;
	float:right;
	margin-left:10px;
	width:80px;
	content:'';
	background-size:80px 80px; 
	background-image: url('/templates/chromachecker/personal_ef/PNG/E-Factor-ico-03b.png');
}
.no_exercise:hover:after {
	background-image: url('/templates/chromachecker/personal_ef/PNG/E-Factor-ico-03a.png');
}
.progress_bar {
	width:442px;
	margin-top:40px;
}
#complete_box {
	width:100%;
	border-top:1px solid #fff;
	padding-top:30px;
	text-align: right;
	
	
	clear:both;
	color:#fff;
	font-size:16px;
}
#complete_box  p{
	padding-right:50px;
}
.ef_result {
	height:100px; vertical-align: middle;
	margin-right:10px;
	margin-bottom:20px;
}
#images_box {
	position:absolute;
	bottom:70px;
	left:42px;
	width:404px;
}
.ef_random {
	display:block;
	height:40px;
	width:340px;
	bottom:20px;
	left:52px;
	line-height:40px;
	color:#ccc;
	font-size:16px;
	position:absolute;
	background:#666;
	text-align:center;
}
  .ef_random:hover{
  	color:#ccc;
  	background:#333;
  }
  .selected_ef_random {
  	border:10px solid #fff;
  	left:42px;
  	bottom:10px;
  }
#images_box  a {
	display:block;
	padding:10px;
	float:left;
}
#images_box  a img {
	float:left;
}
#images_box  a.selected_ef_img{
	padding:0px;
	border:10px solid;
	border-color:#fff;
}
.samples_text {
	
	text-align:right;
	color:#000;

	position:absolute; 
	top:245px;
	right:50px;
	font-size:14px;

}
.reference_text {
	width:300px;
	position:absolute;
	top:100px;
	left:0px;
	text-align:center;
	font-size:16px;
	line-height:84px;
}
.sample_text {
	width:300px;
	position:absolute;
	top:100px;
	left:340px;
	text-align:center;
	font-size:16px;
	line-height:84px;
}