/* Family.go.com Photo Gallery
   April 2009
--------------------------------------------------------------------*/

/* reset on elements for photo gallery pages
--------------------------------------------------------------------*/
.wrapper_739 h1, .wrapper_739 h2, .wrapper_739 h3, .wrapper_739 h4, .wrapper_739 ul, .wrapper_739 li, .wrapper_739 dl, .wrapper_739 dd, .wrapper_739 dt, .wrapper_739 p, .wrapper_739 img, .wrapper_590 h1, .wrapper_590 h2, .wrapper_590 h3, .wrapper_590 h4, .wrapper_590 ul, .wrapper_590 li, .wrapper_590 dl, .wrapper_590 dd, .wrapper_590 dt, .wrapper_590 p, .wrapper_590 img {
border:medium none;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
}
/* layout for photo gallery pages
--------------------------------------------------------------------*/
.wrapper_739, .wrapper_590 {
background-color:#fff;
}
.wrapper_739 {
width:739px;
}
.wrapper_590 {
width:590px;
}
.wrapper_739, .wrapper_590 {
position:relative;
}
.wrapper_739 h1, .wrapper h2, .wrapper_590 h1, .wrapper_590 h2, .box739Mid h2 {
color:#000;
font-weight:normal;
}
.wrapper_739 h1, .wrapper_590 h1 {
font-size:30px;
padding-right:170px;
}
.wrapper_739 h2, .wrapper_590 h2 {
font-size:18px;
}
.wrapper_739 h2.subHeader, .wrapper_590 h2.subHeader {
font-size:12px;
font-weight:bold;
color:#515151;
padding-bottom:5px;
}
.wrapper_739 .sponsorship, .wrapper_590 .sponsorship {
color:#b0b0b0;
font-size:9px;
text-align:center;
width:160px;
position:absolute;
right:0px;
top:0px;
}
.wrapper_739 .sponsorship span, .wrapper_590 .sponsorship span {
width:160px;
height:30px;
display:block;
background-color:#ececec;
}
.wrapper_739 h2.subTitle, .wrapper_590 h2.subTitle {
color:#929497;
font-size:12px;
font-weight:normal;
margin-bottom:15px;
}
/* boxes 
--------------------------------------------------------------------*/
.box739Mid, .box590Mid {
padding:0px;
clear:both;
margin-bottom:30px;
}
.box739Mid {
width:739px;
}
.box590Mid {
width:590px;
}
.viewAllThumbs {
background-color:#f8f8f8;
padding:20px 0px 0px 0px;
}
.viewAllThumbs p {
font-size:11px;
color:#646464;
padding:0px 0px 15px 35px;
}
/* global and general styles 
--------------------------------------------------------------------*/
.photoThumbs li a, .photoThumbs590 li a, .viewAllThumbs ul li a, .viewAllMoreList li a, .viewAllMoreList li {
color:#e467a5;
}
.moreLink a, .viewAll, .editLink, .featuredList li a {
color:#00C3EF;
}
img.photoGalleryFrame {
border:1px solid #818181;
}
.viewAllThumbs ul {
margin:0px 0px 0px 54px;
width:685px;
overflow:hidden;
*padding:0px 0px 25px;
_padding:0px 0px 0px;
}
.viewAllThumbs ul li {
width:82px;
margin:0px;
padding:0px;
float:left;
overflow:hidden;
text-align:center;
padding:0px;
margin:0px 55px 20px 0px;
font-size:11px;
}
.photoThumbs li {
width:147px;
margin:0px;
padding:15px 0 0;
float:left;
overflow:hidden;
text-align:center;
padding:0px;
margin:0px;
font-size:11px;
}
.photoThumbs590 li {
width:118px;
margin:0px;
padding:0px;
float:left;
overflow:hidden;
text-align:center;
padding:0px;
margin:0px;
font-size:11px;
}
.photoThumbs li a, .photoThumbs590 li a, .viewAllThumbs ul li a {
display:block;
width:82px;
margin:0px auto;
outline:none;
text-decoration:none;
}
.photoThumbs li a:hover, .photoThumbs590 li a:hover, .viewAllThumbs ul li a:hover {
text-decoration:underline;
}
.photoThumbs img, .photoThumbs590 img, .viewAllThumbs ul li img {
display:block;
width:80px;
margin:0px auto;
float:none;
}
.photoThumbs li span, .photoThumbs590 li span, .viewAllThumbs ul li span {
display:block;
width:82px;
margin:0px auto;
padding:3px 0px 0px;
line-height:12px;
}
.moreLink {
text-align:right;
padding:7px 23px 5px;
clear:both;
}
.featuredList {
padding:5px 0px 5px 0px;
list-style-type:none;
overflow:hidden;
}
.viewAllMoreListWrap {
background-color:#f8f8f8;
margin-top:15px;
border-bottom:1px solid #ebebeb;
border-top:1px solid #ebebeb;
padding:15px;
}
.viewAllMoreList {
list-style-type:none;
overflow:hidden;
}
.viewAllMoreList li {
width:225px;
}
.box739Mid .featuredList li {
width:230px;
}
.box590Mid .featuredList li {
width:280px;
}
.featuredList li a {
font-size:12px;
}
.recipe_box .heading {
padding-bottom:15px;
}
.box754ColA, .box590ColA {
float:left;
text-align:center;
padding:0px;
}
.box754ColB, .box590ColB {
float:right;
padding:0px;
}
.box754ColA {
width:422px;
}
.box754ColB {
width:302px;
}
.box590ColA {
width:262px;
}
.box590ColB {
width:311px;
}
.flipBookWrap {
border-top:1px solid #ececec;
background-color:#f8f8f8;
width:311px;
padding:17px 0px 0px 0;
overflow:hidden;
}
/* wide gallery changes */
#flipBookWrap_wide { width: 302px !important; }
#flipBookWrap_wide #carousel { margin-left: 14px; }
#thumbControlsWrap_wide div.carousel-prev-arrow-cont { margin-left: 19px; }

#carousel, #carousel-next-arrow, #carousel-prev-arrow, #mainImage {
visibility:hidden;
}
.carousel-clip-region, .flipBook, .carousel-component {
overflow:hidden !important;
padding:0px;
position:relative;
} 
.thumbControlsWrap {
border-top:1px solid #ececec;
border-bottom:1px solid #ececec;
background-color:#f8f8f8;
height:31px;
padding-top:5px;
}
.controlsSmall, .flipBookThumbs {
list-style-type:none;
}
.flipBookThumbs{
width:4000px; 
}
.carousel-clip-region {
width:247px;
height:82px;
overflow: hidden;
height:97px;
}
.flipBookThumbs li {
float:left;
width:82px;
height:82px;
margin-right:14px;
}
#carousel {
  margin-left:19px;
}
.flipBookControls {
clear:both;
width:130px;
margin:0px 30px 0px 35px;
padding:5px 0px;
}
.flipBookControls .flipBookControlPrev {
float:left;
}
.flipBookControls .flipBookControlNext {
float:right;
}
.flipBookControlPosition {
float:left;
width:124px;
text-align:center;
font-size:12px;
color:#737373;
margin-top:5px;
}
.controlsSmall {
padding:10px 0px;
border-top:1px dashed #ececec;
border-bottom:1px dashed #ececec;
}
.controlsSmall li {
display:inline;
}
.box754ColB h3, .box590ColB h3 {
padding:10px 0px 5px;
font-size:20px;
font-weight:normal;
color:#444444;
}
.box754ColB p, .box590ColB p {
padding:5px 5px 10px 0px;
line-height:18px;
}
.box754ColA .flipImageWrap {
width:422px;
margin:0px auto;
}
.flipImage {
width:422px;
overflow:hidden;
}
.flipImage260 {
width:262px;
overflow:hidden;
}
.flipImage img, .flipImage260 img {
background-color:#fff;
display:inline;
}
.box754ColA .flipImageWrap .viewAll, .box590ColA .flipImageWrap .viewAll {
float:right;
margin-top:7px;
}
.box754ColA .flipImageWrap p, .box590ColA .flipImageWrap p {
text-align:left;
font-size:11px;
padding:7px 0px;
}
.flipBookControlPrev, .flipBookControlNext {
width:70px;
height:26px;
display:block;
text-indent:-9999px;
float: left;
cursor:pointer;
}
.carousel-prev-arrow-cont {
margin-left:24px;
}
.memberComments {
border-top:1px solid #eeeeee;
}
.imgFloatRight {
float:right;
margin:0px 0px 10px 10px;
}
/* sprite positioning 
--------------------------------------------------------------------*/
.viewAllMoreList li, .featuredList li, .viewAll, .moreLink a, .flipBookControlPrev, .flipBookControlNext, .carousel-prev-arrow-cont .disabled, .carousel-next-arrow-cont .disabled, .photoThumbs590, .photoThumbs li {
background-image: url(http://a.dolimg.com/family/images/photo_gallery/bg/family_photo_gallery_sprite.gif);
background-repeat:no-repeat;
}
.viewAllMoreList li {
float:left;
line-height:18px;
padding-left:10px;
background-position:left -20px;
}
.featuredList li {
color:#00c3ef;
float:left;
line-height:18px;
background-position:left 4px;
padding-left:15px;
}
.viewAll {
padding-right:32px;
line-height:30px;
color:#00a7db;
background-position:right -51px;
}
.moreLink a {
font-size:11px;
font-weight:bold;
background-position:right -78px;
padding-right:12px;
margin-right:5px;
}
.flipBookControlPrev {
background-position:0px -100px;
}
.flipBookControlNext {
background-position:-70px -100px;
}
.carousel-prev-arrow-cont .disabled {
background-position:0px -126px;
cursor:auto;
}
.carousel-next-arrow-cont .disabled {
//background-position:-70px -126px;
//cursor:auto;
display: none;
}
.wrapper_590 .photoThumbs590, .wrapper_739 .photoThumbs {
list-style-type:none;

margin:15px 0px 0px;
}

.photoThumbs590 {
width:590px;
background-position:0px -167px;
}
.photoThumbs {
width:736px;
background: none;
/*background-position:0px -308px;*/
}
.photoThumbs li {
	background-position:0px -308px;
	height:126px;
	padding: 15px 0 0;
}
.photoThumbs li.last{
	width: 148px;
}
.nextGalleryWrap {
margin:20px 5px 0px 0px;
float:right;
}
.btnBlueGradient {
background-image:url(http://a.dolimg.com/family/images/photo_gallery/bg/bg_btn_right.gif);
background-repeat:no-repeat;
background-position:right top;
text-align:center;
color:#fff;
display:block;
float:left;
height:30px;
padding-right:8px;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
a.btnBlueGradient:hover {
background-image:url(http://a.dolimg.com/family/images/photo_gallery/bg/bg_btn_right.gif);
background-repeat:no-repeat;
background-position:right top;
color:#fff;
text-decoration:none;
}
.btnBlueGradient span {
background-image: url(http://a.dolimg.com/family/images/photo_gallery/bg/bg_btn_left.gif);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
line-height:26x;
padding:6px 7px 8px 15px;
}
a.btnBlueGradient:hover span {
background-image: url(http://a.dolimg.com/family/images/photo_gallery/bg/bg_btn_left.gif);
background-repeat:no-repeat;
background-position:0px 0px;
}
.btnBlueGradient span span, .btnBlueGradient:hover span span {
background-position:2000px 50%;
padding:0px;
}
.btnDisabled {
display:none;
}
.btnEnabled {
display:block;
}
#thumbnailHighlight {
position: relative; 
z-index: 2; 
left: 96px; 
*top: -82px; 
width: 72px; 
height: 72px; 
border: 5px solid #9DD2E9; 
filter:alpha( opacity = 50 ); 
-moz-opacity: 0.5; 
-khtml-opacity: 0.5; 
opacity: 0.5;
}
#viewAllControl {
color:#00a7db;
font-size: 13px !important;
display: none;
padding-top: 3px;
}
#viewAllControl a {
  margin: 0 0 0 14px;
}
#carouselClipRegion img {
  cursor: pointer;
}
.flipImageWrap #imgCredit {
	text-align: left;
	display: block;
}
