@charset "utf-8";
/* CSS Document */

.viewbox {
	overflow:		hidden;
	display:		inline-block;
	width:			765px;
	margin-top:		15px;
	float:left;
}

.viewbox .image {
	float:			left;
	width:			250px;
	text-align:		center;
}

.media-download .image {
	width:			35.5em;
	overflow:		hidden;
}

.media-download img {
	max-height:30em;
}

.viewbox .image ul {
	font-size:				10px;
	list-style-image:		none;
	list-style-type:  		none;
	list-style-position:    outside;
	margin: 		        20px 0px 0px 0px;
	padding:                0px;
	text-align:				left;
}

.viewbox .image ul li{
	color:					#3b6e8f;
	display:                block;
	cursor:                 pointer;
	margin:                 0px;
	padding:                0px 10px 5px 10px;}

.viewbox .image ul li a {
	text-decoration:		none;
	color:					#3b6e8f;}
	
.viewbox .image ul li a:hover {
	color:					#333;}
	
.viewbox .text {
	overflow:			hidden;
	float:				right;
	width:				505px;
	padding-right: 		10px;}
	
.media-download .text {
	width:			355px;
}

.media-download a{
	color:#3b6e8f;}
	
.media-download a:hover{
	color:#333;}
	
.viewbox .text h1 {
	margin:0 0 0.5em 0.05em;
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			21px;
	color:				#3b6e8f;
	padding:			0px;}
	
.viewbox .text h3 {
	margin:				0 0 1em 0.05em;
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			14px;
	color:				#333;
	padding:			0px;}
	
.viewbox .text h4 {
	margin:				0 0 0.05em;
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			14px;
	color:				#333;
	padding:			0px;}
	
.viewbox p {
	margin:0.5em 0 1em;}
	
.viewbox .text label {
	font-size:			11px;
	color:				#666;
	display:			block;
	margin:				5px 0 5px 0;}

.viewbox .text label em {
	font-weight:		bold;}
	
.viewbox .link {
	padding:10px 0 10px 0;}
	
.viewbox .link a {
	background:			url(images/rightarrow.gif) no-repeat right;
	padding:			 10px 20px 10px 0px;}

.viewbox .link a:hover{
	color:#666}


.viewbox .button {
	background: 		url(images/bttn-Enter.gif) no-repeat;
	height:				25px;
	width:	 			138px;
	text-align:			center;
	padding-top: 		5px;}
	
.viewbox .button:hover{
	background-position: -142px 0;}

.viewbox .button a {
	color:				#FFFFFF;
	font-weight:		bold;}
		
.viewboxSmall {
	height:				115px;
	border-top:			1px solid #CCCCCC;
	padding:			20px 0px 00px 20px;
	margin:				0px;
}

.viewboxPreview {
	float:				left;
	width:				240px;
	margin-right:		5px;
	display:			inline-block;
}

.viewboxPreview .image {
	float:				left;}

.viewboxPreview .text{
	float:			right;
	width:			140px;}
	
.viewboxPreview .link{
	background:		url(images/continue.gif) no-repeat right;
	width:			140px;
	padding-right: 	1em;
	margin-top:		1em;}

.viewboxPreview h4 {
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			12px;
	color:				#3b6e8f;
	margin:				0;}
	

/*Media Download */

.media-download .listbox {
	margin: 20px 0 0 0;}

.media-download strong {
	display:inline-block;
	width:90px;}
	
.media-download span span {
	display:inline;}

.media-download .listbox .listing {
	line-height: 25px;
	float:left;
	border-bottom: 1px solid #CCCCCC;
	width: 400px;}
	
.media-download .listbox select{ 
	margin:0 0 0 -0.3em;
	padding:0;
	outline:none;}
	
.media-download .listbox select option{
	font-size:inherit;
	padding-right: 1em;}
	
.media-download .listbox .heading {
	font-weight:bold;
	border:none;
	background-color:#f5f5f5;}

.media-download .listbox .dimensions {
	float:left;
	
	width:105px;}

.media-download .listbox .dpi {
	float:left;
	width:60px;}

.media-download .listbox .format {
	float:left;
	width:60px;}

.media-download .listbox .size {
	float:left;
	width:60px;}

.media-download .listbox .download {
	float:left;
	width:85px;}


