/* Structures */
/* container */
.parents.photo-gallery ul.sections {
	padding:0 0 20px 85px;
	display:inline-block;
}

.parents.photo-gallery .section {
	width:329px;
	float:left;
	margin:20px 30px 0 0;
}

/* preview boxes */
.parents.photo-gallery #basic-content .section .preview .top {
	background: #004593 url(/Thomas/img/preview-bg-top.png) 0 0 no-repeat;
	height:10px;
}

.parents.photo-gallery #basic-content .section .preview .bottom {
	background: #004593 url(/Thomas/img/preview-bg-btm.png) 0 0 no-repeat;
	height:18px;
}

.section .preview {
	background:url(/Thomas/img/preview-bg.png) 0 0 repeat-y;
}

.section .preview h4,
.section .preview p {
	margin:0 0 0 12px;
	padding:0;
	text-align:center;
	width:292px;
}

.section .preview h4 {
	color:#0088c4;
	font-size:22px;
}

.section .preview p {
	color:#004593;
	font-size:14px;
	margin-bottom:17px;
}

.section .preview img {
	margin:0 0 20px 12px;
}

/* Section Headers */
.section h3 {
	text-indent:-9999em;
	margin: 0 auto;
	margin-bottom:20px;
	height:33px;
}

.section a {
	outline:none;
}

.section.comes-to-town h3 {
	width:338px;
	background:url(/Thomas/img/h3-thomas-comes-to-town.png) 0px 3px no-repeat;
}

.section.playtime h3 {
	width:261px;
	background:url(/Thomas/img/h3-thomas-playtime.png) 0 0 no-repeat;
}

.section.birthdays h3 {
	width:276px;
	background:url(/Thomas/img/h3-thomas-holidays.png) 0 0 no-repeat;
}

.section.card h3 {
	width:328px;
	background:url(/Thomas/img/h3-thomas-birthdays.png) 0 0 no-repeat;
}

/* Specific */
.parents.photo-gallery .section.comes-to-town {
	width:338px;
	margin-right:31px;
}

.parents.photo-gallery .section.comes-to-town .preview {
	margin:0 0 0 11px;
}

.parents.photo-gallery .section.card  {
	margin-left:11px;
}


/* SLIDESHOW */
.content-box.slideshow {
	display:block;
	padding-bottom:30px;
}

/* page headers */
.content-box.slideshow h3 {
	text-indent:-9999em;
	margin: 0 auto;
	margin-bottom:20px;
	height:33px;
}

.content-box.slideshow.comes-to-town h3 {
	width:338px;
	background:url(/Thomas/img/h3-thomas-comes-to-town.png) 0px 3px no-repeat;
}

.content-box.slideshow.playtime h3 {
	width:261px;
	background:url(/Thomas/img/h3-thomas-playtime.png) 0 0 no-repeat;
}

.content-box.slideshow.birthdays h3 {
	width:276px;
	background:url(/Thomas/img/h3-birthday-birthdays.png) 0 0 no-repeat;
}

.content-box.slideshow.card h3 {
	width:328px;
	background:url(/Thomas/img/h3-thomas-birthday-card.png) 0 0 no-repeat;
}

.content-box.slideshow.card h3 {
	height:36px;
	width:203px;
	background:url(/Thomas/img/h3-holiday-cards.png) 0 0 no-repeat;
}

#portrait, 
#carousel {
	margin:0 auto;
}

#portrait {
	background: url(/Thomas/img/photo-portrait-bg.png) 0 0 no-repeat;
	margin-bottom:5px;
	width:483px;
	height:337px;
}

#portrait-content {
	width:auto;
	height:auto;
	display:block;
}

#portrait-content .section {
	margin:0 auto;
	float:none;
	width:465px;
	padding-top:28px;
}

.parents.photo-gallery #portrait #portrait-content .section a {
	display:block;
}

#portrait #portrait-content .section .thumb-nav {
	width:58px;
	height:58px;
	display:inline;
	margin:90px 5px 0;
	outline-width:0;
}

/* circle previous and next buttons */
#portrait #portrait-content .section a:hover#previous,
#portrait #portrait-content .section a:hover#next {
	background-position: bottom left;
}

#portrait #portrait-content .section a#previous {
	background: url('/Thomas/img/blue-left.png') 0 0 no-repeat;
	float:left;
}

#portrait #portrait-content .section #next {
	background: url('/Thomas/img/blue-right.png') 0 0 no-repeat;
	float:right;
}

/* email icon */
.parents.photo-gallery #portrait #portrait-content a#email {
	background:url(/Thomas/img/email-icon.jpg) 0 0 no-repeat;	
	text-indent:-9999em;
	width:52px;
	height:73px;
	float:left;
	margin: 58px 0 0 8px;
}

.parents.photo-gallery #portrait #portrait-content a:hover#email {
	background-position:bottom left;
}

/* preview box */
.parents.photo-gallery #portrait-content .section .preview .top,
.parents.photo-gallery #portrait-content .section .preview .bottom {
	background-color: #005ec5;
}

#portrait #portrait-content .preview {
	float:left;
	width:329px;
}

#carousel {
	background:url(/Thomas/img/photo-carousel-bg.png) 0 0 no-repeat;
	padding: 15px 12px 15px 12px;
	display:block;
	width:460px;
	height:78px;
}

.content-nav {
	float:left;
	margin: 25px 0 0 0;
	text-indent:-9999em;
}

/* triangle previous and next buttons */
a:hover#prev-con,
a:hover#next-con {
	background-position: bottom left;
}

a#prev-con {
	width:20px;
	height:26px;
	background:url(/Thomas/img/thumbs-prev.png) 0 0 no-repeat;
}

a#next-con {
	width:20px;
	height:26px;
	background:url(/Thomas/img/thumbs-next.png) 0 0 no-repeat;
}

/* thumbnails */
#thumbs-wrapper {
	background:url(/Thomas/img/thumbs-wrapper-bg.png) 0 0 no-repeat;
	width:389px;
	height:77px;
	margin: 0 15px 0 15px;
	overflow:hidden;
	float:left;
	position:relative;
}

.thumbs {
	top:5px;
	left:0px;
	position:absolute;
}

.thumbs li {
	display:inline;
	float:left;
}

.thumbs li a {
	float:left;
	display:inline;
	text-decoration:none;
	margin:0px 0 0 15px;
	padding:3px;
}

.thumbs li a:hover, .thumbs li a.active {
	background:#78d2f7;
}

.thumbs li a img {
	display:block;
}

/* bottom navigation */
.parents.photo-gallery #basic-content .bottom.nav {
	clear:both;
	background: #0053b1 url(/Thomas/img/content-bg-btm-blue.png) bottom left no-repeat;
	height:auto;
	padding: 20px 0 20px 0;
	width:100%;
	display:inline-block;
}

ul#tabs {
	margin: 0 auto;
	width:696px;
}

#tabs li {
	background:url(/Thomas/img/tabs-nav-bg-right.png) top right no-repeat;
	font-size:14px;
	font-weight:bold;
	float:left;
	display:inline;
	margin-right:16px;
	line-height:32px;
}

#tabs li a {
	background:url(/Thomas/img/tabs-nav-bg-left.png) top left no-repeat;
	color: #e5e8ea;
	text-decoration:none;
	display:block;
	padding:0 18px 0 18px;
	position:relative;
	vertical-align:middle;
	height:34px;
	left: -5px;
}

#tabs a:hover, #tabs li.active a{
	color:#003673;
}

#tabs li.active, #tabs li:hover {
	background:url(/Thomas/img/tabs-nav-bg-right-a.png) top right no-repeat;
}

#tabs li a:hover, #tabs li.active a {
	background:url(/Thomas/img/tabs-nav-bg-left-a.png) top left no-repeat;
}