@charset "utf-8";
/* ================================================ */ 
/* ------------- OLYMPUS MICROSITES --------------- 
	copyright Linney Design 2007
	Author: Linney Design
	Created: 14/11/2007
	
	Usage:
	-----------------------------
	Screen based styles for Olympus Microsites generated by Linney Design
	
	Revision history:
	-----------------------------
	14/11/2007:
		- styles created
/* ================================================ */ 

.ms-clearer {
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
	}

#microsite {
	width:928px;
	margin:10px 0 10px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; /* define a base size for all text - 11px is 1.1em */
	line-height:10px;
	color:#646464;
	float:left;
	background:#FFF url(../images/navigation/content-repeater.gif) repeat-y;
}

/* base table styles - IE 6 and below does not correctly inherit font styles in tables */
#microsite table {
	font-size:10px;
	line-height:10px;
	color:#646464;
}

/* ================================================ */
/* ========= Base text styles ===================== */
/* ================================================ */

#microsite h1 {
	font-size:1.6em;
	line-height:1.4em;
	margin:0 0 1em 0;
	padding:0;
	clear:both;
	}

	#microsite h1.section-title {
		float:left;
		display:block;
		}

#microsite h2 {
	font-size:1.4em;
	line-height:1.4em;
	margin:0 0 1em 0;
	padding:0;
}

#microsite h3, #microsite h4, #microsite h5, #microsite h6 {
	font-size:1.2em;
	line-height:1.4em;
	margin:0 0 1em 0;
	padding:0;
	}

#microsite p {
	font-size:1.1em;
	line-height:1.6em;
	margin:0 0 1em 0;
	padding:0;
	clear:both;
	}

#microsite ul {
	margin:0 0 1em 1em;
	padding:0 0 0 1em;
}
	#microsite ul li {
		font-size:1.1em;
		line-height:1.6em;
		margin:0;
		padding:0;
	}

#microsite ol {
	margin:0 0 1em 1em;
	padding:0 0 0 2em;
}
	
	#microsite ol li {
		font-size:1.1em;
		line-height:1.6em;
		margin:0;
		padding:0;
	}

#microsite a, #microsite a:link, #microsite a:active, #microsite a:visited {
	color:#646464;
	font-weight:bold;
	text-decoration:none;
}

#microsite a:hover, #microsite a:focus {
	color:#08107B;
}

#microsite sup {}

#microsite b, #microsite strong {font-weight:bold;}

#microsite i, #microsite em {font-style:italic;}


/* ================================================ */
/* ========= Main Layout ========================== */
/* ================================================ */

/* ================================================ */
/* ========= Navigation =========================== */
/* ================================================ */
#ms-navigation {
	width:156px !important;
	width /**/:176px;
	height:100%;
	padding:10px;
	background:#F4F4F4;
	margin-right:12px;
	float:left;
}
	
	#ms-navigation ul {
		margin:0;
		padding:0;
	}
	
		#ms-navigation ul li {
			background:#FFF url(../images/navigation/list-bg-repeat.gif) repeat-y;;
			list-style:none;
			margin:0 0 6px 0;
			line-height:1.2em;
			width:156px;
			float:left;
		}
			
			#ms-navigation ul li span.bullet {
				display:block;
				width:17px;
				height:18px;
				background:#FFF url(../images/navigation/small-nav-button.gif) top left no-repeat;
				float:left;
			}
			#microsite #ms-navigation ul li a,
			#ms-navigation ul li.selected span.text {
				float:left;
				display:block;
				width:127px;
				margin-left:5px;
				padding:2px 0 2px 2px;
				font-weight:normal;
			}
			#ms-navigation ul li.selected span.text {
				color:#08107B;
			}
			#ms-navigation ul li.selected span.bullet {
				background-position:bottom left;
			}

/* ================================================ */
/* ========= END Navigation ======================= */
/* ================================================ */

/* ================================================ */
/* ========= Microsite Content ==================== */
/* ================================================ */
#ms-content {
	width:532px !important;
	width /**/:552px;
	padding:0 20px 0 0;
	
	min-height:488px;
	height:auto !important;
	height /**/:488px;
	margin-right:12px;
	background:transparent;
	float:left;
}

#ms-content-full {
	width:720px !important;/*532*/
	width /**/:720px;/*552*/
	padding:0 0px 0 0;
	min-height:488px;
	height:auto !important;
	height /**/:488px;
	margin-right:12px;
	background:transparent;
	float:left;
}

	#ms-content img, #ms-content-full img {
		float:right;
	}
	
	#ms-content table, #ms-content-full table {
		width:100%;
		border:1px solid #E0E0E0;
		border-bottom:none;
		border-left:none;
		padding:0;
		margin:0 0 1em 0;
	}
	
	#ms-content thead th, #ms-content-full thead th {
		text-align:left;
		background:#E0E0E0;
		padding:5px 1em 5px 1em;
		font-weight:bold;
	}
	
	#ms-content th, #ms-content-full th {
		text-align:left;
		font-weight:normal;
	}
	
	#ms-content tr, #ms-content-full tr {}
	
	#ms-content td, #ms-content th, #ms-content-full td, #ms-content-full th {
		padding:0;
		margin:0;
		padding:5px 1em 5px 1em;
		border-bottom:1px solid #E0E0E0;
		border-left:1px solid #E0E0E0;
	}
	
.reviews-title {
	font-weight:bold;
}
	
.whereTitle {
	font-weight:bold;
}

/* ================================================ */
/* ========= END Microsite Content ================ */
/* ================================================ */

/* ================================================ */
/* ========= Get Flash Panel ====================== */
/* ================================================ */

#ms-getFlash {
	width:156px !important;
	width /**/:176px;
	min-height:180px;
	height:auto !important;
	height /**/:180px;
	padding:0 10px 10px 10px;
	float:left;
	background:#000 url(../images/product/getFlash.jpg) top left no-repeat;
	color:#FFF;
	
}
	#microsite #ms-getFlash a {color:#FFF;}
	#microsite #ms-getFlash a:hover, #microsite #ms-getFlash a:focus {color:#FFBA00;}
	
	#ms-getFlash h6 {
		margin-top:172px;
		padding-bottom:0.5em;
		margin-bottom:0.5em;
		border-bottom:1px solid #646464;
	}
	#ms-getFlash p, #ms-getFlash ul li {
		font-size:0.9em;
	}

	
/* ================================================ */
/* ========= END Get Flash Panel ================== */
/* ================================================ */

.findmore {
	float:right;
	display:block;
	margin:8px 10px 0px 0px;
	}

#video-list,
#video-list li,
#video-list li img {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	overflow:hidden;
	float:none;
	border:0px;
	}

	#video-list li {
		list-style:none;
		}

		#video-list li h3 span {
			padding:0px 0px 0px 10px;
			}