/* CSS Document */

#mainHeader_printVersion { display:none; }
html{ width:100%;height:100%;}
body{margin:0px;padding:0px; height:100%; width:100%; background-repeat: no-repeat; background-position:center top; background-color:#d6cfc5; background-image:url(../images/backgroundplate.jpg)}

h1,h2,h3,h4,h5,p,form{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1em;
}
#printOnly{display:none;}

p{padding-top:2px; padding-bottom: 2%; line-height: 120%;}

object, embed{ padding:0; margin:0; display:block}




/* ## LAYOUT CODE ## */

#signIn		{ display:none}

	/* WORLD OF EOS GLOBAL HEADER*/
	#global #mainWOEHeader
	{
		background:		#6e7882;
		border-bottom:	3px solid #4d565d;
		height: 		25px;
		margin:			0;
		padding:		0;
	}
		#global #mainWOEHeader ul
		{
			left:			50%;
			margin:			0 0 0 -260px;
			padding:		0;
			position:		absolute;
			width:			540px;
		}
		
			#global #mainWOEHeader ul li
			{
				float:			left;
				display:		block;
				margin:			0;
			}
			
				#global #mainWOEHeader ul li span.mainWOEHeaderAreaHeader
				{
					background:		no-repeat url('../images/woeNavHeader.gif');
					cursor:			pointer;
					display:		block;
					height:			21px;
					margin:			4px 0 0 14px;
					overflow:		hidden;
					text-indent:	-9999px;
				}
				
				


				#global #mainWOEHeader ul li #mainWOEHeaderBttnHome
				{
					background:		no-repeat url('../images/woeNavHeader.gif');
					display:		block;
					height:			21px;
					margin:			4px 0 0 0;
					overflow:		hidden;
					text-indent:	-9999px;
					width:			137px;
				}
				
				#global #mainWOEHeader ul li #mainWOEHeaderBttnHome:hover
				{
					background-position:	0 -22px;
				}
				
				#global #mainWOEHeader ul li span#mainWOEHeaderBttn0
				{
					background-position:	-137px 0;
					width:					51px;
				}
				
				#global #mainWOEHeader ul li span#mainWOEHeaderBttn1
				{
					background-position:	-188px 0;
					width:					82px;
				}
				
				#global #mainWOEHeader ul li span#mainWOEHeaderBttn2
				{
					background-position:	-270px 0;
					width:					62px;
				}
				
				#global #mainWOEHeader ul li span#mainWOEHeaderBttn3
				{
					background-position:	-332px 0;
					width:					67px;
				}
				
				#global #mainWOEHeader ul li span#mainWOEHeaderBttn4
				{
					background-position:	-399px 0;
					width:					53px;
				}
				
				
			
				#global #mainWOEHeader ul li ul.mainWOEHeaderSubMenu
				{
					background:		#5b616d;
					display:		none;
					height:			21px;
					left:			50%;
					position:		absolute;
					margin:			0 0 0 -270px;
					top:			28px;
					width:			522px;
					z-index:		999;
				}

					#global #mainWOEHeader ul li ul.mainWOEHeaderSubMenu li
					{
						
					}
				
						#global #mainWOEHeader ul li ul.mainWOEHeaderSubMenu li a
						{
							display:			block;
							background:			no-repeat url('../images/woeNavHeader.gif');
							height:				21px;
							overflow:			hidden;
							text-indent:		-9999px;
						}
						
						#mainWOEHeaderBttnTutorials
						{
							background-position:	0 -88px!important;
							width:					87px;
						}
						#mainWOEHeaderBttnTutorials:hover
						{
							background-position:	0 -110px!important;
						}
						
						#mainWOEHeaderBttnPhotochains
						{
							background-position:	0px -132px!important;
							width:					104px;
						}
						#mainWOEHeaderBttnPhotochains:hover
						{
							background-position:	0px -154px!important;
						}
						
						#mainWOEHeaderBttnPhoto5
						{
							background-position:	-104px -132px!important;
							width:					69px;
						}
						#mainWOEHeaderBttnPhoto5:hover
						{
							background-position:	-104px -154px!important;
						}
						
						#mainWOEHeaderBttn1wall
						{
							background-position:	-173px -132px!important;
							width:					63px;
						}
						#mainWOEHeaderBttn1wall:hover
						{
							background-position:	-173px -154px!important;
						}
						
						#mainWOEHeaderBttnPeoplesGallery
						{
							background-position:	-0px -176px!important;
							width:					129px;
						}
						#mainWOEHeaderBttnPeoplesGallery:hover
						{
							background-position:	-0px -198px!important;
						}
						
						#mainWOEHeaderBttnFestival
						{
							background-position:	-129px -176px!important;
							width:					180px;
						}
						#mainWOEHeaderBttnFestival:hover
						{
							background-position:	-129px -198px!important;
						}
						
						#mainWOEHeaderBttnBlog
						{
							background-position:	-0px -220px!important;
							width:					77px;
						}
						#mainWOEHeaderBttnBlog:hover
						{
							background-position:	-0px -242px!important;
						}
						
						#mainWOEHeaderBttnProfessional
						{
							background-position:	-77px -220px!important;
							width:					135px;
						}
						#mainWOEHeaderBttnProfessional:hover
						{
							background-position:	-77px -242px!important;
						}
						
						#mainWOEHeaderBttnAccessories
						{
							background-position:	-0px -264px!important;
							width:					231px;
						}
						#mainWOEHeaderBttnAccessories:hover
						{
							background-position:	-0px -286px!important;
						}
									
									



	#global #mainHeader
	{
		border-bottom:	1px solid #7b5d5d;
		height:			95px;
		margin:			0 auto;
		width:			1000px;
	}



	
		#global #mainHeader #headerCanon
		{
			float:		left;
			padding:	15px 13px 0 0;
		}
		
		#global #mainHeader #headerWOE
		{
			float:		left;
			padding:	15px 0 0 0;
		}
			
		
		
		#global #mainHeader #headerLearn
		{
			display:		block;
			height:			64px; 
			padding:		0 0 0 326px;

		}

			#global #mainHeader #headerLearn a
			{
				background:		no-repeat url('/worldofeos/learn/images/EOSlearn_logo.png') right; 
				display:		block; 
				height:			64px; 
				overflow:		hidden; 
				text-indent:	-9000px; 
				width:			345px;
			}

		
			
			#global #mainHeader #bttnMyCanon
			{
				height:			22px;
				left:			50%;
				margin:			28px 0 0 252px;
				position:		absolute;
				top:			52px;
				width:			74px;
				z-index:		1;
			}
			
				#global #mainHeader #bttnMyCanon a
				{
					background:		no-repeat url('../images/bttnMyCanon.png');
					cursor:			pointer;
					display:		block;
					height:			22px;
					position:		relative;
					text-indent:	-9000px;
					width:			74px;
					z-index:		51;
				}
				
				#global #mainHeader #bttnMyCanon a:hover
				{
					background:		no-repeat url('../images/bttnMyCanon_over.png');
				}
			
			
			#global #mainHeader #myCanonList
			{
				left:		50%;
				list-style:	none;
				margin:		28px 0 0 343px;
				padding:	0;
				position:	absolute;
				top:		49px;
				width:		154px;
				z-index:	50;
			}
			
				#global #mainHeader #myCanonList li 
				{
					float:		left;
					margin:		0;
					padding:	0;
				}
		
					#global #mainHeader #myCanonList #myCanonCol1 .myCanonLogin
					{
						background:		no-repeat url('../images/WOE_cssSprite.gif') 0 0;
						display:		block;
						height:			18px;
						margin:			7px 0 0 0;
						text-indent:	-9000px;
						width:			71px;
						
						-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
						-moz-box-shadow: 	0 2px 3px rgba(0,0,0,0.3);
						box-shadow: 		0 2px 3px rgba(0,0,0,0.3);
					}
					
					#global #mainHeader #myCanonList #myCanonCol1 .myCanonLogin:hover
					{
						background:		no-repeat url('../images/WOE_cssSprite.gif') 0 -18px;
					}
					
					#global #mainHeader #myCanonList #myCanonCol1 #myCanonLoggedInAs
					{
						background:		no-repeat url('../images/loggedInAs.png');
						display:		block;
						height:			10px;
						overflow:		hidden;
						text-indent:	-9000px;
						width:			53px;
					}
					
					#global #mainHeader #myCanonList #myCanonCol1 #myCanonLoggedInName
					{
						display:		block;
						font-size:		90%;
						font-weight:	700;
						width:			90px;
					}
					
				#global #mainHeader #myCanonList #myCanonCol2
				{
					float:	right;
				}
					#global #mainHeader #myCanonList #myCanonCol2 .myCanonSignin
					{
						background:		no-repeat url('../images/WOE_cssSprite.gif') -83px 0;
						display:		block;
						height:			18px;
						margin:			7px 0 0 0;
						text-indent:	-9000px;
						width:			71px;
						
						-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
						-moz-box-shadow: 	0 2px 3px rgba(0,0,0,0.3);
						box-shadow: 		0 2px 3px rgba(0,0,0,0.3);
					}
					#global #mainHeader #myCanonList #myCanonCol2 .myCanonSignin:hover
					{
						background:		no-repeat url('../images/WOE_cssSprite.gif') -83px -18px;
					}
					
					#global #mainHeader #myCanonList #myCanonCol2 .myCanonSignout
					{
						background:		no-repeat url('../images/WOE_cssSprite.gif') -166px 0;
						display:		block;
						height:			18px;
						margin:			7px 0 0 0;
						text-indent:	-9000px;
						width:			59px;
						
						-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
						-moz-box-shadow: 	0 2px 3px rgba(0,0,0,0.3);
						box-shadow: 		0 2px 3px rgba(0,0,0,0.3);
					}
					#global #mainHeader #myCanonList #myCanonCol2 .myCanonSignout:hover
					{
						background:		no-repeat url('../images/WOE_cssSprite.gif') -166px -18px;
					}



					#mainBody				{width:1004px; margin:0px auto; padding:0px;}



/* WORLD OF EOS FOOTER*/
	#mainFooter
		{
			color:			#474747;
			font-size:		85%;
			height:			20px;
			margin:			0;
			overflow:		hidden;
			padding:		0;
			text-align:		center;
			width:			100%;
		}
			#mainFooter a
			{
				color: #474747;
				text-decoration: none;
			}
			
			#mainFooter a:hover
			{
				color: #474747;
				text-decoration: underline;
			}
			
			#mainFooter #copyright
			{
				float:right;
			}
			
			

		
#blocker
{
	background:	#000;
	height:		100%;
	position:	fixed;
	left:		0;
	top:		0;
	width:		100%;
	z-index:	198;

	filter:			alpha(opacity=0);
	-moz-opacity:	0;
	-khtml-opacity: 0;
	opacity: 		0;
}


/* ## MAINMENU CODE ## */
#mainmenu	{
	left:		50%;
	margin:		28px 0 0 -300px;
	position:	absolute;
	text-align:	center;
	top:		70px;
	width:		600px;
}


.nav {
	list-style:none;
	padding:0;
	margin:0;
}

	
	.nav li {
		display:inline;
		margin:0px;
		padding:0;
	}
		.nav li a,
		.nav li a:link,
		.nav li a:visited{
			/*text-indent: -9000px;*/
			display:inline-block;
			padding:2px 6px 0px 6px;
			color:#000;
			font-size:130%;
			height:22px;
			text-decoration:	none;
			width:auto;
			
		}
		.nav li a:hover,
		.nav li a:focus{
			color:#d7233c;
		}


/* HOME */
.current-home li.home a:link,
.current-home li.home a:visited{
	cursor: default;
	color:#d7233c!important;
}

/* GETTING STARTED */
.current-gettingStarted li.gettingStarted a:link,
.current-gettingStarted li.gettingStarted a:visited{
	cursor: default;
	color:#d7233c!important;
}

/* GET CREATIVE */
.current-getCreative li.getCreative a:link,
.current-getCreative li.getCreative a:visited{
	cursor: default;
	color:#d7233c!important;
}

/* SUPPORT AND GLOSSARY */
.current-supportAndGlossary li.supportAndGlossary a:link,
.current-supportAndGlossary li.supportAndGlossary a:visited{
	cursor: default;
	color:#d7233c!important;
}



/* SKIP CONTENT*/

a.skiplink, a.skiplink:hover, a.skiplink:visited {
	text-indent: -600em;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	width: auto;
} 
  
a.skiplink:active, a.skiplink:focus {
	background-color: #d7233c;
	color: #ffffff;
	display: block;
	font-weight: bold;
	padding: 5px;
	text-indent: 0.1em;
	width: auto;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-right-width: 2px;	
	border-right-style: solid;
	border-right-color: #FFFFFF;
	
}	

/* ## LAYOUT CODE ## */
.Clear	{ clear:both;}


#BrowserUpdateWarning	{ width:100%; font-weight:bold; font-size:110%; text-align:center; color:#FFF; background:#000; height:20px; padding:10px; overflow:hidden;}


/* OVERLAY */


.jqmOverlay { background-color: #000;}

/*.jqmWindow {*/
#modalWindow{
	background: transparent;
	border:none;
	
  	display: none;
    
    position: fixed;
    top: 0px;
	width:100%;
	height:100%;
    left: 0px;
    
    margin: 0;
    padding: 0;	
	
/*	-webkit-box-shadow: 0px 0px 30px #000;  */
	 overflow:hidden;
	 
	 z-index:200;

}

#modalMessage{
	background: #fff;
	border:none;
	display:none;
    
    position: fixed;
	width:350px;
	height:120px;
    
    margin: 0 auto;
    padding: 10px;
	
	 z-index:200;

}



#jqmContent {
	background: transparent;
	border: none;
	clear: both;
	display: block;
	height: 100%;
	margin:0;
	padding:0;
	width: 100%;
}


#jqmTitle {
	background: transparent;
	padding:5px 0;
	margin: 10px;
	height:22px;
	display:block;
	border-bottom:1px solid #a1a1a1;
	
	border:1px red solid;
}

#jqmTitle h2	{float:left; width:200px;}

#jqmMessageTitle
{
	padding:0 0 5px 0;
	display:block;
	border-bottom:1px solid #a1a1a1;
}

#jqmMessageTitle h2
{
	width: 260px; display:inline-block; margin:0; padding:0; float:left;
}


a.jqmClose {
	background:#db1519 url(/worldofeos/learn/images/bttnClose.gif) no-repeat;
	color: #fff;
	cursor:pointer;
	display:inline-block;
	float:right;
	height:16px;
	overflow:hidden;
	text-indent:-9000px;
	width:55px;
}

#modalMessage_Content
{
	padding: 15px 0px;
}

#modalMessage_button1, #modalMessage_button2{ background: no-repeat url(/worldofeos/learn/images/BulletRedArrow.gif) 0 0.2em; display:inline-block; font-size:100%; padding-left:0.2em; padding-right:1em}
#modalMessage_button1 a, #modalMessage_button2 a	{color:#464646; font-weight:bold; padding-left:12px; text-decoration:none; cursor:pointer;}



/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
	
	
}


/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */

* html #modalWindow,
* html #modalMessage{
/* * html .jqmWindow {*/
     position: absolute;
	 top:0px;
	 z-index:200;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(1 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


* html .jqmOverlay { background-color: #000; position:absolute; display:block; }


/* columns and containers */
#learnColumnLeft{
float:left;
width:215px;
}
#learnColumnCenter {
float:left;
width:570px;
margin:0 10px 0 0;
}
#learnColumnCenterPanel {
float:left;
background-color:#fff;
width:560px;
padding:5px;
margin:0 0 5px 0;  
}
#learnColumnCenterPanelProject{
float:left;
background-color:#fff;
width:560px;
padding:5px;
margin:0 0 5px 0;  
min-height:300px;
height:auto !important;
height:300px;
}
#learnColumnCenterPanelGlossary{
float:left;
background-color:#fff;
width:560px;
padding:5px;
margin:0 0 5px 0;  
min-height:400px;
height:auto !important;
height:400px;
}
#learnColumnRight {
float:left;	
width:209px;
}


/* drop shadows */
#learnContainerTutorialDefault1 {
float:left;
width:100%;
padding:10px 0 70px 0;
margin:22px 0 0 0;
background-image:url(/worldofeos/learn/images/shadow_tutorial_default_1.png);
background-repeat:no-repeat;
}

#learnContainerTutorialDefault3 {
float:left;
width:100%;
padding:10px 0 70px 0;
margin:22px 0 0 0;
background-image:url(/worldofeos/learn/images/shadow_tutorial_default_3.png);
background-repeat:no-repeat;
}

#learnContainerTutorialDefault4 {
float:left;
width:100%;
padding:10px 0 70px 0;
margin:22px 0 0 0;
background-image:url(/worldofeos/learn/images/shadow_tutorial_default_4.png);
background-repeat:no-repeat;
}

#learnContainerTutorialDefault5 {
float:left;
width:100%;
padding:10px 0 70px 0;
margin:22px 0 0 0;
background-image:url(/worldofeos/learn/images/shadow_tutorial_default_5.png);
background-repeat:no-repeat;
}

#learnContainerTutorialDefault6 {
float:left;
width:100%;
padding:10px 0 70px 0;
margin:22px 0 0 0;
background-image:url(/worldofeos/learn/images/shadow_tutorial_default_6.png);
background-repeat:no-repeat;
}

#learnContainerTutorialDefault7 {
float:left;
width:100%;
padding:10px 0 70px 0;
margin:22px 0 0 0;
background-image:url(/worldofeos/learn/images/shadow_tutorial_default_7.png);
background-repeat:no-repeat;
}

#learnContainerTutorialDefault8 {
float:left;
width:100%;
padding:10px 0 70px 0;
margin:22px 0 0 0;
background-image:url(/worldofeos/learn/images/shadow_tutorial_default_8.png);
background-repeat:no-repeat;
}
#learnContainerTutorial {
float:left;
width:100%;
background-image:url(/worldofeos/learn/images/shadow_tutorial_body.png);
background-repeat:repeat-y;
}
#learnContainerHome {
float:left;
width:100%;
padding:17px 0 0 0;
margin:15px 0 0 0;
height:315px;
background-image:url(/worldofeos/learn/images/shadow_home_top.png);
background-repeat:no-repeat;
}
#learnColumnCenterTop{
float:left;
width:100%;
padding:15px 0 0 0;
margin:17px 0 0 0;
height:0px;
background-image:url(/worldofeos/learn/images/shadow_tutorial_top_tab_top.png);
background-repeat:no-repeat;
}
#learnColumnCenterTopNoTab{
float:left;
width:100%;
padding:15px 0 0 0;
margin:17px 0 0 0;
height:0px;
background-image:url(/worldofeos/learn/images/shadow_tutorial_top_tab_not_top.png);
background-repeat:no-repeat;
}
#learnColumnCenterBase{
float:left;
width:100%;
height:90px;
background-image:url(/worldofeos/learn/images/shadow_tutorial_base.png);
background-repeat:no-repeat;
}
#learnHomeBasefooter{
float:left;
width:100%;
height:90px;
background-image:url(/worldofeos/learn/images/shadow_home_base.png);
background-repeat:no-repeat;
}


/* thumbnails */
.learnImgLinkMed{
padding:4px;
background-color:#ccc;
}
.learnImgLinkSml{
padding:3px;
background-color:#ccc;
}


/* text links */
.learnStandardLink, .learnStandardLinkNoTop, .learnLinkBackToTop, .learnStandardLinkNoTopBase {
display:inline-block;
font-weight:bold;
background-repeat:no-repeat;
color:#464646;
text-decoration:none;
}
.learnStandardLink {
padding:5px 0 0 11px;
background-image:url(/worldofeos/learn/images/arrow_red_right.gif);
}
.learnStandardLinkNoTop {
padding:0 0 0 11px;
background-image:url(/worldofeos/learn/images/arrow_red_right_no_top.gif);
}
.learnStandardLinkNoTopBase {
padding:5px 0 0 11px;
background-image:url(/worldofeos/learn/images/arrow_red_right.gif);
line-height:14px;
}
.learnLinkBackToTop {
padding:25px 0 5px 11px;
background-image:url(/worldofeos/learn/images/arrow_red_up.gif);
background-position: 
}
.learnStandardLink:hover, .learnStandardLinkNoTop:hover, .learnLinkBackToTop:hover, .learnStandardLinkNoTopBase:hover {
color:#d7233c;
text-decoration:none;
}
.anchorPoint, .anchorPoint:hover{
color:#464646;
text-decoration:none;
cursor:default;
}

/* tab navigation */
#learnTabOn {
float:left;
width:205px;
height:55px;
padding:5px;
background-color:#FFF;
}
.learnTabOff {
float:left;
display:block;
text-decoration:none;
width:195px;
height:55px;
padding:5px;
color:#464646;
background-color:#b2b0ab;
background-image:url(/worldofeos/learn/images/arrow_red_tab.gif);
background-repeat:no-repeat;
}
.learnTabOff:hover {
color:#464646;
background-color:#edecea;
text-decoration:none;
}
.learnTabTitle {
padding:0 0 0 13px;
margin:0px;
font-size:15px;
text-decoration:none;
}
#learnTabDividerOn {
float:left;
width:215px;
height:10px;
background-image:url(/worldofeos/learn/images/shadow_tutorial_tab_divider.png);
}
#learnTabDividerOff {
float:left;
width:215px;
height:10px;
}
#learnTabDividerBase {
float:left;
width:215px;
height:86px;
background-image:url(/worldofeos/learn/images/shadow_tutorial_tab_base.png);
}

/* right column */
#learnColumnRightTitle {
float:left;
background-color:#b2b0ab;
width:199px;
padding:5px;
}
#learnColumnRightPanel {
float:left;
width:199px;
padding:0 5px 10px 5px;
}
#learnColumnRightImg {
float:left;
width:77px;
text-align:center;
padding:10px 10px 0 0;
}
#learnColumnRightHeading {
float:left;
width:112px;
padding:10px 0 0 0;
font-weight:bold;
line-height:13px;
}
#learnColumnRightText {
float:left;
width:199px;
padding:10px 0;
}

#youtubeHolderHome{width:480px; height:295px;}
#youtubeHolderTutorial{width:560px; height:340px;}