/* 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", Trebuchet MS, Helvetica,  sans-serif; font-size: 9.5pt; }
a { text-decoration: none; font-weight: normal; }
a:visited { text-decoration: none; font-weight: normal; }
a:hover { text-decoration: underline; font-weight: normal; }
a:active { text-decoration: none; font-weight: normal; }

/* Header */
div.header { }
div.header div.highlightGraphic { }
div.companyTitle img { }

/* Main Menu */
div.header { }
div.header ul { padding-left: 0.5em; margin: 0; }
div.header ul li { display: inline;  padding: 10px 6px 10px 12px; background: none; }
div.header ul li:first-child { background: none; padding: 0 6px 0 5px; }
div.header ul li:last-child { }
div.header ul li a { font-size: 10.5pt; text-decoration: none; font-weight: normal; color: #fff; text-transform: uppercase;}
div.header ul li a:visited { font-size: 10.5pt; text-decoration: none; font-weight: normal; color: #fff; text-transform: uppercase;}
div.header ul li a:hover { font-size: 10.5pt; text-decoration: none; font-weight: normal; color: #EC81A7; text-transform: uppercase;}
div.header ul li a:active { font-size: 10.5pt; text-decoration: none; font-weight: normal; color: #EC81A7; text-transform: uppercase;}

/* find your photos */
div.findYourPhotos  { width: 225px; }
div.findYourPhotos img { background-image: url(fyp.gif); width: 183px; height: 96px; display:block; margin-bottom: 30px;}
div.findYourPhotos label.fypName {  position: static; width: 50px; display:block;  float:left; padding-top:4px; margin-left:10px; }
div.findYourPhotos input.fypName {  position: static; width: 135px; display:block; float:left; margin-bottom: 10px; }
div.findYourPhotos label.fypDate {  position: static; width: 50px;  display:block; float:left; clear:left; padding-top:4px; margin-left:10px;}
div.findYourPhotos input.fypDate {  position: static; width: 137px; display:block; float:left; margin-bottom: 10px;  }
div.findYourPhotos input.btn {		position: static; width: 140px; display:block; clear:left; margin-bottom: 3em; margin-left: 60px;}
div.findYourPhotos a { display: none; }
div.findYourPhotos a:visited { }
div.findYourPhotos a:hover { }
div.findYourPhotos a:active { }

/* recent photos */
div.recentPhotos { width: 225px; padding: 0 10px 0 10px; }
div.recentPhotos div.reShowButton { text-align:center; }
div.recentPhotos h1 { display: block; font-size: 1.12em; }
div.recentPhotos li.event { border-bottom: dotted 1px #aaa;  }
div.recentPhotos ul { margin: 0; padding: 0; padding-bottom: 7px; position: relative; width: 100%; }
div.recentPhotos ul.recentPhotos { border-top: dotted 1px #aaa; } 
div.recentPhotos ul.recentPhotos li ul {}
div.recentPhotos ul.recentPhotos li ul li { }
div.recentPhotos ul.recentPhotos li ul li span.rpSeparator { }
div.recentPhotos ul.recentPhotos li a { }
div.recentPhotos ul.recentPhotos li a:visited {}
div.recentPhotos ul.recentPhotos li a:hover {}
div.recentPhotos ul.recentPhotos li a:active {} 

div.recentPhotos .rpName {}
div.recentPhotos .rpLockIcon {}
div.recentPhotos .rpDate { color: #A0A0A0; }
div.recentPhotos .rpDescription { color: #A0A0A0;  }
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: right; }
div.contactUs ul.cuLinks li.separator {}
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: .5em; border-top: dotted 1px #aaa; padding: .5em; }
div.contactUs ul.cuLinks li { }
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 #ccc; }
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 #ccc; }
div.actionsMenu ul.center { }
div.actionsMenu ul.right { }
div.actionsMenu ul.right li { border-left: 1px solid #ccc; }
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: #EC81A7; }
#portfolionav li a:visited { color: #EC81A7; }
#portfolionav li a:hover { color: #EC81A7; }
#portfolionav li a:active { color: #EC81A7; }

/* others */
div.pagerContainer { }
a.pager { color: #808080; border: solid 1px #888; font-weight: normal; font-size: 8pt; }
a.pager:hover { color: #EC81A7; border: solid 1px #EC81A7; }
div.pager, span.pager { }
div.pagercurrent { background-color: #EC81A7; color: #FFF; border: solid 1px #fff; }
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 #fff; }
.thumbgrid:hover { border-color: #EC81A7; }
.dropDownMenu { background-color: #252525; }

div.photoGroupList { }
.containerThumb { }

/* block ui */
div.blockMsg { color: #000; background-color: #EC81A7; }
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 { height: auto; }
div.homeCart div.minicart { margin-top: 45px; }
div.minicart { }
div.minicart div.itemAdded { color: #85C2BF; font-weight: normal; }
div.minicart h3 { border-bottom: dotted 1px #606060; padding-bottom: 10px; }

/* package */
div.colorOptionsLine { border-bottom: 1px dotted #cccccc; margin-top: 5px; }
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: #000; }
table.marketPlace td { }

td.marketSidebar { background-color: #000; padding:0 15px 0 0;}
td.marketSidebar div.categoryList { background-color: #000; padding:0; }
td.marketSidebar div.categoryGroup { background-color: #000; border: none; padding:0 0 10px 0;}
td.marketSidebar div.category { background-color: #303030; border: solid 1px #808080; }
td.marketSidebar div.category a { color: #fff; font-weight:normal; }
td.marketSidebar div.category a:link {  color: #fff; font-weight:normal; }
td.marketSidebar div.category a:active {  color: #7e7e7e; font-weight:normal; }
td.marketSidebar div.category a:visited {  color: #fff; font-weight:normal; }
td.marketSidebar div.category a:hover {  color: #7e7e7e;font-weight:normal; }
td.marketSidebar div.product { }
td.marketSidebar div.product a { color: #ccc;  line-height: 1.75em;}
td.marketSidebar div.product a:link { color: #ccc; }
td.marketSidebar div.product a:active { color: #7e7e7e; }
td.marketSidebar div.product a:visited { color: #ccc; }
td.marketSidebar div.product a:hover { color: #7e7e7e; }

/* Marketplace category/product promotional image controls */
table.marketPromoTable { background-color: #fff; border: solid 3px #ccc; }
table.marketPromoTable div.promoList { background-color: #fff; margin: 5px 10px 5px;}

div.promoProduct { background-color: White; text-align: left; border: none;   }
div.keyProduct { border-bottom: 1px solid #ccc; }

div.promoList a:link { color: White; }
div.promoList a:active { color: #7e7e7e; }
div.promoList a:hover { color: #7e7e7e; }
div.promoList a:visited { color: White; }
div.promoList div.promoImage { }
div.promoList div.promoName { color: #7e7e7e; }
div.promoList div.promoContent { color: #808080; }
div.promoList div.promoPrice { color: Black; }
div.promoList div.promoLink { padding: 2px 20px; color: #7e7e7e ; border-color: #7e7e7e;  background-color: #fff;  font-size: 9.5pt; font-weight:normal; }
div.promoList div.promoLink a { color: #7e7e7e; }
div.promoList div.promoLink a:hover { color: #404040; }

/* Order List - MyAcocunt */
#DivOrderList { border: solid 1px #EC81A7; }
#DivOrderList th { background-color: #EC81A7; color: #fff; }
#DivOrderList td { }
#orderList { border: solid 1px #EC81A7; }

/* 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 { }

/* ------------------COLOR----------------------*/
body { color: #cccccc; background-color: #000; }
h1, h2, h3, .largeText, .copyright, .help { color: #EC81A7; }
.cheader, .footerbg, columnheader { color: #FFF; }
/* .cheader is use with styles that do not use jtext. Controls\HeaderTitle & LogoCombo */
.columnheader, .menu, .dropDownMenu .active { background-color: #BB3B88; }
.columnbg, .ordertable,  .dropDownMenu .inactive { background-color: #333; }
/* check that color coordinates with the link color coordination */
.searchphoto { background-color: #000; }
.portfoliobg, .portfolioCorners { background-color: #fff; }
/* set neutral (blk, wht,or grey) behind photo */
.bordercolor { border-color: #EC81A7; }
.footerbg { background-color: #BB3B88; }
.header1 { background-color: #D3899B; }

a:link { color: #FFFFFF; }
a:visited { color: #FFFFFF; }
a:hover { color: #EC81A7; }
a:active { color: #FFFFFF; }

.help_white a:link { color: #000; }
.help_white a:visited { color: #000; }
.help_white a:hover { color: #7E7E7E; }
.help_white a:active { color: #000; }

input.btn { padding: 1px; color: #EC81A7; background-color: #000; border-color: #EC81A7; font-family: "Century Gothic", Trebuchet MS, Helvetica,  sans-serif; font-size: 9pt; font-weight:normal; width: 125px; }
input:hover.btn { background-color: #EC81A7; color: #FFF; border-color: #EC81A7; }

/* ----PHOTO BACKGROUND, PAD COLOR, & CORNERS -- Storefront & StorePortfolio---- */
.portfolioCorners { padding: 3px; }

/* --------------MASTER PAGE-------------------- */
.bodytable { margin: 20px; }

.menu { padding: 0 2px; }
.menu:link, .dropDownMenu .active { color: #FFF; }
.menu:visited { color: #FFF; }
.menu:hover { color: #EC81A7; }
.menu:active { color: #FFF; }

.OpenFlyControl { color: #000; }
.OpenFlyControl a:link { color: #000; }
.OpenFlyControl a:visited { color: #000; }
.OpenFlyControl a:hover { color: #FFF; }
.OpenFlyControl a:active { color: #000; }

.footerbg { color:#000; padding: 10px; text-align: center; font-size: 7pt; font-family: verdana, helveticam, Sans-Serif;}
.footer:link { text-decoration: none; }
.footer:visited { text-decoration: none; }
.footer:hover { text-decoration: none; }
.footer:active { text-decoration: underline; }

.cheader { margin-top: 10px; font-weight: bold; font-size: 26px; }

.header1 { background-image: url(hdrbg.gif); background-repeat: repeat-x; height: 68px; }

.topcenter { background-image: url(H1.gif); }
.bottomcenter { background-image: url(H2.gif); }

.leftcenter { background-image: url(L2.gif); background-repeat: repeat-y; padding-left: 30px; }
.rightcenter { background-image: url(R2.gif); background-repeat: repeat-y; background-position: right; padding-right: 30px; }

/* -------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------------------- */
#fypNameContainer { text-align: right; }
.fypTextName { text-align: left; }
.fypBoxName { width: 18ex; }
#fypDateContainer { text-align: right; margin-top: 10px; }
.fypTextDate { text-align: left; }
.fypBoxDate { width: 18ex; }
#fypButtonContainer { text-align: right; margin-top: 10px; }
#fypLinkContainer { text-align: right; margin-top: 10px; }

/*-------------------OTHER PAGES-----------------*/

.OrderMiniCartHdr { display: none; }
.searchtable { border-width: 1px; margin: 5px; padding: 5px 5px 5px 10px; }
.searchtable a { font-size: 11pt; font-weight:normal; line-height: 16pt;}
.searchtable td { font-size: 9pt; font-weight: normal; line-height: 13pt; }

.adhdr { background-color: #898989; color: #BB3B88; }
.adbg { background-color: #333; }
.AdText { color: #FFF; }
.AdTitle { color: #BB3B88; }
.AdUrl { color: #EC81A7; }

.columnheader a:link { color: #FFF; }
.columnheader a:visited { color: #FFF; }
.columnheader a:hover { color: #999; }
.columnheader a:active { color: #FFF; }


/* ------------------CS AND JS PAGES------------------ */
.pagenav span.disable { color: #BB3B88; }
.pagenav a:link { border: 1px solid #ffffff; background: #000; color: #FFF; }
.pagenav a:visited { border: 1px solid #ffffff; background: #000; color: #FFF; }
.pagenav a:hover { border-color: #FFF; background: #EC81A7; color: #FFF; }
.pagenav a:active { border: 1px solid #ffffff; background: #000; color: #FFF; }

div.menu img { margin-bottom: -4px; }

/* Package accordion styles */
/* overall style */
.pkgacc { }
.pkgacc a:hover {  }
.pkgacc a {  }

/* the header of each accordion section */
.pkgaccheader a { background-color: #303030; border: 1px solid #808080; }
.packageItemSelectorBorderSelected { background-color: #303030; }
.pkgaccheader a:hover { border: 1px solid #666; color: #666;  }
.pkgaccheader a:visited {  }
.pkgaccheader a:active {  }
.pkgaccheader a.selected { background-color:#7e7e7e; color: #666; }
.pkgaccheader a.selected:hover { background-color: #7e7e7e; color: #666; }
.pkgaccitem { color: #ccc; }
.pkgacccost { color: #fff; }
.pkgaccdetails { color: #ccc; }
.pkgaccdiv { }

div.NewOuterTable { border-color: #fff; }
