/* reset on elements for photo gallery pages
--------------------------------------------------------------------*/
h1, h2, h3, h4, ul, li, dl, dd, dt, p, img { border: medium none; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; }
#main_container_wrapper #mainContent { margin-left: 35px; }
#mainContent { background-image: none; width: 940px; }
#aColumn { width: 160px; margin-right: 20px; }
#aColumn h3 { width: auto; }
#bColumn { width: 440px; margin-right: 20px; display: inline; }
#cColumn { width: 300px; float: left; }

/* layout for photo gallery pages
--------------------------------------------------------------------*/
#centerAndRightColumns { float: left; width: 760px; }
.titleWrapper { width: 760px; float: left; padding: 10px 0 7px 0; }

/* layout for Elly Lilly photo gallery pages
--------------------------------------------------------------------*/
#centerAndRightColumns_auto { float: left; width: auto; }
#bColumn_620 { width: 620px; margin-right: 20px; display: inline; float: left; padding: 0;}

#bColumn h1, #bColumn h2, .titleWrapper h1, .titleWrapper h2 { color: #000; font-weight: normal; }
#bColumn h1, .titleWrapper h1 { font-size: 30px; }
#bColumn h2, .titleWrapper h2 { font-size: 18px; }
#bColumn h2.subHeader { margin-bottom: 6px; }
h2.subTitle { color: #929497; font-size: 14px !important; font-weight: normal; }
.sponsorship { float: right; text-align:center; margin: 0 0 0 10px; _margin: 0 0 0 5px; }

/* boxes 
--------------------------------------------------------------------*/
.contentBox { padding: 0px; clear: both; margin-bottom: 20px; _width: 440px; }
.viewAllThumbs { }
.viewAllThumbs p { font-size: 11px; color: #646464; }

/* global and general styles 
--------------------------------------------------------------------*/
.photosContainer { text-align: center; padding: 0px; }
.photosContainer .flipImageWrap p { text-align: left; font-size: 11px; padding: 7px 0px; }
#photoCaptionAndCredit { float: left; text-align: left; font-size: 11px; padding-top: 9px; padding-bottom: 6px; }
#photoCaptionAndCredit p { padding: 0; margin: 0; line-height: 14px; }
img.photoGalleryFrame { border: 1px solid #818181; }
.viewAllThumbs ul { overflow: hidden; *padding: 0px 0px 25px; _padding: 0px 0px 0px; }
.viewAllThumbs ul li { float: left; font-size: 11px; list-style: none; padding: 15px 23px 0 4px; text-align: center; width: 82px; min-height: 135px; _height: 135px; }
.photoThumbs li a, .viewAllThumbs ul li a { display: block; width: 82px; margin: 0px auto; outline: none; text-decoration: none; }
.photoThumbs li a:hover, .viewAllThumbs ul li a:hover { text-decoration: underline; }
.photoThumbs img, .viewAllThumbs ul li img { display: block; width: 80px; margin: 0px auto; float: none; }
.photoThumbs 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: 5px 0px 0px; clear: both; }
.featuredList, .viewAllMoreListWrap { margin-top: 15px; }
.featuredList, .viewAllMoreList { list-style-type: none; overflow: hidden; }
.featuredList li a { font-size: 12px; }
.recipe_box .heading { padding-bottom: 15px; }
.flipBookWrap { border-top: 1px solid #ececec; background-color: #f8f8f8; width: 311px; padding: 17px 0px 0px 0; overflow: hidden; }
.fromOrBy { color: #b0b0b0; display: block; font-size: 12px; margin-top: 4px; }

/* wide gallery changes */
#flipBookWrap_wide { width: 300px !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; margin: 0 0 15px 0; width: 300px; }
.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; }
.flipImage { overflow: hidden; position: relative; }
.flipImage img { background-color: #fff; display: inline; }
.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; }

#imgTitle a { color: #000000; }
#leftArrowLink { cursor: pointer; outline-style: none; color: none; display: none; position: absolute; height: 100%; width: 50%; left: 0; background-image: url( ../images/blank.gif ); /* background-image required for area to be clickable in IE */ }
#leftArrow { float: left; position: absolute; top: 50%; left: 5px; margin-top: -37px; background-color: transparent; visibility: hidden; }
#rightArrowLink { cursor: pointer; outline-style: none; color: none; display: none; position: absolute; height: 100%; width: 50%; right: 0; background-image: url( ../images/blank.gif ); /* background-image required for area to be clickable in IE */ }
#rightArrow { float: right; position: absolute; top: 50%; right: 5px; margin-top: -37px; background-color: transparent; visibility: hidden; }

/* sprite positioning 
--------------------------------------------------------------------*/
.viewAll, .moreLink a, .flipBookControlPrev, .flipBookControlNext, .carousel-prev-arrow-cont .disabled, .carousel-next-arrow-cont .disabled { background-image: url( http://a.dolimg.com/family/images/photo_gallery/bg/family_photo_gallery_sprite.gif ); background-repeat: no-repeat; }
.featuredList li, .viewAllMoreList li { background: transparent url( http://a.dolimg.com/family/images/nav/subnav/bg-circle.gif ) no-repeat scroll 0pt 2px; float: left; line-height: 18px; background-position: 2px 4px; padding-left: 15px; padding-bottom: 5px; width: 185px; margin-right: 20px; display: inline; }
.viewAll { background-position: -639px -60px; float: right; font-size: 11px; margin: 10px 0 0 0; padding: 1px 25px 2px 25px; }

.moreLink a { font-size: 11px; font-weight: bold; background-position: right -78px; padding-right: 12px; margin-right: 3px; }
.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; }

.photoInfoContainer { padding: 4px 0 0 0; }
.photoInfoContainer h3 { padding: 10px 0px 5px; font-size: 20px; font-weight: normal; color: #444444; }
.photoInfoContainer p { padding: 5px 5px 10px 0px; line-height: 18px; }

.photoThumbs { width: 440px; }
.photoThumbs li { width: 82px; margin: 0px; float: left; text-align: center; margin: 0px; font-size: 11px; list-style: none; height: 126px; padding: 15px 23px 0 4px; }
.photoThumbs li.last { }
.nextGalleryWrap { padding: 8px 5px 2px 0px; clear: left; }
.btnBlueGradient { background-image: url( http://a.dolimg.com/family/images/photo_gallery/bg/item_btn_right.gif ); background-repeat: no-repeat; background-position: right top; text-align: center; display: block; float: left; height: 30px; padding-right: 8px; font-size: 12px; }
a.btnBlueGradient:hover { background-image: url( http://a.dolimg.com/family/images/photo_gallery/bg/item_btn_right.gif ); background-repeat: no-repeat; background-position: right top; text-decoration: underline; }
.btnBlueGradient span { background-image: url( http://a.dolimg.com/family/images/photo_gallery/bg/item_btn_left.gif ); background-repeat: no-repeat; background-position: 0px 0px; display: block; line-height: 26x; padding: 7px 7px 8px 39px; }
a.btnBlueGradient:hover span { background-image: url( http://a.dolimg.com/family/images/photo_gallery/bg/item_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; }
#captionText { }
#imgCredit { font-style: italic; }
#imageDetailLink { margin-top: 2px; display: none; }


#imgDescription { padding: 5px 5px 10px 0; }
#imgDescription ul, #imgDescription ol { padding: 10px 0 10px 20px; }
#imgDescription li { padding: 5px 0; }
#imgDescription p { padding: 10px 0; }

.solidRule { border-top: 1px solid #dedede; margin-top: 10px; padding-top: 10px; _width: 440px; }