/* Pen History CSS */

@import url("reset.css");

/* content wrappers 
--------------------*/

#maincontent-container {
  width: 809px;
  background-color: #000;
  display: inline-block;

}

	#maincontent{
	  width: 793px;
	  background-color: #fff;
	  margin: 9px auto 9px auto;
	  color: #000;
	  padding-top: 20px;
	}
	
/* pen history header banner and share this 
------------------------------------------*/

#pen-header{
	height: 66px;
	background: url("../images/penhistory/pen-hist-headbg.gif") repeat-y;
	border: #494949 solid 1px;
	position: relative;
	margin-bottom: 10px;
}

	#pen-header h1.pen-header-h1{
		margin: 19px 0 0 20px;
		background: url("../images/penhistory/pen-hist-headtitle.gif") no-repeat;
		text-indent: -9999em;
		height: 28px;
		width: 361px;
	}

	#pen-header h1.premier-dealer-h1{
		margin: 19px 0 0 20px;
		background: url("../images/digital/dslr/premier-headtitle.gif") no-repeat;
		text-indent: -9999em;
		height: 28px;
		width: 281px;
	}

	#pen-header h1.school-header-h1{
		margin: 24px 0 0 20px;
		background: url("../images/digital/dslr/classes/school-headtitle.gif") no-repeat;
		text-indent: -9999em;
		height: 23px;
		width: 655px;
	}

	#pen-header h1.events-header-h1{
		margin: 19px 0 0 20px;
		background: url("../images/digital/dslr/classes/events-headtitle.gif") no-repeat;
		text-indent: -9999em;
		height: 28px;
		width: 296px;
	}
	
	#pen-header #share{
		position: absolute;
		top: 0;
		right: 0;
	}
	
	#pen-header h1.events-header-h1 {
		margin: 19px 0 0 20px;
		background: url("../images/digital/dslr/classes/events-headtitle.gif") no-repeat;
		text-indent: -9999em;
		height: 28px;
		width: 296px;
	}
	
	
/* pen history content 
---------------------------------------------*/

h2.pen-logo{
	height: 31px;
	width: 410px;
	text-indent: -9999em;
	background: url("../images/penhistory/pen-hist-logo.gif") no-repeat;
	margin: 20px;
	position: relative;
}

#maincontent p,
#maincontent h3,
#maincontent h4,
#maincontent img,
#maincontent ul{
	margin: 20px;
}
#maincontent ul{
	list-style: disc;
	padding-left: 20px;
	width: 400px;
}

.events #maincontent ul {
	width: auto !important;
}

#maincontent p.grayed{
	color: #666;
}
#maincontent h3{
	font-size: 22px;
	font-weight: bold;
}
#maincontent h4{
	font-size: 14px;
}

div#pen-hr{
	line-height: 0px;
	font-size: 0px;
	height: 0px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #afafaf;
}
	
/* PEN CHRONOLOGY SECTION
-------------------------------------*/
	
#pen-chronology{
	background: url("../images/penhistory/pen-hist-chronbg.png") repeat-x;
}
	
	#pen-chronology h3{
		padding-top: 20px;
	}
	
	#pen-chronology .pen-chron-camera{
		float: left;
		margin-right: 61px;
		width: 142px;
		text-align: center;
	}
		#pen-chronology .row1{
			width: 753px;
			margin:  30px auto 0 auto;
		}
		#pen-chronology .row2{
			width: 548px;
			margin: 40px auto;
		}
	
		#pen-chronology img{
			margin: 0 !important;
		}
	
		#pen-chronology .pen-chron-camera span{
			margin-top: 5px;
			display: block;
		}

		
/* PRO SERVICE CLASSES
---------------------------------------------*/

.proserv-header-h1{
	height: 28px;
	width: 197px;
	background: url("../images/esys-subs-proservtitle.gif") no-repeat;
	margin: 19px 0 0 20px;
	text-indent: -9999em;
}


/* ACCESSORIES CLASSES
---------------------------------------------*/

.accessories-header-h1{
	height: 28px;
	width: 213px;
	background: url("../images/esys-subs-accessorytitle.gif") no-repeat;
	margin: 19px 0 0 20px;
	text-indent: -9999em;
}
		
/* CLASSES CLASSES
---------------------------------------------*/	

	#dslrclass_left {
	  float:left;
	  width:365px;
	  margin: 0 0 0 20px;
	}

		#dslrclass_left h4 {
		  margin: 0 0 10px 0;
		}

		#dslrclass_left p {
		  margin: 10px 0 10px 0;
		}

	#dslrclass_right {
	  float:right;
	  width:394px;
	}

		#dslrclass_right h4 {
		  margin: 0 0 10px 0;
		}

		#dslrclass_right table {
		  border: 1px solid #888;
		}

		#dslrclass_right table td {
		  padding: 6px 20px 6px 10px;
		}

		#dslrclass_right table .alt {
		  background-color: #efefef;
		}

		#dslrclass_right table .nlt {
		  background-color: #dedede;
		}

		#dslrclass_right table a {
		  font-weight: bold;
		  color: #003399;
		}

		#dslrclass_right table a:hover {
		  color: #333;
		}

/* pen firmware classes 
---------------------------------------------*/


#penfirmware-header{
	width: 809px;
	height: 200px;
	position: relative;
	margin-bottom: 10px;
}

#firmware-left {
  float: left;
  width: 402px;
  margin: 7px 0px 15px 15px;
}

#firmware-right {
  float: right;
  width: 309px;
  margin: 7px 15px 15px 0px;
}

#firmware-bottom {
  margin: 0px 15px 15px 15px;
}

	#firmware-bottom h3 {
	  background: url('/cpg_section/images/series/esys/pen/penfirmware/title_abouttheupdate.gif') no-repeat;
	  width: 242px;
	  height: 87px;
	  text-indent: -9999em;
	}

	#firmware-bottom strong {
	  text-transform: uppercase;
	  color: #315C8C;
	  margin-bottom: 10px;
	}

	#firmware-bottom #mscdrive {
	  width: 461px;
	  height: 277px;
	  background: url('/cpg_section/images/series/esys/pen/penfirmware/penfirmware_mscdrive.jpg') no-repeat;
	  padding: 0px 0px 0px 223px;
	  margin: 20px 0px 20px 82px;
	  line-height: 18px;	  
	}

	#firmware-bottom h4 {
	  text-align: center;
	  font-weight: bold;
	  font-size: 15px;
	}



/* common classes 
---------------------------------------------*/

#maincontent{
	font-size: 11px;
	line-height: 14.5px;
}

img.pen-hist-img{
	border: 3px solid #ccc;
	margin: 20px;
}

.floatleft{
	float: left;
}
.floatright{
	float: right;
}
.notopmargin{
	margin-top: 0 !important;
}
.norightmargin{
	margin-right: 0 !important;
}