@import url("global.css");

/* ========================================= Gallery List Styles ========================================= */

#GalleryListPage #Header {
	width:970px;
	height:56px;
	background:url(../images/HDR_Gallery.jpg) no-repeat;
}

#GalleryDisclaimer {
	width:970px;
	height:60px;
	padding:15px 0 0 0;
}
	#GalleryDisclaimer p {
		font:12px Arial, Helvetica, sans-serif;
		color:#fff;
		padding:10px 20px 0 0;
	}
	#GalleryDisclaimer img {
		float:left;
		padding:0 20px 0 30px;
	}
	#GalleryListPage #GalleryBox {
		background:url(../images/BG_Gray.gif) repeat-x #B7B7B7;
		width:920px; /* 970px */
		padding:30px 20px 40px 30px;
	}
.GalleryNav{
	display:block;
	height:71px;
	width:600px;	
}
.GalleryNav li {	/* Previous and Next Buttons */
	font:12px Arial, Helvetica, sans-serif;
	list-style:none;
	float:left;
	padding:0 0 20px 0;
}

.SoundClip { /* voiceover that talks about the procedure */
	margin:0 0 20px 838px;
}

#GalleryListPage .GalleryNav_Pre a{
	background:url(../images/GalleryIcon_Pre.gif) no-repeat;
	list-style-type:none;
	display:block;
	height:31px;
	margin:0 200px 0 0;
	padding:0;
	width:171px;
}

#GalleryListPage .GalleryNav_Next a {
	background:url(../images/GalleryIcon_Next.gif) no-repeat;
	list-style:none;
	display:block;
	height:41px;
	margin:0;
	padding:0;
	width:171px;
}
.GalleryListBox {	/* contains all the thumbnail pics */
height:150px;
padding-left:10px;
}
	.GalleryListBox div {	/* contains each individual thumbnail pic */
	float:left;
	text-align:center;
	margin-left:15px;
	width:160px;
	}
	.GalleryListBox span {
		font:12px Arial, Helvetica, sans-serif;
		color:#000;
		display:block;
	}
	.GalleryListBox span a {
		text-decoration:none;
	}
	.GalleryListBox div img {
		width:130px;
		height:auto;
	}
	.GalleryListBox a{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:black;
	}
#GalleryNavBottom {	/* dropdown menu at bottom that jumps to other procedures */
	padding:0 0 0 35px;
}
	#GalleryNavBottom p {
		font:12px Arial, Helvetica, sans-serif;
		color:#000;
	}
.ImplantDisclaimer { /* Disclaimer that only appears for Breast Implant Revision pictures */
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	padding:10px 20px 10px 0;
}
#GalleryBottom {
	width:970px;
	background:url(../images/BGGalleryBottom.jpg) repeat-y;
	display:table;
}
	#GalleryBottom #FeaturedArticle {
		float:left;
		width:425px; /* 475px */
		background:url(../images/bg_gold2.gif) repeat-x #aa7d24;
		padding:30px 30px 20px 30px;
	}
		#GalleryBottom #FeaturedArticle p {
			font:12px Arial, Helvetica, sans-serif;
			color:#fff;
			padding:0 0 10px 0;
		}
		#GalleryBottom #FeaturedArticle p a {
			color:#fff;
			text-decoration:none;
		}
		#GalleryBottom #FeaturedArticle .Header {
			padding:0 0 10px 0;
		}
		#GalleryBottom #FeaturedArticle p a:hover {
			color:#CCC;
		}
		#GalleryBottom #FeaturedArticle .GreenBTN a {
		font:13px Arial, Helvetica, sans-serif;
		color:#fff;
		text-decoration:none;
		}
		#GalleryBottom #FeaturedArticle .GreenBTN {
			padding:15px 0 0 0;
		}
		#GalleryBottom .Right {
			float:left;
			width:485px;
		}
		#GalleryBottom .Right #ContactLinder {
			background:url(../images/ContactLinder.gif) no-repeat;
			width:485px;
			height:113px;
		}
			#GalleryBottom .Right #ContactLinder a {
				width:485px;
				height:113px;
				display:block;
			}
		#GalleryBottom .Right #VirtualGallery {
			background:url(../images/VirtualGallery3.jpg) no-repeat;
			width:485px;
			height:101px;
		}	
			#GalleryBottom .Right #VirtualGallery a {
				width:485px;
				height:101px;
				display:block;
			}
		#GalleryBottom .Right #BookInfo {
			background:url(../images/BookInfo3.jpg) no-repeat;
			width:485px;
			height:188px;
		}
			#GalleryBottom .Right #BookInfo a {
				width:485px;
				height:188px;
				display:block;
			}
			
/* ======================================== Detail Page ======================================== */
#GalleryDetailPage .Header {
	padding:0 0 10px 0;
}

#GalleryDetailPage #Header {
	width:970px;
	height:56px;
	background:url(../images/HDR_GalleryPage.gif) no-repeat;
}

#GalleryDetailPage .GalleryNav {	/* contains Next, Thumbnails, and Previous Buttons above image */
	height:30px;
	margin:0 0 20px 0;
	padding:0;
	width:520px;
}
	#GalleryDetailPage .GalleryNav li {
		font:12px Arial, Helvetica, sans-serif;
		list-style:none;
		float:left;
		display:block;
	}
	#GalleryDetailPage .GalleryNav_Pre {
		background:url(../images/PreviousSet.gif) no-repeat;
		list-style-type:none;
		display:block;
		height:28px;
		width:137px;
	}
	#GalleryDetailPage .GalleryNav_Pre a {
		display:block;
		height:28px;
		width:137px;
	}
	#GalleryDetailPage .GalleryNav_Thumbs a {
		background:url(../images/ViewAllThumbs.gif) no-repeat;
		list-style:none;
		display:block;
		height:28px;
		width:179px;
		margin-left:10px;
	}
	#GalleryDetailPage .GalleryNav_Next {
		background:url(../images/NextSet.gif) no-repeat;
		list-style:none;
		display:block;
		height:28px;
		width:103px;
		margin-left:10px;
	}
		#GalleryDetailPage .GalleryNav_Next a {
			display:block;
			height:36px;
			width:103px;
		}
#GalleryDetailPage #ContentBox {
	background:url(../images/BG_BlueGray.gif) repeat-y;
	display:table;
	width:970px;
}
#GalleryDetailPage #GalleryBox {
	background:url(../images/BG_Gray.gif) repeat-x #B7B7B7;
	width:580px;
	float:left;
	padding:40px 0 0 0;
}
#GalleryDetailPage .GalleryContent{	/* contains image and description */
	margin:0;
	padding:0 20px 20px 30px;
}
	#GalleryDetailPage .GalleryContent .DetailPic {	/* thick outer border around image */
		border:22px solid #E3E3E3;
		padding:0;
		margin:0 0 20px 0;
		display:table;
		//width:330px; /* eliminates the gap between the image and border in IE */
	}
	#GalleryDetailPage .GalleryContent .DetailPic img {	/* thin inner border around image */
		border:2px solid #fff;
		padding:0;
		margin:0;
	}
	#GalleryDetailPage .GalleryContent p {
		font:12px Arial, Helvetica, sans-serif;
		color:#000;
		padding-right:50px;
		padding-bottom:10px;
	}
	#GalleryDetailPage .GalleryContent a {
		color:#000;
	}
#GalleryDetailPage h2 {
	font:18px Arial, Helvetica, sans-serif;
	color:#000;
}
#GalleryDetailPage h3 {
	font:14px Arial, Helvetica, sans-serif;
	color:#000;
	margin-bottom:15px;
	font-weight:bold;
}
#GalleryDetailPage #ContentRight {
	width:390px;
	float:left;
}
#GalleryDetailPage #FeaturedArticle {
		float:left;
		width:510px; /* 580px */
		background:url(../images/BG_Blue_2.gif) repeat-x #1B71B1;
		display:table;
		padding:30px 40px 20px 30px;
	}
	#GalleryDetailPage #FeaturedArticle p {
		font:12px Arial, Helvetica, sans-serif;
		color:#fff;
		padding:0 0 10px 0;
	}
	#GalleryDetailPage #FeaturedArticle p a {
		color:#fff;
		text-decoration:none;
	}
	#GalleryDetailPage #FeaturedArticle .Header {
		padding:0 0 10px 0;
	}
	#GalleryDetailPage #FeaturedArticle p a:hover {
		color:#CCC;
	}
	#GalleryDetailPage #FeaturedArticle .GreenBTN a {
	font:13px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	}
	#GalleryDetailPage #FeaturedArticle .GreenBTN {
		padding:15px 0 0 0;
	}
#GalleryDetailPage #GalleryPreview {
	background:url(../images/GalleryPreview3.jpg) no-repeat;
	width:390px;
	height:199px;
}
	#GalleryDetailPage #GalleryPreview a {
		width:390px;
		height:199px;
		display:block;
	}
#GalleryDetailPage #ContactLinder {
	background:url(../images/ContactLinder2.gif) no-repeat;
	width:390px;
	height:111px;
}
	#GalleryDetailPage #ContactLinder a {
		width:390px;
		height:111px;
		display:block;
	}
#GalleryDetailPage #VirtualGallery {
	background:url(../images/VirtualGallery4.jpg) no-repeat;
	width:390px;
	height:131px;
}
	#GalleryDetailPage #VirtualGallery a {
		width:390px;
		height:131px;
		display:block;
	}
#GalleryDetailPage #BookInfo {
	background:url(../images/BookInfo4.jpg) no-repeat;
	width:390px;
	height:594px;
	position:relative;
}
	#GalleryDetailPage #BookInfo a {
		width:220px;
		height:25px;
		position:absolute;
		top:82px;
		left:20px;
	}