/* CSS Document */

html{ width:100%;height:100%;}

body{ margin:0px;padding:0px; height:100%; width:100%; background-repeat: no-repeat; background-position:center top; background-color:#0f0f0f; background-image:url(../images/bg_site.jpg); font-family:Arial, Helvetica, sans-serif; font-size:12px;}

h1,h2,h3,h4,h5,p,form,ul,ol,li{ margin: 0; padding: 0; line-height: 1em;}

h1	{ text-indent:-9000px; height:0px;}
h2	{ color:#d0d0d0; font-size:24px; padding:0 0 20px 0;}
h3	{ color:#cdcdcd; font-size:18px; padding:0 0 5px 0;}

p   { line-height: 120%; padding:10px 0;}

a   { text-decoration:none;}
a:hover { color:#e21a22;}

ul					{ color:#cdcdcd; font-size:11px; padding:5px 0 10px 15px; list-style-image:url(../images/listBullet.gif);}
ul li				{ padding:3px 0; line-height:normal;}
ol li               { padding:0; margin:0 0 0 20px;}

#container			{ width:960px; margin:0px auto;}
#bodyContainer		{ float:left; width:958px; padding:0 0 20px 0; border:1px solid #333; background-color:#000; color:#888;}

/*  - HEADER -  */
#bodyHeader			{ width:920px; margin:19px 19px 0 19px; background-image:url(../images/bg_nav_site.jpg); background-repeat:no-repeat;}

#header				{ float:left; width:960px; padding:0px;}
#headerLogo			{ width:960px;}
#headerLogoCanon	{ float:left; width:100px; padding:20px 0 20px 10px;}
#headerLogoPixma	{ float:left; width:118px; padding:11px 0 0 3px;}

/*  - NAVIGATION -  */
#headerGlobalNav	{ float:left; width:960px;}


	#headerGlobalNav #nav
	{
		background:		#000;
		border-left:	1px solid #333;
		border-right:	1px solid #333;
		border-top:		1px solid #333;
		clear:			both;
		font-size:		110%;
		height:			31px;
		list-style:		none;
		margin:			0 auto;
		padding:		0;	
		width:			960px;
	}

		#headerGlobalNav #nav li
		{
			float:		left;
			padding:	6px 40px 0 26px;
		}
		
		#headerGlobalNav #nav li.first
		{
			padding-left:	85px;
		}
		
		#headerGlobalNav #nav li.last
		{
			padding-right:	0px;
		}
			#headerGlobalNav #nav li a
			{
				color:					#cccccc;
				text-decoration:		none;
			}
			#headerGlobalNav #nav li a:hover
			{
				color:					#ac479b;
				text-decoration:		none;
			}
	
	#navPixmaPro
	{
		color:			#ac479b!important;
		font-weight:	bold;
	}



#bodyHeaderNav1		{ width:920px; height:30px; color:#858585; font-size:13px;}
.siteNav1			{ float:left; height:23px; padding:7px 23px 0 23px; display:block;}
.siteNav1:hover		{ color:#e21a22;}
.siteNav1Current	{ float:left; height:23px; padding:7px 23px 0 23px; display:block; cursor:default;}
.siteNav1CurrentArrow	{ float:left; height:23px; padding:7px 23px 0 23px; display:block; cursor:default; background-image:url(../images/bg_siteNavCurrent.gif); background-repeat:no-repeat; background-position:center;}
.bodyHeaderNav1First { padding-left: 38px}

#bodyHeaderNav2_1	{ height:20px; padding:0 0 0 45px}
#bodyHeaderNav2_2	{ height:20px; padding:0 0 0 355px}
.siteNav2 			{ padding:0 9px; color:#eee; font-size:10px; text-transform:uppercase;}
.siteNav2Current 	{ padding:0 9px; color:#eee; font-size:10px; text-transform:uppercase; cursor:default;}
.siteNav2:hover		{ color:#e21a22;}


/*  - MAIN CONTENT AREA -  */
#bodyContent		{ width:890px; margin:0 19px; padding:40px 0 0 30px; background-image:url(../images/bg_bodyContent.jpg); background-repeat:repeat-x; min-height:200px;}

#bodyContentDivider	{ width:890px; background-image:url(../images/horoDivider890.gif); margin:25px 0 20px 0; height:1px; clear:both; }
#bodyContentRightDivider	{ width:460px; background-image:url(../images/horoDivider460.gif); margin:25px 0 20px 0; height:1px; clear:both; }
#spacer30           { height:30px;}

.siteLinkRed		{ display:inline-block; padding:5px 15px 0 0; color:#e21a22; background-image:url(../images/btn_bg_arrowRed.gif); background-repeat:no-repeat; background-position: right center;}
#siteLinkRedP		{ float:left; margin: 50px 0 0 30px;}
.siteLinkRed:hover	{  background-image:url(../images/btn_bg_arrowRedON.gif); background-repeat:no-repeat; background-position: right center;}
.textRed            { color:#e21a22;}
.textCCC            { color:#ccc;}
.text888            { color:#888;}
.textIntro			{ font-size:16px; color:#848484; padding:0;}
.textDisclaimer		{ font-size:11px; float:left; display:block; color:#4d4d4d; width:460px; padding:20px 0;}

/*  - PAGE SPECIFIC STYLES -  */
#logos_efc_ots      { width:400px; background-image:url(../images/efc_cm_eosPictureStyle.jpg); background-position:right; background-repeat:no-repeat;}


/*  - PAGE COLUMNS -  */

#bodyContentFull	{ float:left; width:870px; }

#bodyContentLeft	{ float:left; width:380px; padding:0 50px 0 0; }
#bodyContentLeftImg	{ float:left; width:155px; text-align:right; }
#bodyContentLeftText	{ float:left; width:205px; padding:0 0 0 20px; }

#bodyContentRight	{ float:left; width:460px; }
#bodyContentRightText	{ float:left; width:290px; }
#bodyContentRightImg	{ float:left; width:170px; text-align:center; }


#bodyContentLeft1	{ float:left; width:400px; padding:0 60px 0 0; }
#bodyContentRight1	{ float:left; width:400px; padding:0 30px 0 0; }

#bodyContentLeft2	{ float:left; width:260px; }
#bodyContentRight2	{ float:left; width:620px; }

#bodyContentLeft3	{ float:left; width:420px; padding:0 60px 0 0; }
#bodyContentRight3	{ float:left; width:380px; padding:0 30px 0 0; }

#bodyContentLeft4	{ float:left; width:460px; padding:0 60px 0 0; }
#bodyContentRight4	{ float:left; width:340px; padding:0 30px 0 0; text-align:center; }

/*  - IMAGE BOXES -  */
#imgBoxNoWidth, #imgBoxNoWidthP10, #imgBox150, #imgBox144, #imgBox182, #imgBoxP34, #imgBox400, #imgBox192, #imgBox192P20, #imgBoxNoWidthP20, #imgBoxNoWidthP60, #imgBox130 
                    { float:left; font-size:11px; color:#ccc;}
#imgBoxNoWidthP10   { padding:0 10px 0 0;}
#imgBoxNoWidthP20   { padding:0 20px 0 0;}
#imgBoxNoWidthP60   { padding:33px 60px 0 0;}
#imgBox130          { width:130px; padding:10px 60px 0 0;}
#imgBox150          { width:150px; padding:0 20px 0 0;}
#imgBox144          { width:144px; padding:0 20px 0 0;}
#imgBox182          { width:182px; padding:0 20px 0 0;}
#imgBox192          { width:182px; padding:0 40px 0 0;}
#imgBox192P20       { width:182px; padding:0 20px 0 0;}
#imgBoxP34          { padding:34px 40px 0 0;}
#imgBox400          { width:380px; padding:10px 0 0 0; text-align:center;}
.imgBoxP20          { padding:20px 0 0 0;}
.imgBoxTextCenter   { text-align:center;}
.imgBoxText250      { display:block; padding:10px 0 10px 75px; width:250px; text-align:left;}

#imgBox4            { float:left; width:620px; color:#ccc; }
#imgBox4Topleft     { float:left; width:290px; padding:0 40px 0 0; text-align:right;}
#imgBox4TopRight    { float:left; width:290px;}
#imgBox4Img         { float:left; width:388px; padding:10px 0 0 0;}
#imgBox4Text        { float:left; width:116px;}
.imgBox4TextLeft    { display:block; width:106px; height:136px; padding:10px 10px 10px 0; text-align:right; font-size:11px;}
.imgBox4TextRight   { display:block; width:106px; height:136px; padding:10px 0 10px 10px; font-size:11px;}

/*  - TEXT BOXES -  */
.textBox600 		{ width:600px;}
.textBox400 		{ width:400px;}
.textBox200 		{ width:200px;}
.textBox150 		{ width:150px;}
#textBox150 		{ width:200px; float:left; padding:10px 50px 0 0; font-size:11px;}
.text11      		{ font-size:11px;}
.textTones			{ float:left; display:block; color:#fff; width:104px; padding:20px 5px 10px 0; text-align:center;}


/*  - FOOTER -  */
#footer				{ float:left; width:960px; padding:20px 0; color:#333; text-align:center; font-size:11px;}
#footer	a 			{ padding:5px 0; color:#666; text-decoration:underline;}
#footer	a:hover 	{ color:#333;}