/* 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 { 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;}
div.header ul li { display: inline; background-image: none; 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-transform: uppercase; font-weight: bold }
div.header ul li a:visited { font-size: 1.1em; text-transform: uppercase; font-weight: bold }
div.header ul li a:hover { font-size: 1.1em; text-transform: uppercase; text-decoration: underline; font-weight: bold }
div.header ul li a:active { font-size: 1.1em; text-transform: uppercase; font-weight: bold; }

/* 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 #888;  }
div.recentPhotos ul { margin: 0; padding: 0; padding-bottom: 7px; position: relative; width: 100%; }
div.recentPhotos ul.recentPhotos { border-top: dotted 1px #888; }
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 { }
div.contactUs ul.cuLinks li.separator {}
div.contactUs div.cuName { white-space: nowrap; }
div.contactUs address { font-style: normal; }
div.contactUs address span.block { }
div.contactUs ul.cuPhoneNumbers { }
div.contactUs ul.cuPhoneNumbers li {}
div.contactUs ul.cuPhoneNumbers li.phone {}
div.contactUs ul.cuPhoneNumbers li.separator {}
div.contactUs ul.cuPhoneNumbers li.fax {}
div.contactUs ul.cuLinks { margin-top: .5em; border-top: dotted 1px #888; 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 #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: #999999; }
#portfolionav li a:visited { color: #999999; }
#portfolionav li a:hover { color: #999999;}
#portfolionav li a:active { color: #999999; }

/* others */
div.pagerContainer { }
a.pager { color: #aaa; border: solid 1px #aaa; font-weight: normal; font-size: 8pt; }
a.pager:hover { color: #ccc; border: solid 1px #ccc; }
div.pager, span.pager { }
div.pagercurrent { background-color: #000; color: #FFF; border: solid 1px #aaa; }
div.hr { border-bottom: 1px dotted #888;  }
.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: #898989; }
.dropDownMenu { background-color: #252525; }

div.photoGroupList {}
.containerThumb {}

/* block ui */
div.blockMsg { color: #000; background-color: #898989; }
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: #7e7e7e; font-weight: normal; }
div.minicart h3 { border-bottom: dotted 1px #888; padding-bottom: 10px; }

/* package */
div.colorOptionsLine { border-bottom: 1px dotted #888; margin-top: 5px }
div.colorOptions { }

/* photo group list */
div.photoGroupContainer { }
div.photoGroupList { border-bottom: dotted 1px #888; }
div.photoGroupList label { }
div.photoGroupList select { }

/* Marketplace category/product sidebar controls */
table.marketPlace { background-color: #393939; }
table.marketPlace td { }

td.marketSidebar { background-color: #393939; padding:0 15px 0 0;}
td.marketSidebar div.categoryList { background-color: #393939; padding:0; }
td.marketSidebar div.categoryGroup { background-color: #393939; 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 #FFF; }
#DivOrderList th {background-color: #FFF; color: #000; }
#DivOrderList td { }
#orderList { border: solid 1px #FFF; }

/* 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; }
body { background-color: #393939; }
h1, h2, h3, .largeText, .cheader { color: #FFF; } /* .cheader is use with styles that do not use jtext. Controls\HeaderTitle & LogoCombo */
.columnheader { color: #000; background-color: #FFF;}
.columnbg, .ordertable, .inactive { background-color: #292929; } /* check that color coordinates with the link color coordination */
.searchphoto, .portfoliobg { background-color: #303030; } /* set neutral (blk, wht,or grey) behind photo */
.bordercolor { border-color: #000; }
.copyright { color: #999999; }

a:link { color: #FFF; }
a:visited { color: #FFF; }
a:hover { color: #ccc; }
a:active { color: #ccc; }

input.btn { padding: 1px; color: #FFFFFF; background-color:#000; border-color: #666666; font-family: "Century Gothic", Trebuchet MS, Helvetica,  sans-serif; font-size: 9pt; font-weight:normal; width: 125px; }
input:hover.btn { color: #fff ; border-color: #7e7e7e;  background-color: #4c4c4c; }


/* --------------MASTER PAGE-------------------- */
.footerbg { padding: 10px; text-align: center; font-size: 7pt; font-family: verdana, helveticam, Sans-Serif;}
.footer:link { text-decoration: underline; }
.footer:visited { text-decoration: underline; }
.footer:hover { text-decoration: none; }
.footer:active { text-decoration: underline; }

.bodytable { margin: 20px }

.cheader {  font-weight:bold; font-size: 26px; }

.header1 { background: #000000 url(hdrbg.gif); background-repeat: repeat-x; height: 50px; }
.header2 { background-color: #000; background-image: url(navbg.gif); }
.header3 { background-image: url(navbg.gif); background-repeat: repeat-x; height: 50px; vertical-align: top; }

.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; }
.topcenter { background-image: url(H1.gif); }
.bottomcenter { background-image: url(H2.gif); }

/* -------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; }
.thumbOrderPage { color: #fff; font-size: 11px; font-weight: bold; margin-top: 0px; }

/*-----------------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; }
.adbg {background-color: #9D9D9D; }
.AdText {color:#000000; }
.AdTitle {color:#d6d6d6; }
.AdUrl {color:#FFFFFF; }

.columnheader a:link { color:#000; }
.columnheader a:visited { color:#000; }
.columnheader a:hover { color:#999; }
.columnheader a:active { color:#000; }

/*PageNav.cs */
.pagenav span.disable { color: #747370;}
.pagenav a:link { border: 1px solid #ffffff; background: #393939; color: #FFF;}
.pagenav a:visited { border: 1px solid #ffffff; background: #393939; color: #FFF;}
.pagenav a:hover { background-color: #898989; color: #FFF;}
.pagenav a:active { border: 1px solid #ffffff; background: #393939; color: #FFF;}

/* 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 #7e7e7e; color: #7e7e7e;  }
.pkgaccheader a:visited {  }
.pkgaccheader a:active {  }
.pkgaccheader a.selected { background-color:#7e7e7e; color: #FFF; }
.pkgaccheader a.selected:hover { background-color: #7e7e7e; color: #FFF; }

.pkgaccitem { color: #AAA;  }
.pkgacccost { color: #fff;  }
.pkgaccdetails { color: #AAA; }
.pkgaccdiv {  }
.pkgaccdetailsbtn {  }

/* 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 #000; }
.multiPhotoSelectedOptions:hover { color: #000; }
.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: #000; }

/* unselected */
.multiPhotoBox .thumbgrid { border: solid 1px #ccc; }
.multiPhotoBox .thumbgrid:hover { border-color: #000; }
.multiPhotoBox .pkgAddLink:hover	{ color: #000; border: solid 1px #000;}

/* selected */
.multiPhotoBoxSelected { border: solid 1px #000; }
.multiPhotoBoxSelected:hover { border-color: #ccc; }
.multiPhotoBoxSelected .multiPhotoSelectedTxt { background-color:#000; color: #fff; }
.multiPhotoBoxSelected .multiPhotoSelectedCountTxt:hover { color: #000;  background-color: #fff;  border: solid 1px #000;} 
.multiPhotoBoxSelected .divSelecetedCount	{ color: #fff;  background-color:#000; }
.multiPhotoBoxSelected .pkgAddLink			{ color: #fff; }
.multiPhotoBoxSelected .pkgAddLink:hover	{ color: #000; background-color: #fff; border: solid 1px #000;}


/* CardPage tab styles */
#CardPage #TabWrapper
{
	border-bottom-color: #000000;
}

#CardPage .reportTab 
{
	border-color: #000000;
}

#CardPage .selectedTab
{
	border-bottom-color: /* defaults-body-background-color */ #393939 /* defaults-body-background-color */;
}

#CardPage .tabOver
{
    border-bottom-color:	/* defaults-body-background-color */ #393939 /* defaults-body-background-color */;
}
/* End CardPage tab styles */