/* begin compatibility fixes for styles that predate global.css with reset styles included */
table { border-collapse: separate; }
/* end compatibility fixes for marketSidebarstyles that predate global.css with reset styles included */
body { font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif; }
a, .dropDownMenu .active { color: #FFF; text-decoration: none; font-weight: normal;}
a:visited { text-decoration: none; font-weight: normal; color: #FFF; }
a:hover { text-decoration: underline; font-weight: normal; color: #c0bcab; }
a:active { text-decoration: none; font-weight: normal; color: #FFF;}
/* Header */
div.header { }
div.header div.highlightGraphic {}
div.companyTitle img {}
/* Main Menu */
div.header { }
div.header ul { margin: 0 }
div.header ul li { display: inline; background: url(menu_separator.png) no-repeat left; padding: 0 6px 0 15px }
div.header ul li:first-child { background: none; padding: 0 6px 0 0 }
div.header ul li:last-child {}
div.header ul li a { font-size: 1.1em; text-decoration: none; font-weight: bold }
div.header ul li a:visited { font-size: 1.1em; text-decoration: none; font-weight: bold }
div.header ul li a:hover { font-size: 1.1em; text-decoration: underline; font-weight: bold; color: #000; }
div.header ul li a:active { font-size: 1.1em; text-decoration: none; font-weight: bold }
/* find your photos */
div.findYourPhotos { position: relative; width: 240px; height: 135px }
div.findYourPhotos img { display: none }
div.findYourPhotos label.fypName { position: absolute; top: 13px; left: 46px }
div.findYourPhotos input.fypName { position: absolute; top: 10px; right: 46px; width: 100px }
div.findYourPhotos label.fypDate { position: absolute; top: 43px; left: 46px }
div.findYourPhotos input.fypDate { position: absolute; top: 40px; right: 46px; width: 100px }
div.findYourPhotos input.btn { position: absolute; top: 70px; left: 48px; width: 143px }
div.findYourPhotos a { display: none; }
div.findYourPhotos a:visited { display: none; }
div.findYourPhotos a:hover { display: none; }
div.findYourPhotos a:active { display: none; }
/* recent photos */
div.recentPhotos { width: 225px; padding: 0 10px 0 10px }
div.recentPhotos div.reShowButton { }
div.recentPhotos h1 { display: none }
div.recentPhotos ul { margin: 0; padding: 0 }
div.recentPhotos ul.recentPhotos { list-style-type: none; padding: 0 0 1em 0 }
div.recentPhotos ul.recentPhotos li ul { list-style-type: none; padding-top: 1em }
div.recentPhotos ul.recentPhotos li ul li { display: inline }
div.recentPhotos ul.recentPhotos li ul li span.rpSeparator { padding-left: 1ex; padding: 1ex }
div.recentPhotos ul.recentPhotos li a { text-decoration: none; font-weight: bold; }
div.recentPhotos ul.recentPhotos li a:visited { text-decoration: none; font-weight: bold; }
div.recentPhotos ul.recentPhotos li a:hover { text-decoration: underline; }
div.recentPhotos ul.recentPhotos li a:active { text-decoration: none; font-weight: bold; }
div.recentPhotos .rpName {}
div.recentPhotos .rpLockIcon {}
div.recentPhotos .rpDate { color: #fff; }
div.recentPhotos .rpDescription { color: #fff; }
div.recentPhotos .rpSeparator { }
div.recentPhotos .reShowButton { }
div.recentPhotos a.reMore { text-decoration: none; }
div.recentPhotos a.reMore:hover { text-decoration: underline; }
div.recentPhotos a.reMore:after { text-decoration: none; content: ' ...'; }
/* contact us */
div.contactUs { text-align: center }
div.contactUs ul.cuLinks li.separator { margin: 0 1ex }
div.contactUs div.cuName { white-space: nowrap }
div.contactUs address { font-style: normal }
div.contactUs address span.block { display: block }
div.contactUs ul.cuPhoneNumbers { margin-top: 1em }
div.contactUs ul.cuPhoneNumbers li {}
div.contactUs ul.cuPhoneNumbers li.phone { display: inline }
div.contactUs ul.cuPhoneNumbers li.separator { display: inline }
div.contactUs ul.cuPhoneNumbers li.fax { display: inline }
div.contactUs ul.cuLinks { margin-top: 1em }
div.contactUs ul.cuLinks li { display: inline }
div.contactUs ul.cuLinks li.contactUsLink {}
div.contactUs ul.cuLinks li.directionsLink {}
div.contactUs ul.cuLinks li a { }
div.contactUs ul.cuLinks li a:visited {}
div.contactUs ul.cuLinks li a:hover { }
div.contactUs ul.cuLinks li a:active {}
/* about us */
div.aboutUs { }
div.aboutUsPage #title { border-bottom: dotted 1px #888; }
div.aboutUsPage .photogPict img {}
div.aboutUsPage .contactDiv {}
div.aboutUsPage #message { border-top: dotted 1px #888; }
div.aboutUsPage div.contactUs {}
div.aboutUsPage div.contactUs h2 {}
div.aboutUsPage div.contactUs div.cuName {}
div.aboutUsPage div.contactUs span {}
div.aboutUsPage div.cuPhoneNumbers {}
div.aboutUsPage div.cuPhoneNumbers div {}
div.aboutUsPage div.cuLinks {}
div.aboutUsPage div.PanelLinks {}
div.aboutUsPage div.PanelLinks div {}
div.aboutUsPage div.aboutUs { border-bottom: dotted 1px #888; }
div.aboutUsPage div.specializationDiv {}
div.aboutUsPage div.specializationDiv span { border-bottom: dotted 1px #888; }
div.aboutUsPage div.clientDiv span { border-bottom: dotted 1px #888; }
div.aboutUsPage div.associationDiv {}
div.aboutUsPage div.associationDiv span { border-bottom: dotted 1px #888; }
/* actions menu */
div#DivEventSummary { }
div.actionsMenu { }
div.actionsMenu a { }
div.actionsMenu div.sitePath { }
/* gift header control */
div.actionsMenu ul.amView {}
div.actionsMenu ul.amView li { }
div.actionsMenu ul.amView li:first-child { }
div.actionsMenu ul.amView li.selected { background-image: url(sprites.png); background-position: -43px -32px; background-color: transparent; }
div.actionsMenu ul.amView li .thumbgrid-photocount { }
div.actionsMenu ul.amView li .thumbgrid-photocount:before { }
div.actionsMenu ul.amView li .thumbgrid-photocount:after { }
div.actionsMenu ul.amView li .thumbgrid-selectedcount { }
div.actionsMenu ul.amView li .thumbgrid-selectedcount:before { }
div.actionsMenu ul.amView li .thumbgrid-selectedcount:after { }
div.actionsMenu ul.amSelect { }
div.actionsMenu ul.amSelect li { }
div.actionsMenu ul.amSelect li:first-child { }
div.actionsMenu ul.amActions { }
div.actionsMenu ul.amActions li { }
div.actionsMenu ul.amActions li:first-child { }
div.actionsMenu ul.amActions li.order { background-image:url(sprites.png); background-position: 100% -221px; background-attachment: scroll }
div.actionsMenu ul.amActions li.next { background-image:url(sprites.png); background-position: 100% -199px }
div.actionsMenu ul.amActions li a {}
div.actionsMenu ul.amActions li a:visited {}
div.actionsMenu ul.amActions li a:hover {}
div.actionsMenu ul.amActions li a:active { }
/* gift header control */
div.actionsMenu ul.left { }
div.actionsMenu ul.left li { border-left: 1px solid #808080; }
div.actionsMenu ul.left li:first-child { }
div.actionsMenu ul.left li.selected { background-image: url(sprites.png); background-position: -43px -32px; }
div.actionsMenu ul.left li { border-left: 1px solid #808080; }
div.actionsMenu ul.center { }
div.actionsMenu ul.right { }
div.actionsMenu ul.right li { border-left: 1px solid #808080; }
div.actionsMenu ul.right li:first-child { }
div.actionsMenu ul.right li a {}
div.actionsMenu ul.right li a:visited {}
div.actionsMenu ul.right li a:hover { }
div.actionsMenu ul.right li a:active { }
/* thumbpage.aspx */
div.notificationPopup div.lastDayToOrder { }
div.thumbpage div.pages { }
div.thumbpage #DivPreviousNext { }
div.notificationPopup {}
div.notificationPopup a.close {}
div.notificationPopup a.close:hover {}
div.notificationPopup ul {}
/* portfolio */
#portfolionav { }
#portfolionav li { }
#portfolionav li a { color: #FFF; }
#portfolionav li a:visited { color: #FFF; }
#portfolionav li a:hover { color: #FFF;}
#portfolionav li a:active { color: #FFF; }
/* others */
div.pagerContainer { }
a.pager { color: #fff; border: solid 1px #fff }
a.pager:hover { color: #c0bcab; border: solid 1px #c0bcab; font-weight: normal;}
div.pager, span.pager {}
div.pagercurrent { background-color: #c0bcab; color: #FFF; border: solid 1px #808080; }
div.hr { border-bottom: 1px dotted #ccc; }
.prlogo { display: block; height: 51px; width: 242px; background-image: url(sprites.png); background-position: 0 -149px; background-repeat: no-repeat }
.thumbTable td {}
.thumbTable div.checkbox {}
.thumbTable div.checkbox a { background-image: url(sprites.png) }
.thumbTable div.checkbox a.unselected { background-position: -24px 0 }
.thumbTable div.checkbox a.unselected:hover { background-position: -24px -20px }
.thumbTable div.checkbox a.selected { background-position: -24px -40px }
.thumbTable div.checkbox a.selected:hover { }
.information {}
.thumbgrid { border: solid 1px #505050; }
.thumbgrid:hover { border-color: #FFF; }
.dropDownMenu { background-color: #252525; }
div.photoGroupList {}
.containerThumb { }
/* block ui */
div.blockMsg { color: #000; background-color: #c0bcab; }
div.blockPage { }
div.blockElement { }
div.blockOverlay { }
/* Slideshow.ascx */
#DivSlideshowFavorites { background-image: url(sprites.png); }
#DivSlideshowFavorites.unselected { background-position: 0 0; }
#DivSlideshowFavorites.unselected:hover { background-position: 0 -23px; }
#DivSlideshowFavorites.selected { background-position: 0 -46px; }
#DivSlideshowFavorites.selected:hover { }
#DivSlideshowPager { }
#DivPreviousNext { }
#DivSlideshowPlay { }
#DivSlideshowPlay.playing { background-image: url(sprites.png); background-position: -37px -80px }
#DivSlideshowPlay.playing:hover { background-image: url(sprites.png); background-position: -37px -115px }
#DivSlideshowPlay.paused { background-image: url(sprites.png); background-position: -3px -80px }
#DivSlideshowPlay.paused:hover { background-image: url(sprites.png); background-position: -3px -115px }
/* event summary */
#DivEventSummary {}
#DivEventSummary div.eventInfo { }
#DivEventSummary span.eventInfoDate { }
#DivEventSummary span.eventInfoDetails { }
#DivEventSummary div.photoCount { }
#DivEventSummary div.eventInfo2 { }
#DivEventSummary div.eventInfo2 span { }
/* mini cart */
div.minicart { }
div.minicart div.itemAdded { color: #FFF; }
/* package */
div.colorOptionsLine { border-bottom: 1px dotted #cccccc; }
div.colorOptions { }
/* photo group list */
div.photoGroupContainer { }
div.photoGroupList { border-bottom: dotted 1px #cccccc; }
div.photoGroupList label { }
div.photoGroupList select { }
/* Marketplace category/product sidebar controls */
table.marketPlace { background-color: #fff; }
table.marketPlace td { }
td.marketSidebar { background-color: #fff; }
td.marketSidebar div.categoryList { }
td.marketSidebar div.categoryGroup { background-color: #888; }
td.marketSidebar div.category { background-color: #ACACAC; }
td.marketSidebar div.category a { color: #fff; }
td.marketSidebar div.category a:visited { }
td.marketSidebar div.category a:hover { color: #fff; }
td.marketSidebar div.category a:active { color: #fff; }
td.marketSidebar div.product { }
td.marketSidebar div.product a { color: #fff; }
td.marketSidebar div.product a:visited { color: #fff; }
td.marketSidebar div.product a:hover { color: #fff; }
td.marketSidebar div.product a:active { color: #fff; }
/* Marketplace category/product promotional image controls */
table.marketPromoTable { background-color: #fff; }
table.marketPromoTable div.promoList { }
div.promoProduct { border: 1px solid black }
div.promoList { background-color: White; }
div.promoList a { color: White; }
div.promoList a:active { color: White; text-decoration: underline; }
div.promoList a:hover { color: White; text-decoration: underline; }
div.promoList a:visited { color: White; }
div.promoList div.promoImage { }
div.promoList div.promoName { color: #FFF; }
div.promoList div.promoContent { color: Black;}
div.promoList div.promoPrice { color: Black; }
div.promoList div.promoLink { background-color: #ACACAC; border: solid 1px ; }
/* Order List - MyAcocunt */
#DivOrderList { border: solid 1px #ACACAC; }
#DivOrderList th {background-color: #ACACAC; color: #fff; }
#DivOrderList td { }
#orderList { border: solid 1px #ACACAC; }
/* PkgPhotoSelect */
div.PkgPhotoSelect div.pages {}
div.PkgPhotoSelect #DivPreviousNext {}
/* ThumbMarket */
div.thumbMarket {}
div.thumbMarketButtonDiv {}
div.thumbMarketAd {}
/* AlbumSlideshow.aspx */
div#AlbumSlideshow {}
div#AlbumSlideshow div#slideshowContainer {}
div#AlbumSlideshow div.slideshowControls {}
div#AlbumSlideshow div.slideshowControls a {}
div#AlbumSlideshow div.slideshowControls a.previous { background-image: url(sprites.png); background-position: -74px -84px }
div#AlbumSlideshow div.slideshowControls a.play { background-image: url(sprites.png); background-position: -3px -80px }
div#AlbumSlideshow div.slideshowControls a.play:hover { background-position: -3px -115px }
div#AlbumSlideshow div.slideshowControls a.pause { background-image: url(sprites.png); background-position: -37px -80px }
div#AlbumSlideshow div.slideshowControls a.pause:hover { background-position: -37px -115px }
div#AlbumSlideshow div.slideshowControls a.next { background-image: url(sprites.png); background-position: -115px -84px }
/* StorePortfolio_1.aspx */
div#StorePortfolio_1 {}
div#StorePortfolio_1 div.playControls {}
div#StorePortfolio_1 div.playControls a {}
div#StorePortfolio_1 div.playControls a.previous { background-image: url(sprites.png); background-position: -74px -84px }
div#StorePortfolio_1 div.playControls a.play { background-image: url(sprites.png); background-position: -3px -80px }
div#StorePortfolio_1 div.playControls a.play:hover { background-position: -3px -115px }
div#StorePortfolio_1 div.playControls a.pause { background-image: url(sprites.png); background-position: -37px -80px }
div#StorePortfolio_1 div.playControls a.pause:hover { background-position: -37px -115px }
div#StorePortfolio_1 div.playControls a.next { background-image: url(sprites.png); background-position: -115px -84px }
/* old messy CSS */
.dropDownMenu {}
body { background-image:url(bg.png); background-repeat:repeat-x; background-position:top; background-color:#403F40; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
/* ------------------COLOR----------------------*/
/* Most themes will have 7 main colors.
The body text, body bg, header text, .columnheader text, .columnheader bg, .columnbg bg & color behind the photos (same as XML padcolor).
Other classes can usually be plugged in to the same color scheme. */
body { color: #ffffff; }
body { background-color: #403F40; }
h1, h2, h3, .largeText, .cheader { color: #FFF; } /* .cheader is use with styles that do not use jtext. Controls\HeaderTitle & LogoCombo */
.columnheader { color: #FFF; }
.columnheader, .dropDownMenu .active { background-color: #ACACAC;}
.columnbg, .ordertable, .searchtable, .dropDownMenu .inactive { background-color: #403F40; } /* check that color coordinates with the link color coordination */
.searchphoto, .portfoliobg, .portfolioCorners { background-color: #000; } /* set neutral (blk, wht,or grey) behind photo */
.bordercolor { border-color: #ACACAC; }
.CatagorySelectContent { background-color: #000; }
.CatagorySelectContent td{ padding: 15px; }
.btn { text-align: center; background: url(button.png) no-repeat center bottom; height: 20px; width: 143px; color: #FFF; }
input.btn { border: 0; }
input:hover.btn { color: #000; }
/* ----PHOTO BACKGROUND, PAD COLOR, & CORNERS -- Storefront & StorePortfolio---- */
.portfolioCorners { padding:3px; }
/* --------------MASTER PAGE-------------------- */
.headerBg { background: url(headerBg.png); background-repeat: repeat; height:95px; text-align: center; }
.headerBgOverFlow { white-space:nowrap; background: url(headerBg.png) repeat-x; height:66px; width: 100%; position: absolute; right:-130px; top:0; z-index:-1}
.headerBgL { background: url(headerBgL.png) no-repeat; height:66px; width: 381px; }
.headerBgR { background: url(headerBgR.png) no-repeat; height: 66px; width: 296px; }
.footersep { background: url(sepFoot.png) no-repeat center; width:12px; }
.underline { background-image: url(underline.png); background-repeat:repeat-x; height:6px; }
a.foot { color: #808080; }
a:visited.foot { color: #808080; }
a:hover.foot { color: #ACACAC; }
a:active.foot { color: #808080; }
/* -------Thumbpage, OrderPage, Photogrouplist Control--------- */
.photogrouplist_container { padding-left: 18px; }
.photogrouplist_container_left { float: left; }
.photogrouplist_container_right { padding-top:4px; }
.photogroup_content{ float: right; width: 250px; text-align: left; }
.thumbOrderPage { color: #fff; font-size: 11px; font-weight: bold; margin-top: 3px; }
/*-----------------STOREFRONT------------------- */
.athletesL { background: url(athletesL.png) no-repeat left top; width: 350px; height: 193px; position: absolute; top: 0; left: 0; z-index: 0; }
.athletesR { background: url(athletesR.png) no-repeat right top; width: 261px; height: 321px; position: absolute; top: 0; right: 0; z-index: 0; }
/* Controls\RecentEvents */
.recenteventshdr { display:none; }
/* Controls\MiniCart */
.minicarthdr { display:none; }
/* Controls/FindPhotos */
.fypImage {display:none; }
/*-------------------OTHER PAGES-----------------*/
/* Play Controls */
/* Ad Colors set text color in XML*/
.adhdr { background-color: #ACACAC; color: #000; }
.adbg { background-color: #060606; }
.AdText { color: #404040; }
.AdTitle { color: #FFF; }
.AdUrl { color: #ACACAC; }
.columnheader a { color:#FFF; }
.columnheader a:visited { color:#FFF; }
.columnheader a:hover { color:#999; }
.columnheader a:active { color:#FFF; }
/* ------------------CS AND JS PAGES------------------ */
/* PageNav.cs */
.pagenav span.disable { color: #808080;}
.pagenav a { border: 1px solid #FFF; color: #FFF;}
.pagenav a:visited { border: 1px solid #FFF; color: #FFF}
.pagenav a:hover { border: 1px solid #FFF; color: #FFF !important; } /* must define both colors for IE6 */
.pagenav a:active { border: 1px solid #FFF; color: #FFF;}
/* package */
div.colorOptionsLine { border-bottom: 1px dotted #cccccc; margin: 10px 0 2px 0; }
div.colorOptions { font-size: 9.5pt; line-height: normal; font-weight: normal; text-align: left; }
/* Package accordion styles */
/* overall style */
.pkgacc { }
.pkgacc a:hover { color: #000; }
.pkgacc a { }
/* the header of each accordion section */
.pkgaccheader a { background-color: #ACACAC;}
.packageItemSelectorBorderSelected { background-color: #ACACAC; }
.pkgaccheader a:hover { }
.pkgaccheader a:visited { }
.pkgaccheader a:active { }
.pkgaccheader a.selected {}
.pkgaccheader a.selected:hover { }
.pkgaccitem { color: #fff; }
.pkgacccost { color: #fff; }
.pkgaccdetails { color: #fff; }
.pkgaccdiv { }
.pkgaccdetailsbtn { }
.pkgInfoTip { background-color: #ACACAC; }
/* the multiphotoselectpage */
.wrpThmbPhotoDesc { border: 1px solid #808080; }
.packageItemSelectorPhotos, .packageItemSelectorBorderPhoto { border: solid 1px #505050; }
.packageItemSelectorBorder { border: solid 1px #303030; }
.packageItemSelectorBorder:hover { border-color: #7e7e7e; }
.packageItemSelectorBorderSelected { border: solid 1px #c0bcab; }
.multiPhotoSelectedOptions:hover { color: #c0bcab; }
.multiPhotoOptionsMenu { font-size:10pt; color: #aaa; }
.multiPhotoOptionsMenuHeader { border-bottom:dotted 1px #aaa; padding:5px; background-color: #eee; margin:0x 2px; }
.multiPhotoOptionsMenuItem { padding:5px 10px; }
.multiPhotoOptionsMenuItem a:link { color: #808080; }
.multiPhotoOptionsMenuItem:hover { background-color: #eee; cursor:pointer; }
.multiPhotoSelectedTxtSelected { color: #c0bcab; }
/* unselected */
.multiPhotoBox .thumbgrid { border: solid 1px #ccc; }
.multiPhotoBox .thumbgrid:hover { border-color: #c0bcab; }
.multiPhotoBox .pkgAddLink:hover { color: #c0bcab; border: solid 1px #c0bcab;}
/* selected */
.multiPhotoBoxSelected { border: solid 1px #c0bcab; }
.multiPhotoBoxSelected:hover { border-color: #ccc; }
.multiPhotoBoxSelected .multiPhotoSelectedTxt { background-color:#c0bcab; color: #000; }
.multiPhotoBoxSelected .multiPhotoSelectedCountTxt:hover { color: #fff; background-color: #3A3A3A; border: solid 1px #c0bcab;}
.multiPhotoBoxSelected .divSelecetedCount { color: #000; background-color:#c0bcab; }
.multiPhotoBoxSelected .pkgAddLink { color: #000; }
.multiPhotoBoxSelected .pkgAddLink:hover { color: #fff; background-color: #3A3A3A; border: solid 1px #c0bcab;}
#socialMediaWrap { float: none; text-align:center; }
.socialMediaRow { float: none; display: inline; padding: 0 8px 15px; }
/* CardPage tab styles */
#CardPage .selectedTab
{
border-bottom-color: /* defaults-body-background-color */ #343433 /* defaults-body-background-color */;
}
#CardPage .tabOver
{
border-bottom-color: /* defaults-body-background-color */ #343433 /* defaults-body-background-color */;
}
/* End CardPage tab styles */