body {
	background: #f0e2da;
	font: 14px Helvetica, Arial, sans-serif;
	/*font-family: "Source Sans Pro", Helvetica, "Arial Narrow", Arial, sans-serif;*/
	color: #444444;
	position: relative;
}
#pg-home { background: #f0e2da url(../images/bg-home.jpg) repeat-x top center; }
#pg-play { background: #f0e2da url(../images/bg-play.jpg) no-repeat top center; }
body.learn { background: #f0e2da url(../images/bg-learn.png) no-repeat top center; }
body.challenge { background: #f0e2da url(../images/bg-play.png) no-repeat top center; }

a { text-decoration: none; color: #689dca; }
p, ul, ol { padding-bottom: 18px; }
/*
p a { color: #444; }
p a:hover { text-decoration: underline; }
*/
h1 {
	font-family: "Source Sans Pro", Helvetica, "Arial Narrow", Arial, sans-serif;
	font-style: normal;
	font-weight: 200;
	color: #444444;
	font-size: 48px;
	text-shadow: 1px 5px 2px #e5d7d0;
}
h2 {
	font-family: "Source Sans Pro", Helvetica, "Arial Narrow", Arial, sans-serif;
	font-style: normal;
	font-weight: 200;
	color: #444444;
	font-size: 24px;
}
h1 a, h2 a { color: #444444; }

.error { color: #ff0000; }
.success { color: green; }
.gray-txt { color: #cccccc; }
.floatleft {
	float: left;
	margin: 0 15px 10px 0;
}
.floatright {
	float: right;
	margin: 0 0 10px 15px;
}

#page {
	margin: 0 auto;
	width: 960px;
}



/* ==================== header ==================== */
#header {
	height: 140px;
	width: 960px;
	position: relative;
}
#logo-canon {
	float: left;
	width: 145px;
	padding-top: 35px;
}

#logo-canon.vendor {
	padding-top: 25px;
}

#logo-canon a img#vendorlogo {
	display: none
}

#logo-canon.vendor a img#vendorlogo {
	display: block;
        width: 160px;
        padding-bottom: 10px;
}

#pg-home #logo-canon.vendor {
	padding-top: 55px;
}

#logo-canon.vendor a.vendor {
	margin: 12px 0 0 10px;
	display: block;
}

#logo-rebel {
	float: left;
	width: 110px;
	padding-top: 37px;
}

#main-nav {
	position: absolute;
	top: 12px;
	right: 5px;
}
#main-nav li {
	display: block;
	float: left;
	width: 75px;
	margin-left: 7px;
	text-align: center;
}
#main-nav li a { font-size: 10px; color: #3b86c4; }
#main-nav li div {
	width: 53px;
	height: 53px;
	margin: 10px auto 16px auto;
}
#nav-play { background: url(../images/nav-play.png) no-repeat top center; }
/*#pg-play #nav-play {*/
body.play #nav-play {
	background: url(../images/nav-play-active.png) no-repeat top center;
	width: 75px;
	height: 75px;
	margin: 0 auto 4px auto;
}
#nav-learn { background: url(../images/nav-learn.png) no-repeat top center; }
body.learn #nav-learn {
	background: url(../images/nav-learn-active.png) no-repeat top center;
	width: 75px;
	height: 75px;
	margin: 0 auto 4px auto;
}
#nav-challenge { background: url(../images/nav-challenge.png) no-repeat top center; }
/*#pg-challenge #nav-challenge {*/
body.challenge #nav-challenge {
	background: url(../images/nav-challenge-active.png) no-repeat top center;
	width: 75px;
	height: 75px;
	margin: 0 auto 4px auto;
}

/* home page */
#pg-home #header { height: 190px; }
#pg-home #logo-canon { padding: 75px 0 0 55px; }
#pg-home #logo-rebel { padding-top: 77px; }
#tag {
	float: right;
	text-align: right;
	padding-top: 40px;
	color: #444444;
	width: 750px;
}

.fr #tag h1 {
    font-size: 32px;
}


/* ==================== content ==================== */
#main-left {
	float: left;
	width: 645px;
	position: relative;
}
#main-left #rotate {
	position: absolute;
	top: 8px;
	left: 54px;
	z-index: 10;
	width: 560px;
	height: 368px;
	overflow: hidden;
}
#main-left #rotate img { width: 560px; /* height: 374px; */ }
#main-left #camera2 {
	position: absolute;
	top: 297px;
	right: 4px;
	z-index: 20;
}
#main-left #camera3 {
	position: absolute;
	top: 209px;
	left: 6px;
	z-index: 30;
}
#main-right {
	float: left;
	width: 315px;
}

/* home page */
#pg-home #main-left { width: 660px; }

#pg-home #main-right { width: 300px; }
#pg-home #main-right h2 { text-transform: uppercase; }
#pg-home #main-right p { font-size: 13px; }
#home-learn { width: 100%; }
#home-learn h2 { font-size: 72px; margin-top: -30px; padding-left: 95px; }
#home-learn h2 a { color: #444444; }
#home-learn img { float: left; margin-right: 15px; }
#home-learn ul {
	margin-left: 23px;
	list-style-image: url(../images/home/check.png);
}
#home-learn li { line-height: 28px; }

#home-play { margin-top: 30px; width: 100%; }
/* #home-play p:first-child { padding-bottom: 0; } */
#home-play img { float: left; margin-right: 22px; }
#home-play p { padding-bottom: 0; }

#home-challenge { margin-top: 5px; width: 100%; }
#home-challenge div.icon { float: left; margin-right: 22px;}
#home-challenge div.textContent {display: inline-block; width: 227px;}
#home-challenge div.textContent a.innerLink {color:#ff5252; font-weight: bold;}
#home-challenge div.textContent .finePrint {font-size: 9px;}
#home-challenge p { padding-bottom: 0; }

/* ==================== simulator ==================== */
#pg-play .intro {position:relative;padding:0 0 19px 0;}
#pg-play .intro h1 {display:inline-block;vertical-align:top;font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-size:60px;color:#614636;text-shadow:0 5px 6px #8f8884;font-weight:200;line-height:65px;position:relative;top:-10px;padding-right:24px;}
#pg-play .intro p {display:inline-block;vertical-align:top;width:820px;color:#333;padding-top:3px;}
#pg-play .intro a {position:absolute;right:3px;top:4px;}

#simulator_container {position:relative;width:959px;}
#simulator {position:relative;width:259px;height:464px;background:url(../images/play/bg_simulator.png) top left no-repeat;padding:20px 0 20px 467px;}
#simulator #image {position:absolute;top:22px;left:23px;width:432px;height:287px;overflow:hidden;background:#191919;}
#simulator #image img {display:block;width:100%;}
#simulator .image_shadow {position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/play/bg_photo_shadow.png) top left no-repeat;z-index:1;}

#simulator #slider_options {position:relative;margin-bottom:3px;background:url(../images/play/bg_mode_select.png) top left no-repeat;width:224px;height:43px;padding:5px 0 0 5px;}
#simulator #slider_options a {display:inline-block;width:70px;height:32px;padding-top:5px;vertical-align:top;text-align:center;color:#fff;text-decoration:none;font-size:11px;line-height:14px;text-shadow:1px 1px 2px #000;}
#simulator #slider_options a:first-child {padding-top:12px;height:25px;}
#simulator #slider_options a:focus {outline:none;}
#simulator #slider_options a:hover, #simulator #slider_options a.current {background:url(../images/play/bg_mode_select_current.png) top left no-repeat;}
#simulator #slider_options a.popup_highlight {background:url(../images/play/bg_mode_select_current.png) bottom left no-repeat;}
#simulator #find_it_btn {width:225px;text-align:right;margin-bottom:13px;}
#simulator #find_it_btn a {padding-left:13px;background:url(../images/play/icon_arrow_find_it.png) 0 2px no-repeat;font-size:12px;color:#3b86c4;}
#simulator .slider_options_info {position:absolute;top:0;left:219px;}

#simulator h2 {font-size:12px;color:#d3d3d3;text-transform:uppercase;text-shadow:1px 1px 2px #000;font-weight:normal;padding:5px 0 0 32px;height:23px;overflow:hidden;margin-bottom:22px;}
#simulator h2 span {font-weight:bold;color:#fff;}
#simulator #aperture h2 {background:url(../images/play/icon_aperture.png) top left no-repeat;}
#simulator #shutter h2 {background:url(../images/play/icon_shutter.png) top left no-repeat;}
#simulator #iso h2 {background:url(../images/play/icon_iso.png) top left no-repeat;}
#simulator .info {width:23px;height:23px;background:url(../images/play/icon_help.png) top left no-repeat;cursor:pointer;}
#simulator .info.popup_highlight {background-position:left bottom;}
#simulator .slider_content {width:212px;margin-bottom:49px;margin-left:10px;position:relative;}
#simulator .slider_content .info {position:absolute;top:2px;right:0;}
#simulator #iso {margin-bottom:0;}
#simulator .slider {margin-bottom:2px;}
#simulator .slider_vals {padding-left:8px;}
#simulator .slider_vals div {float:left;text-align:center;font-size:11px;color:#fff;padding-top:10px;background:url(../images/play/icon_scale_point.png) top center no-repeat;opacity:.2;filter:alpha(opacity=20);text-shadow:1px 1px 2px #000;text-transform:uppercase;}
#simulator .slider_vals div.current {opacity:1;filter:alpha(opacity=100);}
#simulator #aperture .slider_vals div.even {visibility:hidden;}
#simulator #aperture .slider_vals div:nth-child(even) {visibility:hidden;}
#simulator #shutter .slider_vals div.shutter_last {width:33%;right:-5px;text-align:right;background-position:63px 0;position:relative;}
#simulator #shutter .slider_vals div {width:32%;}
#simulator #shutter .slider_vals div:first-child {width:34%;text-align:left;margin-left:-5px;background-position:8px 0;}
#simulator #shutter .slider_vals div.hide {visibility:hidden;}
#simulator #iso .slider_vals span {display:block;text-align:left;position:relative;top:4px;left:9px;font-size:10px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}
#simulator #btn_take_photo {position:absolute;bottom:-22px;left:28px;outline:none;}
#simulator #exposure {position:absolute;top:326px;left:23px;width:432px;}
#simulator .exposure_content {height:35px;background:url(../images/play/bg_exposure_meter.png) top left no-repeat;}
#simulator #exposure h2 {width:auto;position:absolute;width:332px;top:-21px;left:0;padding-left:110px;margin:0;text-align:left;}
#simulator #exposure .info {position:absolute;top:0px;left:205px;}
#simulator #photo_affects {position:absolute;top:372px;left:180px;width:275px;height:75px;background:url(../images/play/bg_picture_affects.png) top left no-repeat;}
#simulator #photo_affects h2 {text-align:center;margin:-8px 0 0 0;padding:0;line-height:12px;height:auto;}
#simulator #photo_affects .photo_icons {padding:3px 0 0 39px;}
#simulator #photo_affects .photo_icons span {display:inline-block;width:62px;height:62px;padding-right:2px;}
#simulator #photo_affects #icon_motion {background:url(../images/play/icons_motion.png) 0 0 no-repeat;}
#simulator #photo_affects #icon_depth {background:url(../images/play/icons_depth_of_field.png) 0 0 no-repeat;}
#simulator #photo_affects #icon_noise {background:url(../images/play/icons_noise.png) 0 0 no-repeat;}

#simulator_side {position:absolute;top:0;right:0;width:179px;height:466px;padding:19px 30px;color:#ccc;background:url(../images/play/bg_simulator_side.png) top left no-repeat;}
#simulator_side #triangle {position:absolute;left:28px;bottom:55px;background:url(../images/play/triangle.png) top left no-repeat;width:184px;height:166px;font-size:11px;font-style:italic;line-height:15px;}
#simulator_side #triangle span {display:block;font-size:15px;font-weight:bold;font-style:normal;}
#simulator_side #label_shutter {position:absolute;bottom:166px;left:111px;width:90px}
#simulator_side #label_shutter span {margin-left:10px;}
#simulator_side #label_iso {position:absolute;top:126px;left:129px;}
#simulator_side #label_aperture {position:absolute;bottom:166px;left:3px;}
#simulator_side #dot {position:absolute;top:0;left:0;z-index:1;display:none;background:url(../images/play/dot.png) top left no-repeat;width:54px;height:54px;}
#simulator_side h2 {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;margin-bottom:6px;color:#ccc;}
#simulator_side p {font-size:12px;line-height:18px;}

.sim_side_text {display:none;}
#sim_side_intro {display:block;}

#simulator_bottom {position:relative;min-height:420px;}

#sim_photos {position:relative;z-index:1;width:728px;padding-top:8px;margin-top:-9px;background:url(../images/play/img_your_shots_arrow.png) 50px 0 no-repeat;text-align:center;font-size:18px;color:#444;}
#sim_photos h2 {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-size:26px;font-weight:700;text-transform:uppercase;}
#sim_photos ul {list-style:none;margin:15px 0 15px 0;padding:0 0 0 24px;text-align:left;background:url(../images/play/bg_your_shots.png) top left repeat-y;min-height:194px;min-width:100%;}
#sim_photos li {float:left;padding:15px 0 32px 0;margin-right:10px;position:relative;}
#sim_photos li a {position:relative;display:block;}
#sim_photos li a .thumb_overlay {display:block;position:absolute;top:0;left:0;width:220px;height:147px;background:url(../images/play/bg_your_photo_shadow.png) top left no-repeat;z-index:2;}
#sim_photos li a:hover .thumb_overlay {background-position:bottom left;}
#sim_photos li a .thumb_info {display:block;position:absolute;bottom:0;left:0;width:200px;height:53px;line-height:16px;padding:4px 10px 0 10px;color:#fff;font-size:12px;background:url(../images/play/bg_thumb_info.png) top left repeat;z-index:1;}
#sim_photos li a .thumb_info span {display:block;}
#sim_photos li img {width:220px;height:147px;display:block;}

#skills_to_go {position:absolute;top:41px;right:20px;width:187px;text-align:center;font-size:12px;color:#444;}
#skills_to_go h2 {margin-bottom:25px;}
#skills_to_go p {line-height:18px;}

#photo_popup, #tab_popup {position:absolute;z-index:100;display:none;width:977px;}
#photo_popup_top, .popup_top {height:18px;background:url(../images/play/bg_popup_top.png) top center no-repeat;}
#photo_popup_content, .popup_content {position:relative;background:url(../images/play/bg_popup_content.png) top left repeat-y;padding:0 14px;}
#photo_popup .popup_intro, #tab_popup .popup_intro {padding:12px 53px 13px 53px;background:url(../images/play/bg_gallery_divider_top.png) bottom left repeat-x;border-bottom:1px solid #cacaca;}
#photo_popup .popup_intro h1, #tab_popup .popup_intro h1 {display:inline-block;vertical-align:top;font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-size:60px;color:#444;text-shadow:0 5px 6px #8f8884;font-weight:200;line-height:65px;position:relative;top:-10px;padding-right:13px;}
#photo_popup .popup_intro p, #tab_popup .popup_intro p {display:inline-block;vertical-align:top;width:495px;color:#333;padding-top:13px;}

body.play.fr #tab_popup .popup_intro p {
	padding-top: 10px;
	font-size: 13px;
	line-height: 12px;
}

#photo_popup_bottom, .popup_bottom {background:url(../images/play/bg_popup_btm.png) bottom left no-repeat;padding:0 14px 0 14px;height:82px;}
#photo_popup .btn_close {position:absolute;top:15px;right:32px;}
#photo_popup #photos_gallery {padding:4px 0;position:relative;width:949px;height:557px;overflow:hidden;}
#photo_popup #photos_gallery h2 {position:absolute;top:20px;left:180px;font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-size:26px;color:#444;font-weight:700;z-index:1;width:535px;}
#photo_popup #photos_gallery .btn_delete {position:absolute;top:13px;left:709px;z-index:1;}
#photo_popup #photos_gallery > ul {list-style:none;margin:0 0 0 159px;padding:0;position:absolute;top:4px;left:0;width:10000px;}
#photo_popup #photos_gallery > ul > li {float:left;margin-right:5px;width:630px;}
#photo_popup #photos_gallery > ul > li img {display:block;width:630px;height:420px;}
#photo_popup #gallery_nav {padding-top:17px;z-index:1;text-align:center;}
#photo_popup #gallery_nav li {display:inline-block;width:17px;height:19px;margin-left:2px;background:url(../images/play/icon_gallery_nav.png) 3px 4px no-repeat;cursor:pointer;}
#photo_popup #gallery_nav li.current {background-position:3px -24px;}
#photo_popup #gallery_buttons {position:absolute;left:733px;top:161px;z-index:1;}
#photo_popup #gallery_buttons a {outline:none;}
/* #photo_popup #photo_info {position:absolute;bottom:4px;left:173px;width:607px;height:215px;padding:12px 0 0 23px;font-size:12px;background:url(../images/play/bg_gallery_info.png) top left repeat;color:#fff;font-size:14px;line-height:20px;} */
#photo_popup #photo_info {position:absolute;bottom:1px;left:14px;width:949px;height:137px;font-size:12px;background:url(../images/play/bg-photo-info.png) top left repeat;color:#fff;font-size:14px;line-height:20px;}
#photo_popup #photo_settings h2 {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-size:16px;font-weight:700;color:#fff;text-transform:uppercase;margin-bottom:12px;}
#photo_popup #photo_settings {position:absolute;right:5px;top:12px;width:205px;}
#photo_popup #photo_notes_exposure {position:absolute;left:22px;top:12px;width:205px;}
#photo_popup #photo_notes_depth {position:absolute;left:260px;top:12px;width:205px;}
#photo_popup #photo_notes_motion {position:absolute;left:500px;top:12px;width:205px;}
#photo_popup #photo_settings h3 {font-size:14px;padding-left:28px;background-position:center left;background-repeat:no-repeat;min-height:17px;margin-bottom:6px;}
#photo_popup #photo_settings h3 span {font-weight:bold;}
#photo_popup h3.hdr_focal {background-image:url(../images/play/icon_gallery_focal.png);}
#photo_popup h3.hdr_iso {background-image:url(../images/play/icon_gallery_iso.png);}
#photo_popup h3.hdr_aperture {background-image:url(../images/play/icon_gallery_aperture.png);}
#photo_popup h3.hdr_shutter {background-image:url(../images/play/icon_gallery_shutter.png);}
#photo_popup #photo_notes {width:360px;}
#photo_popup #photo_notes h2 {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-size:18px;font-weight:600;color:#fff;margin-bottom:2px;}
#photo_popup #photo_notes p {font-size:13px;line-height:14px;}
#photo_popup #photo_tips {display:inline-block;margin-left:45px;width:230px;vertical-align:top;}
#photo_popup #photo_tips li, #photo_popup #photo_notes li {padding-left:9px;background:url(../images/play/icon_li_dot.png) 0 8px no-repeat;margin-bottom:4px;}
#photo_popup #photo_triangle {position:absolute;right:0;bottom:0;background:url(../images/play/icon_gallery_triangle.png) top left no-repeat;width:122px;height:109px;}
#photo_popup #photo_dot {position:absolute;top:23px;left:43px;z-index:1;display:block;background:url(../images/play/icon_gallery_dot.png) top left no-repeat;width:38px;height:38px;}
#popup_overlay, #tab_overlay, #challenge_intro_overlay {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;filter:alpha(opacity=60);opacity:0.60;z-index:99;display:none;}
#gallery_overlay {position:absolute;bottom:115px;left:0;width:100%;height:125px;background:url(../images/play/bg_gallery_overlay.png) top left repeat-x;}

/* Slider overwrites */
#simulator .slider_content .slider_container {background:transparent url(../images/play/bg_slider.png) left 1px no-repeat;padding:0 8px;}
#simulator .disabled h2, #simulator .disabled .slider_vals, #simulator .disabled .slider_container {opacity:0.2;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity:1 !important;}
#simulator .slider_content .ui-slider {border:0;padding:0;margin:0;background:transparent;}
#simulator .slider_content .ui-slider-handle {width:52px;height:38px;padding:0;margin:0;border:0;background:transparent url(../images/play/slider_handle.png) top left no-repeat;top:-24px;margin-left:-26px;outline:none;cursor:pointer;filter:inherit;}
#simulator .exposure_content .ui-slider {border:0;padding:0;margin:0;background:transparent;}
#simulator .exposure_content .ui-slider-handle {width:7px;height:10px;padding:0;margin:0;border:0;background:transparent url(../images/play/icon_exposure_scale_marker.png) top left no-repeat;top:-0;margin-left:-4px;outline:none;}
#simulator .exposure_content .slider_container {padding:24px 36px 0 38px;}

#side_sliders {position:absolute;display:none;bottom:78px;left:0;background:url(../images/play/bg_simulator_side_divider.png) top right no-repeat;padding:54px 0 0 27px;width:203px;}
#side_sliders .slider_content {width:190px;position:relative;display:none;}
#side_sliders .slider_content .ui-slider {border:0;padding:0;margin:0;background:transparent;}
#side_sliders .slider_content .ui-slider-handle {width:32px;height:24px;padding:0;margin:0;border:0;background:transparent url(../images/play/icon_side_slider_handle.png) top left no-repeat;top:-10px;margin-left:-15px;outline:none;cursor:pointer;filter:inherit;}
#side_sliders .slider_container {padding:17px 42px 0 41px;height:24px;}
#side_sliders h2 {font-size:12px;color:#d3d3d3;text-shadow:1px 1px 2px #000;text-transform:none;font-weight:normal;text-align:center;margin-top:-15px;}
#side_sliders #slider_depth .slider_container {background:transparent url(../images/play/bg_slider_depth_of_field.png) 0 0 no-repeat;}
#side_sliders #slider_motion .slider_container {background:transparent url(../images/play/bg_slider_motion.png) 0 0 no-repeat;}
#side_sliders #slider_noise .slider_container {background:transparent url(../images/play/bg_slider_noise.png) 0 0 no-repeat;}


/* Help overlays */
.help_popup {position:absolute;z-index:100;display:none;width:621px;top:0;left:0;}
.help_popup_top {height:57px;background:url(../images/play/bg_help_overlay_top.png) top center no-repeat;}
.help_popup_content {position:relative;background:url(../images/play/bg_help_overlay_content.png) top left repeat-y;padding:30px 82px 16px 82px;font-size:14px;line-height:20px;color:#444;}
.help_popup_content h2 {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-size:24px;font-weight:700;color:#000;line-height:36px;margin-bottom:7px;}
.help_popup_content .btn_close {position:absolute;top:3px;right:32px;}
.help_popup_bottom {height:26px;background:url(../images/play/bg_help_overlay_btm.png) bottom left no-repeat;padding-top:2px;}

.help_popup_wide {width:901px;}
.help_popup_wide .help_popup_top {background:url(../images/play/bg_help_overlay_wide_top.png) top center no-repeat;}
.help_popup_wide .help_popup_content {background:url(../images/play/bg_help_overlay_wide_content.png) top left repeat-y;}
.help_popup_wide .help_popup_bottom {background:url(../images/play/bg_help_overlay_wide_btm.png) bottom left no-repeat;}
.help_steps {position:relative;padding-left:466px;min-height:282px;}
.help_steps img {position:absolute;top:0;left:0;display:none;}
.help_steps ul {width:270px;margin-left:-1px;}
.help_steps li {margin-bottom:9px;}
.help_steps li.current {background:url(../images/play/bg_help_step_arrow.png) left center no-repeat;}
.help_steps li.current img {display:block;}
.help_steps li a {display:block;text-decoration:none;padding:8px 10px 1px 14px;margin-left:11px;border:1px solid #fdfdfd;color:#444;min-height:69px;outline:none;}
.help_steps li a:hover {text-decoration:none;border:1px solid #3b86c4;border-radius:3px;}
.help_steps li.current a {border:0 !important;padding:9px 11px 2px 15px;border-radius:3px;color:#fff;text-shadow:1px 1px 1px #000;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#3b86c3), to(#295e89));background-image:-moz-linear-gradient(top, #3b86c3, #295e89);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b86c3', endColorstr='#295e89');}
.popup_highlight {position:relative;z-index:100;}

/* ==================== challenge ==================== */



#challenge_intro {position:absolute;top:0;left:0;z-index:100;display:none;background:url(../images/challenge/bg_challenge_intro.png) top left no-repeat;width:667px;height:285px;padding:25px 34px 24px 34px;margin-bottom:20px;color:#333;}
#challenge_intro h1 {color:#333;font-size:62px;}
#challenge_intro h2 {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-size:38px;font-weight:400;color:#333;}
#challenge_intro h3 {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-size:26px;font-weight:400;color:#333;}

body.fr #challenge_intro h1 {font-size:48px;}
body.fr #challenge_intro h2 {font-size:26px !important;font-weight:300;}
body.fr #challenge_intro h3 {font-size:22px !important;font-weight:300;}


#challenge_intro .intro_btns {position:absolute;bottom:32px;right:20px;width:385px;text-align:center;}
body.fr #challenge_intro .intro_btns {width: 465px;}
#challenge_intro .intro_btns .btn_start_challenge {display:block;margin-bottom:5px;}
#challenge_intro .intro_btns a {color:#2e73ac;}

/* we overwrite this `#pg-challenge` in tiles.xml with `<put-attribute type="string" name="bodyClass" value="challenge"/>` see canon.simulator.js as well
#pg-challenge #simulator_container {margin-bottom:20px;}
#pg-challenge #photo_popup .popup_intro h1 {font-size:32px;font-weight:400;line-height:35px;top:0;padding:5px 105px 10px 105px;}


#pg-challenge .btn_delete {display:none !important;}


#pg-challenge .intro {padding:0;margin-top:-10px;}
#pg-challenge .intro h1,#challenge_intro h1 {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-size:60px;color:#614636;text-shadow:0 5px 6px #8f8884;font-weight:200;line-height:65px;}
#pg-challenge .intro p {color:#333;padding-top:11px;padding-left:4px;}



#pg-challenge .challenge_section {display:block;}
#pg-challenge .results_section {display:none;}

#pg-challenge #simulator #image.correct {background:#191919 url(../images/challenge/bg_image_correct.png) center center no-repeat;}
#pg-challenge #simulator #image.incorrect {background:#191919 url(../images/challenge/bg_image_incorrect.png) center center no-repeat;}

#pg-challenge #skills_to_go {top:49px;}

#pg-challenge #timer {position:relative;background:url(../images/challenge/bg_timer.png) top left no-repeat;width:192px;height:89px;margin:-5px 0 20px -14px;padding:5px 0 0 14px;}
#pg-challenge #timer h3 {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-weight:700;font-size:16px;color:#ccc;line-height:18px;text-transform:uppercase;}
#pg-challenge .timer_count {position:absolute;top:38px;width:75px;height:39px;line-height:35px;padding-left:13px;}
#pg-challenge .timer_min {left:12px;}
#pg-challenge .timer_sec {left:105px;}
#pg-challenge .timer_count span {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-weight:600;color:#fff;font-size:39px;text-shadow:0 0 2px #000;}
#pg-challenge .timer_overlay {position:absolute;z-index:1;top:18px;left:0;width:83px;height:39px;padding:10px 5px 0 0;background:url(../images/challenge/bg_time_divider.png) top left no-repeat;text-align:right;color:#fff;font-size:9px;text-transform:uppercase;text-shadow:0 0 1px #000;line-height:9px;}
#pg-challenge #btn_target_picture {position:absolute;bottom:70px;left:22px;}


#pg-challenge .challenge_section {display:block;}
#pg-challenge .results_section {display:none;}

#pg-challenge #simulator #image.correct {background:#191919 url(../images/challenge/bg_image_correct.png) center center no-repeat;}
#pg-challenge #simulator #image.incorrect {background:#191919 url(../images/challenge/bg_image_incorrect.png) center center no-repeat;}

#pg-challenge #skills_to_go {top:49px;}


#pg-challenge #timer {position:relative;background:url(../images/challenge/bg_timer.png) top left no-repeat;width:192px;height:89px;margin:-5px 0 20px -14px;padding:5px 0 0 14px;}
#pg-challenge #timer h3 {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-weight:700;font-size:16px;color:#ccc;line-height:18px;text-transform:uppercase;}
#pg-challenge .timer_count {position:absolute;top:38px;width:75px;height:39px;line-height:35px;padding-left:13px;}
#pg-challenge .timer_min {left:12px;}
#pg-challenge .timer_sec {left:105px;}
#pg-challenge .timer_count span {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-weight:600;color:#fff;font-size:39px;text-shadow:0 0 2px #000;}
#pg-challenge .timer_overlay {position:absolute;z-index:1;top:18px;left:0;width:83px;height:39px;padding:10px 5px 0 0;background:url(../images/challenge/bg_time_divider.png) top left no-repeat;text-align:right;color:#fff;font-size:9px;text-transform:uppercase;text-shadow:0 0 1px #000;line-height:9px;}
#pg-challenge #btn_target_picture {position:absolute;bottom:70px;left:22px;}

*/

body.challenge #simulator_container {margin-bottom:20px;}
body.challenge #photo_popup .popup_intro h1 {font-size:32px;font-weight:400;line-height:35px;top:0;padding:5px 105px 10px 105px;}

body.challenge .btn_delete {display:none !important;}

body.challenge .intro {padding:0;margin-top:-10px;}
body.challenge .intro h1,#challenge_intro h1 {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-size:60px;color:#614636;text-shadow:0 5px 6px #8f8884;font-weight:200;line-height:65px;}
body.challenge .intro p {color:#333;padding-top:11px;padding-left:4px;}


body.challenge .challenge_section {display:block;}
body.challenge .results_section {display:none;}

body.challenge #simulator #image.correct {background:#191919 url(../images/challenge/bg_image_correct.png) center center no-repeat;}
body.challenge #simulator #image.incorrect {background:#191919 url(../images/challenge/bg_image_incorrect.png) center center no-repeat;}

body.challenge #skills_to_go {top:49px;}

body.challenge #timer {position:relative;background:url(../images/challenge/bg_timer.png) top left no-repeat;width:192px;height:89px;margin:-5px 0 20px -14px;padding:5px 0 0 14px;}
body.challenge #timer h3 {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-weight:700;font-size:16px;color:#ccc;line-height:18px;text-transform:uppercase;}
body.challenge .timer_count {position:absolute;top:38px;width:75px;height:39px;line-height:35px;padding-left:13px;}
body.challenge .timer_min {left:12px;}
body.challenge .timer_sec {left:105px;}
body.challenge .timer_count span {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-weight:600;color:#fff;font-size:39px;text-shadow:0 0 2px #000;}
body.challenge .timer_overlay {position:absolute;z-index:1;top:18px;left:0;width:83px;height:39px;padding:10px 5px 0 0;background:url(../images/challenge/bg_time_divider.png) top left no-repeat;text-align:right;color:#fff;font-size:9px;text-transform:uppercase;text-shadow:0 0 1px #000;line-height:9px;}
body.challenge #btn_target_picture {position:absolute;bottom:70px;left:22px;}


body.fr #simulator_side .challenge_side_text h2 {
	font-size: 16px;
	line-height: 14px;
}

body.fr #simulator_side .challenge_side_text p {
	font-size: 11px;
	line-height: 13px;
	padding-bottom: 5px;
}

/* Reduce font in Simulator's labels */

body.fr #simulator h2 {
	font-size: 10px;
}

body.fr #simulator h2 span {
	font-size: 11px;
}

body.fr #simulator #slider_options a {
    font-size: 10px;
}

/*French 'Why use this mode?' help tag in simulator*/
body.fr #simulator #find_it_btn a, .fr #sim_photos li a .thumb_info {
	font-size: 11px;
}
body.challenge .challenge_section {display:block;}
body.challenge .results_section {display:none;}

body.challenge #simulator #image.correct {background:#191919 url(../images/challenge/bg_image_correct.png) center center no-repeat;}
body.challenge #simulator #image.incorrect {background:#191919 url(../images/challenge/bg_image_incorrect.png) center center no-repeat;}

body.challenge #skills_to_go {top:49px;}

body.challenge #timer {position:relative;background:url(../images/challenge/bg_timer.png) top left no-repeat;width:192px;height:89px;margin:-5px 0 20px -14px;padding:5px 0 0 14px;}
body.challenge #timer h3 {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-weight:700;font-size:16px;color:#ccc;line-height:18px;text-transform:uppercase;}
body.challenge .timer_count {position:absolute;top:38px;width:75px;height:39px;line-height:35px;padding-left:13px;}
body.challenge .timer_min {left:12px;}
body.challenge .timer_sec {left:105px;}
body.challenge .timer_count span {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-weight:600;color:#fff;font-size:39px;text-shadow:0 0 2px #000;}
body.challenge .timer_overlay {position:absolute;z-index:1;top:18px;left:0;width:83px;height:39px;padding:10px 5px 0 0;background:url(../images/challenge/bg_time_divider.png) top left no-repeat;text-align:right;color:#fff;font-size:9px;text-transform:uppercase;text-shadow:0 0 1px #000;line-height:9px;}
body.challenge #btn_target_picture {position:absolute;bottom:70px;left:22px;}

/*End fixing selector*/






#target_picture {position:absolute;top:-40px;left:-30px;z-index:100;display:none;width:705px;padding:20px 0 0 30px;height:535px;background:url(../images/challenge/bg_target_picture.png) top left no-repeat;}
#target_picture .btn_close {position:absolute;top:15px;right:28px;}
#target_picture h2 {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-size:26px;font-weight:700;text-transform:uppercase;margin-bottom:15px;}
.target_image {position:relative;width:676px;height:451px;}
.target_image img {width:100%;height:100%;display:block;}
.target_image .image_shadow {position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/challenge/bg_target_picture_shadow.png) top left no-repeat;z-index:1;}

#challenge_results {position:relative;background:url(../images/challenge/bg_challenge_module.png) top left no-repeat;width:950px;height:831px;padding:35px 4px 20px 4px;margin-bottom:20px;color:#ccc;}
.challenge_photos {position:absolute;top:264px;left:114px;z-index:1;width:728px;text-align:center;font-size:18px;color:#444;}
.challenge_photos h2 {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-size:26px;font-weight:700;text-transform:uppercase;}
.challenge_photos h3 {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-size:16px;font-weight:700;height:22px;margin:0;color:#444;}
.challenge_photos ul {list-style:none;margin:9px 0 15px 0;padding:0 0 0 24px;text-align:left;min-width:100%;}
.challenge_photos li {position:relative;float:left;height:275px;margin-right:10px;overflow:hidden;}
.challenge_photos li .thumb_overlay {display:block;position:absolute;top:22px;left:0;width:220px;height:147px;z-index:1;}
.challenge_photos li.correct1 .thumb_overlay {background:url(../images/challenge/photo_correct_1.png) top left no-repeat;}
.challenge_photos li.correct2 .thumb_overlay {background:url(../images/challenge/photo_correct_2.png) top left no-repeat;}
.challenge_photos li.correct3 .thumb_overlay {background:url(../images/challenge/photo_correct_3.png) top left no-repeat;}
.challenge_photos li.correct4 .thumb_overlay {background:url(../images/challenge/photo_correct_4.png) top left no-repeat;}
.challenge_photos li.correct5 .thumb_overlay {background:url(../images/challenge/photo_correct_5.png) top left no-repeat;}
.challenge_photos li.correct6 .thumb_overlay {background:url(../images/challenge/photo_correct_6.png) top left no-repeat;}
.challenge_photos li.incorrect1 .thumb_overlay {background:url(../images/challenge/photo_incorrect_1.png) top left no-repeat;}
.challenge_photos li.incorrect2 .thumb_overlay {background:url(../images/challenge/photo_incorrect_2.png) top left no-repeat;}
.challenge_photos li.incorrect3 .thumb_overlay {background:url(../images/challenge/photo_incorrect_3.png) top left no-repeat;}
.challenge_photos li.incorrect4 .thumb_overlay {background:url(../images/challenge/photo_incorrect_4.png) top left no-repeat;}
.challenge_photos li.incorrect5 .thumb_overlay {background:url(../images/challenge/photo_incorrect_5.png) top left no-repeat;}
.challenge_photos li.incorrect6 .thumb_overlay {background:url(../images/challenge/photo_incorrect_6.png) top left no-repeat;}
.challenge_photos li div {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-size:16px;font-weight:600;color:#444;text-shadow:1px 1px 1px #fff;}
.challenge_photos li .thumb_info {margin-top:1px;color:#fff;display:block;height:86px;width:206px;padding:7px 7px 0 7px;background:url(../images/challenge/bg_results_photo_info.png) top left no-repeat;}
.challenge_photos li .thumb_info span {display:block;font-size:14px;text-shadow:1px 1px 1px #666;}
.challenge_photos li .thumb_info .thumb_result {font-weight:700;margin-top:5px;}
.challenge_photos li img {width:220px;height:147px;display:block;}

#challenge_results #results_header {position:relative;padding:14px 299px 0 97px;height:49px;margin-bottom:25px;background:url(../images/challenge/bg_challenge_results_header.png) 65px 0 no-repeat;font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;}
#challenge_results #results_header .intro_text{font-size:25px;font-weight:400;text-transform:uppercase;}
body.fr #challenge_results #results_header .intro_text {
	padding-top: 6px;
	font-size: 18px;
}

#challenge_results #results_header .intro_text strong, #challenge_results #results_header .intro_text b {font-weight:700;}
#challenge_results .results_share {position:absolute;right:60px;top:10px;width:235px;text-align:right;font-weight:600;font-size:15px;}
#challenge_results .results_share a {display:inline-block;vertical-align:middle;margin-left:10px;}
#challenge_results .timer_min {top:14px;left:464px;}
#challenge_results .timer_sec {top:14px;left:557px;}
#challenge_results #results_score {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-size:25px;font-weight:400;text-transform:uppercase;text-align:center;margin-bottom:23px;}
#challenge_results #results_score strong, #challenge_results #results_score b {font-weight:700;}
#challenge_results #results_buttons {text-align:center;margin-bottom:40px;}
#challenge_results #results_buttons a {margin:0 8px;}

#challenge_ready {position:fixed;z-index:100;display:none;width:676px;height:571px;top:0;left:0;background:url(../images/challenge/bg_challenge_ready.png) top left no-repeat;padding:19px 29px 25px 30px;}
#challenge_ready h1 {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-size:26px;font-weight:700;text-transform:uppercase;color:#444;line-height:32px;margin-bottom:16px;padding-right:65px;}
#challenge_ready .btn_close {position:absolute;top:15px;right:28px;}
#challenge_ready .btn_ready {position:absolute;bottom:37px;right:39px;}
#challenge_ready_content {height:500px;overflow:hidden;}



/* challenge coupon */
#challenge_coupon {position:fixed;z-index:100;display:none;width:759px;height:466px;top:0;left:0;background:url(../images/challenge/bg-coupon.png) top left no-repeat;padding:19px 29px 25px 30px;}
#challenge_coupon h1 { text-transform:uppercase;color:#444;margin-bottom:26px; text-align: center;}
#challenge_coupon .btn_close {position:absolute;top:15px;right:28px;}
#coupon-copy, #coupon-results {
	padding: 45px 130px 0 130px;
}
#coupon-copy table { width: 100%; margin-bottom: 12px; }
#coupon-copy td { vertical-align: middle; padding-bottom: 5px; }
#coupon-copy .txt-field {
	width: 300px;
	padding: 10px;
	margin-bottom: 5px;
}
#coupon-copy #optin {
	margin-bottom: 20px;
}

#coupon-results { display: none; }
#coupon-results-id { color: #3b86c4; font-size: 21px; font-weight: bold; }


/* learn */
body.learn ul#sub-nav {
	background: url(../images/learn/bg-subnav.png) no-repeat;
	display: block;
	width: 957px;
	height: 62px;
	padding: 5px 0 0 3px;
	margin-top: 10px;
	margin-bottom: 30px;
	background-size: 100%;
}
body.learn #sub-nav li {
	display: block;
	float: left;
	width: 236px;
	height: 43px;
	padding-top: 18px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
}

body.learn.fr #sub-nav li {
    font-size: 15px;
}

body.learn #sub-nav li.active {
	background: url(../images/learn/bg-subnav-active.png) no-repeat;
}
body.learn #sub-nav li a { color: #fff; text-shadow: -1px 2px 2px #6a5c53; }
body.learn #sub-nav li.active a { color: #444444; text-shadow: none; }

body.learn td {
	vertical-align: top;
	margin-top: 20px;
	padding: 14px 15px 0 0;
}
body.learn td.img-slide {
	background: url(../images/learn/bg-img-slide.png) no-repeat;
	width: 220px;
	height: 224px;
	padding: 40px 45px 0 20px;
}
body.learn td.img-slide img, body.learn td.img-shadow img{ width: 220px; }
body.learn td.img-slide p, body.learn td.img-shadow p { position: relative; }
body.learn td.img-shadow p:first-child { margin-top: 50px; }
body.learn td.img-slide p span, body.learn td.img-shadow p span {display:block;position:absolute;top:0;left:0;width:220px;height:147px;background:url(../images/play/bg_your_photo_shadow.png) top left no-repeat;z-index:1;}
body.learn td h2 { padding-bottom: 18px; }

#sub-nav-bottom { text-align: right; }
#sub-nav-bottom img { vertical-align: middle; }
#sub-nav-bottom a { margin-left: 10px; }



/* ==================== footer ==================== */
#footer {
	background: url(../images/bg-footer.png) no-repeat top center;
	padding: 20px 0 0 0;
	font-size: 11px;
	color: #9a938f;
}
#spread-the-word {
	float: right;
	width: 400px;
	text-align: right;
	padding-right: 75px;
	font-size: 12px;
	color: #000;
	font-weight: bold;
}
#spread-the-word a { margin-left: 5px; }
#spread-the-word img { vertical-align: middle; }
#footer-nav a {
	color: #689dca;
	text-decoration: none;
}
#footer #copy {
	clear: both;
	padding-top: 15px;
}



/* ==================== pull out tab ==================== */
#tab {
	position: absolute;
	top: 256px;
	left: 0;
	cursor: pointer;
	z-index:1;
}
#tab_popup {position:absolute;z-index:100;display:none;width:986px;}
#tab_popup .popup_top {height:12px;background:url(../images/bg-tab-popup-top.png) top left no-repeat;}
/* body.play #tab_popup .popup_content {height:703px;background:url(../images/bg-tab-popup-bottom.png) top left no-repeat;} */
#tab_popup .popup_content, body.play #tab_popup .popup_content_tall {height:843px;background:url(../images/bg-tab-popup-bottom-tall.png) top left no-repeat;padding:0 26px 20px 9px;}
#tab_popup .popup_intro {position:relative;padding:12px 53px 13px 53px;background:url(../images/bg-tab-popup-divider.png) bottom left repeat-x;}
#tab_popup .popup_intro .logo_eos {position:absolute;top:35px;right:35px;}
#tab_popup .popup_intro h1 {display:inline-block;vertical-align:top;font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-size:60px;color:#444;text-shadow:0 5px 6px #8f8884;font-weight:200;line-height:65px;position:relative;top:-10px;padding-right:13px;}
#tab_popup .popup_intro p {display:inline-block;vertical-align:top;width:495px;color:#333;padding-top:13px;}

/* pull out tab masonry */
.brick {
	width: 278px;
	float: left;
	margin-bottom: 22px;
}
.brick-copy {
	background: url(../images/bg-masonry-brick.png) no-repeat;
	width: 230px;
	padding: 21px 26px 3px 22px
}
.brick-copy h2 { padding-bottom: 13px; }
.brick-copy h2 img { vertical-align: middle; }
.brick-bottom {
	background: url(../images/bg-masonry-brick-bottom.png) no-repeat;
	width: 278px;
	height: 7px;
}



body.side-tab #tab_popup { top: 135px; left: -960px; }
#popup_copy {
	padding: 30px 0 20px 40px;
}

.scroll-pane {
	width: 900px;
	height: 685px;
	overflow: auto;
}

/* learn */
body.learn #tab {
	width: 59px;
	height: 459px;
	background: url(../images/learn/tab-glossary.png) no-repeat;
}

body.learn.fr #tab { background: url(../images/learn/tab-glossary_fr.png) no-repeat; }

body.learn #tab-close {
	width: 65px;
	height: 459px;
	background: url(../images/learn/tab-glossary-close.png) no-repeat;
	cursor: pointer;
	position: absolute;
	top: 121px;
	right: -39px;
}

body.learn.fr #tab-close { background: url(../images/learn/tab-glossary-close_fr.png) no-repeat; }




/* learn - landing */
.compare2, .compare3 {
	margin-bottom: 18px;
	position: relative;
}
.compare2-img1, .compare2-img2 {
	position: absolute;
	top: 186px;
	z-index: -10;
}
.compare2-img1 { left: 44px; }
.compare2-img2 { left: 487px; }
.compare2-img1 img, .compare2-img2 img { width: 433px; }
.compare2-img1-heading, .compare2-img2-heading, .compare2-img1-copy, .compare2-img2-copy {
	position: absolute;
	top: 439px;
	z-index: 10;
	width: 400px;
	color: #fff;
}
.compare2-img1-copy, .compare2-img2-copy { top: 491px; }
.compare2-img1-heading { left: 100px; }
.compare2-img1-copy { left: 45px; }
.compare2-img2-heading { left: 544px; }
.compare2-img2-copy { left: 488px; }
.compare2-img1-heading img, .compare2-img2-heading img { vertical-align: middle; margin-right: 8px; }
.compare2-img1-heading p, .compare2-img2-heading p { padding-bottom: 9px; line-height: 18px; }
.compare2-img1-copy p, .compare2-img2-copy p { font-size: 12px; padding-bottom: 9px; line-height: 14px; }

.compare3-img1, .compare3-img2, .compare3-img3 {
	position: absolute;
	top: 156px;
	z-index: -10;
}
.compare3-img1 { left: 41px; }
.compare3-img2 { left: 339px; }
.compare3-img3 { left: 635px; }
.compare3-img1 img, .compare3-img2 img, .compare3-img3 img { width: 282px; }
.compare3-img1-heading, .compare3-img2-heading, .compare3-img3-heading,
.compare3-img1-copy, .compare3-img2-copy, .compare3-img3-copy {
	position: absolute;
	top: 356px;
	z-index: 10;
	width: 250px;
	color: #fff;
}
.compare3-img1-copy, .compare3-img2-copy, .compare3-img3-copy { top: 380px; }
.compare3-img1-heading, .compare3-img1-copy { left: 52px; }
.compare3-img2-heading, .compare3-img2-copy { left: 349px; }
.compare3-img3-heading, .compare3-img3-copy { left: 648px; }
.compare3-img1-heading img, .compare3-img2-heading img, .compare3-img3-heading img { vertical-align: middle; margin-right: 8px; }
.compare3-img1-heading p, .compare3-img2-heading p, .compare3-img3-heading p { padding-bottom: 9px; line-height: 18px; }
.compare3-img1-copy p, .compare3-img2-copy p, .compare3-img3-copy p { font-size: 12px; padding-bottom: 9px; line-height: 14px; }




/* learn - compare */
#compare-info {
	width: 958px;
	height: 693px;
	background: url(../images/learn/bg-compare.png) no-repeat;
	margin-bottom: 18px;
	position: relative;
}
#compare-info-buttons {
	position: relative;
	top: 34px;
	left: 45px;
}
#compare-info-buttons li { float: left; margin-right:4px;}
#compare-info-buttons li a {
	display: block;
	width: 127px;
	height: 36px;
	cursor: pointer;
	text-indent: -9999px;
}
#compare-info-buttons li a#compare-info-iso { background: url(../images/learn/compare-iso.png) no-repeat; }
#compare-info-buttons li a#compare-info-iso.active { background-position: bottom left; }
#compare-info-buttons li a#compare-info-shutter-speed { background: url(../images/learn/compare-shutter-speed.png) no-repeat; }
#compare-info-buttons li a#compare-info-shutter-speed.active { background-position: bottom left; }
#compare-info-buttons li a#compare-info-aperture { background: url(../images/learn/compare-aperture.png) no-repeat; }
#compare-info-buttons li a#compare-info-aperture.active { background-position: bottom left; }
#compare-info-copy {
	position: absolute;
	top: 90px;
	left: 70px;
	width: 815px;
	color: #cccccc;
	line-height: 18px;
}

#compare1 {
	position: absolute;
	top: 201px;
	left: 44px;
}
#compare2 {
	position: absolute;
	top: 201px;
	left: 484px;
}

#compare1-img, #compare2-img {
	width: 430px;
	height: 288px;
	overflow: hidden;
	position: relative;
}
#compare1-img img, #compare2-img img { width: 430px; }
#compare-info .image_shadow { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/learn/compare-shadow.png) top left no-repeat; z-index:1; }

.compare-settings {
	padding-top: 30px;
	color: #fff;
}
.compare-settings h2 { color: #fff; font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:12px;}
.compare-settings h3 { color: #cccccc; font-size:14px;padding-left:28px;background-position:center left;background-repeat:no-repeat;min-height:17px;margin-bottom:6px;}
.compare-settings h3 span { color: #fff; font-weight:bold;}
.compare-settings h3.hdr_focal {background-image:url(../images/learn/icon_gallery_focal.png);}
.compare-settings h3.hdr_iso {background-image:url(../images/learn/icon_gallery_iso.png);}
.compare-settings h3.hdr_aperture {background-image:url(../images/learn/icon_gallery_aperture.png);}
.compare-settings h3.hdr_shutter {background-image:url(../images/learn/icon_gallery_shutter.png);}
.compare-triangle {position:absolute;right:110px;bottom:0;background:url(../images/play/icon_gallery_triangle.png) top left no-repeat;width:122px;height:109px;}
.compare-dot {position:absolute;top:52px;left:42px;z-index:1;display:block;background:url(../images/play/icon_gallery_dot.png) top left no-repeat;width:38px;height:38px;}



/* learn - tips */
#content .brick {
	background: url(../images/learn/bg-tips.png) no-repeat;
	width: 414px;
	height: 160px;
	padding: 15px 18px 0 18px;
	margin: 25px 0;
}
#content .brick p:first-child {
	font-size: 24px;
	padding-left: 35px;
}



/* play */
body.play #tab {
	width: 65px;
	height: 435px;
	background: url(../images/play/tab-examples.png) top left no-repeat;
}

body.play.fr #tab { background: url(../images/play/tab-examples_fr.png) top left no-repeat; }

body.play #tab-close {
	width: 65px;
	height: 435px;
	background: url(../images/play/tab-examples.png) bottom left no-repeat;
	cursor: pointer;
	position: absolute;
	top: 121px;
	right: -39px;
}

body.play.fr #tab-close { background: url(../images/play/tab-examples_fr.png) bottom left no-repeat; }


/* Challenge */
body.challenge #tab {
	width: 59px;
	height: 565px;
	background: url(../images/challenge/tab-hints.png) top left no-repeat;
	top:236px;
}

body.challenge.fr #tab { background: url(../images/challenge/tab-hints_fr.png) top left no-repeat; }

body.challenge #tab-close {
	width: 59px;
	height: 565px;
	background: url(../images/challenge/tab-hints.png) bottom left no-repeat;
	cursor: pointer;
	position: absolute;
	top: 101px;
	right: -33px;
}

body.challenge.fr #tab-close { background: url(../images/challenge/tab-hints_fr.png) bottom left no-repeat; }



#tab_popup #example_copy {padding:23px 0 20px 40px;;}
#tab_popup .examples_row {height:187px;padding-left:69px;}
#tab_popup .examples_row h2 {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-size:20px;margin-bottom:4px;font-weight:700;text-transform:uppercase;}
#tab_popup .examples_row li {float:left;margin-right:29px;}
#tab_popup .examples_row li a {position:relative;display:block;}
#tab_popup .examples_row li a span {display:block;position:absolute;top:0;left:0;width:220px;height:147px;background:url(../images/play/bg_your_photo_shadow.png) top left no-repeat;z-index:1;}
#tab_popup .examples_row li a:hover span {background-position:bottom left;}
#tab_popup .examples_row li img {width:220px;height:147px;display:block;}

#example_photo_content {display:none;position:relative;}
#example_photo_gallery {padding:4px 0;position:relative;width:949px;height:428px;overflow:hidden;}
#example_photo_gallery h2 {position:absolute;top:26px;left:122px;font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-size:26px;color:#444;font-weight:700;z-index:1;display:none !important;}
#example_photo_gallery .btn_back_to_examples {position:absolute;top:18px;left:72px;z-index:1;}
#example_photo_gallery .btn_you_try {position:absolute;top:25px;right:7px;z-index:1;}
#example_photo_gallery > ul {list-style:none;margin:0 0 0 159px;padding:0;position:absolute;top:4px;left:0;width:10000px;}
#example_photo_gallery > ul > li {float:left;margin-right:5px;width:630px;text-align:center;}
#example_photo_gallery > ul > li img {display:inline-block;max-width:630px;height:420px;}
#example_photo_gallery #example_gallery_nav {position:absolute;right:182px;bottom:18px;max-width:586px;z-index:1;}
#example_photo_gallery #example_gallery_nav li {float:left;width:17px;height:19px;margin-left:2px;background:url(../images/play/icon_gallery_nav.png) 3px 4px no-repeat;cursor:pointer;}
#example_photo_gallery #example_gallery_nav li.current {background-position:3px -24px;}
#example_photo_gallery #example_gallery_buttons {position:absolute;left:733px;top:241px;z-index:1;}
#example_photo_gallery #example_gallery_buttons a {outline:none;}
#example_photo_info {position:absolute;top:428px;left:159px;width:607px;height:280px;padding:12px 0 0 23px;font-size:12px;background:url(../images/play/bg_gallery_info.png) top left repeat;color:#fff;font-size:14px;line-height:20px;}
#example_photo_info h2 {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-size:16px;font-weight:700;color:#fff;text-transform:uppercase;margin-bottom:12px;}
#example_photo_settings {position:absolute;right:5px;top:12px;width:205px;}
#example_photo_settings h3 {font-size:14px;padding-left:28px;background-position:center left;background-repeat:no-repeat;min-height:17px;margin-bottom:6px;}
#example_photo_settings h3 span {font-weight:bold;}
#example_photo_settings h3.hdr_focal {background-image:url(../images/play/icon_gallery_focal.png);}
#example_photo_settings h3.hdr_iso {background-image:url(../images/play/icon_gallery_iso.png);}
#example_photo_settings h3.hdr_aperture {background-image:url(../images/play/icon_gallery_aperture.png);}
#example_photo_settings h3.hdr_shutter {background-image:url(../images/play/icon_gallery_shutter.png);}
#example_photo_notes {width:360px;}
#example_photo_notes #photo_notes h2 {font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-size:21px;font-weight:600;color:#fff;margin-bottom:2px;}
#example_photo_notes #photo_notes p {font-size:13px;line-height:14px;}

/* challenge pull out tab masonry */
.tips_content .brick {
	width: 878px;
	float: left;
	margin-bottom: 0;
}
.tips_content .brick-copy {
	background: url(../images/challenge/bg_tip_brick_full.png) no-repeat;
	width:auto;
	padding: 21px 26px 3px 23px;
}
.tips_content .brick-copy h2 { font-family:"Source Sans Pro",Helvetica,"Arial Narrow",Arial,sans-serif;font-size:20px;color:#000;font-weight:700;padding-bottom: 13px; }
.tips_content .brick-copy img { max-width:388px;display:block; }
.tips_content .brick-bottom {
	background: url(../images/challenge/bg_tip_brick_full_btm.png) no-repeat;
	width: 878px;
	height: 7px;
}

/* IE Hax */
.ie8 #simulator .disabled h2, .ie8 #simulator .disabled .slider_vals, .ie8 #simulator .disabled .slider_container {filter:alpha(opacity=20);}
.ie8 #simulator #iso .slider_vals span {
	width:30px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */
}
.ie8 #simulator #iso.disabled .slider_vals span {
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476), progid:DXImageTransform.Microsoft.Alpha(opacity=20)"; /* IE8 */
}
.ie7 #simulator #iso .slider_vals div {
	width:11% !important;
}
.ie7 #simulator .disabled h2, .ie7 #simulator .disabled .slider_vals, .ie7 #simulator .disabled .slider_container {filter:alpha(opacity=20);}
.ie7 #simulator .slider_content, .ie8 #simulator .slider_content {height:65px;}
.ie7 #simulator #iso .slider_vals span {
	display:block;width:30px;
	filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);
}

/* clearfix
   ============================================================ */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

#bug31376882 {
	position: absolute;
	bottom: 11em;
	width: 80%;
}

#bug31376882 p {
	margin: 0;
	padding-bottom: 10px;
	font-size: 11px;
	line-height: 13px;
	color: #666;
}

#side_sliders {
	height: 47px;
	display: block;
}