/* 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; color: #fff; }
a:visited { text-decoration: none; font-weight: normal; color: #fff;}
a:hover { text-decoration: underline; font-weight: normal; color: #808080; }
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 { padding: 2px; }
div.header ul li { display: inline; background: url(sep.gif) no-repeat left; padding: 0 0 0 20px }
div.header ul li:first-child { background: none; padding: 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; }
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 { background-image: url(fyp.gif); width: 187px; height: 42px; text-align: center; }
div.findYourPhotos label.fypName { position: absolute; top: 63px; left: 46px }
div.findYourPhotos input.fypName { position: absolute; top: 60px; right: 46px; width: 100px }
div.findYourPhotos label.fypDate { position: absolute; top: 93px; left: 46px }
div.findYourPhotos input.fypDate { position: absolute; top: 90px; right: 46px; width: 100px }
div.findYourPhotos input.btn { position: absolute; top: 120px; 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; }
.fypBg { }

/* recent photos */
div.recentPhotos { width: 260px; 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; color: #fff; }
div.recentPhotos ul.recentPhotos li a:visited { text-decoration: none; font-weight: bold; color: #fff; }
div.recentPhotos ul.recentPhotos li a:hover { text-decoration: underline; color: #D43A3A; }
div.recentPhotos ul.recentPhotos li a:active { text-decoration: none; font-weight: bold; color: #fff; }

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: left; font-size: 11px; line-height: 11px; }
div.contactUs span.cuCompanyname { font-size: 13px; line-height: 14px; }
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: .5em }
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 }
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: #999; }
#portfolionav li a:visited { color: #999; }
#portfolionav li a:hover { color: #999;}
#portfolionav li a:active { color: #999; }

/* others */
div.pagerContainer { }
a.pager { color: #FFF; border: solid 1px #FFF }
a.pager:hover { color: #808080; border: solid 1px #808080 }
div.pager, span.pager {}
div.pagercurrent { background-color: #808080; color: #FFF; border: solid 1px #fff; }
div.hr { border-bottom: 1px dotted #ccc;  }
.prlogo { display: block; height: 51px; width: 242px; margin-left: auto; margin-right: auto; 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: #000; }
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: #000; }

/* 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: #CCC;  }
td.marketSidebar div.category { background-color: #505050; }
td.marketSidebar div.category a { color: #fff; }
td.marketSidebar div.category a:link { color: #fff; }
td.marketSidebar div.category a:active { color: #fff; }
td.marketSidebar div.category a:visited { color: #fff }
td.marketSidebar div.category a:hover { color: #fff; }
td.marketSidebar div.product { }
td.marketSidebar div.product a { color: #000; }
td.marketSidebar div.product a:link { color: #000; }
td.marketSidebar div.product a:active { color: #000; }
td.marketSidebar div.product a:visited { color: #000; }
td.marketSidebar div.product a:hover { color: #000; }

/* 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: #000; }
div.promoList a:link { color: #000; }
div.promoList a:active { color: #000; text-decoration: underline; }
div.promoList a:hover { color: #000; text-decoration: underline;  }
div.promoList a:visited { color: #000; }
div.promoList div.promoImage {  }
div.promoList div.promoName { color: #505050; }
div.promoList div.promoContent { color: Black;}
div.promoList div.promoPrice { color: Black; }
div.promoList div.promoLink { background-color: #ccc; border: solid 1px ; color: #000;}


/* Order List - MyAcocunt */
#DivOrderList { border: solid 1px #000; }
#DivOrderList th {background-color: #000; color: #fff; }
#DivOrderList td { }
#orderList { border: solid 1px #000; }

/* 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 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; }

/* ------------------COLOR----------------- */
body { color: #FFF; }
body { background-color: #404040; }
h1, h2, h3, .largeText { color: #FFF; }
.columnheader, .dropDownMenu .active { color: #FFF;  background: #404040 URL(menuBg.jpg) repeat top left; }
.columnbg, .ordertable, .searchtable, .dropDownMenu .inactive { background-color:#262626; }
.searchphoto, .portfoliobg { background-color:#000; }
.bordercolor { border-color: #404040; }

/* end color */

.btn {text-align:center; background:url(button.gif) no-repeat center bottom; height:22px; width:143px; color:#FFF; margin-bottom:2px; }
input.btn {border:0; color: #CCC }
input:hover.btn {color: #FFF; }

.help { text-align:left; margin:auto; margin-top: 8px; }

.cornerTop { background: url(cornerR1.gif) no-repeat top right; }
.cornerBottom { background: url(cornerR2.gif) no-repeat bottom right; }
.cornerR1 { background: url(cornerR1.gif) no-repeat top right; }

/* --------------MASTER PAGE-------------------- */
.menu { margin:2px; }
.menu a:link, .dropDownMenu .active {color: #FFF; text-decoration:none;  }
.menu a:visited {color: #FFF; text-decoration:none;  }
.menu a:hover {color: #000;text-decoration:underline;  }
.menu a:active {color: #FFF; text-decoration:none;  }

.titleBg { background: #404040 URL(titleBg.jpg) repeat-x top left;}
.menuBg {  background: #404040 URL(menuBg.jpg) repeat-x top left;}
.portBg { background: #272727 url(portBg.gif) repeat top left; width:100%; height:150px;}
.componentBg { background: #272727 url(componentBg.jpg) repeat top left; }

.helpBg {background: #404040 url(helpBg.jpg) repeat-x top left; width:100%; height:140px;}
.pageBgColor { background-color:#000;}

/* -------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: #808080; font-size: 11px; font-weight: bold; margin-top: 3px; }

/*-----------------STOREFRONT------------------- */

.reContainer a:link {color: #FFF;  text-decoration: none; }
.reContainer a:visited {color: #FFF;  text-decoration: none; }
.reContainer a:hover {color: #000; text-decoration: underline;  }
.reContainer a:active {color: #FFF; text-decoration: none;  }
.recenteventshdr {display: none; }
.recentPhotosimg { background: url(recentPhotos.gif) no-repeat; height: 42px; width: 164px; }
.reShowButton {text-align: center; position: relative; bottom: 5px; }
.reBorder { border-left: solid 1px #000;  border-right: solid 1px #000; }

.minicarthdr { display: none; }
.miniCart { background: url(miniCart.gif) no-repeat; height: 42px; width: 164px; }

/*-------------------OTHER PAGES-----------------*/
.adhdr {background-color:#404040; color:#FFF; }
.adbg {background-color: #000; }
.AdText { color:#404040; }
.AdTitle { color:#FFF; }
.AdUrl { color:#808080; }

.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: #808080;}
.pagenav a:link { border: 1px solid #808080; background-color: #000; color: #808080;}
.pagenav a:visited { border: 1px solid #808080; background-color: #000; color: #808080;}
.pagenav a:hover { background-color:#000; color:#808080; }
.pagenav a:active { border: 1px solid #808080; background-color: #000; color: #808080;}




/* 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: #808080; }
.pkgacc a { }

/* the header of each accordion section */
.pkgaccheader a { background-color: #404040; border: 1px solid #ccc;}
.packageItemSelectorBorderSelected { background-color: #404040; }
.pkgaccheader a:hover { }
.pkgaccheader a:visited {  }
.pkgaccheader a:active {  }
.pkgaccheader a.selected { background-color: #999; color: #FFF; }
.pkgaccheader a.selected:hover { background-color: #AAA; color: #FFF; }

.pkgaccitem { color: #808080; }
.pkgacccost { color: #808080; }
.pkgaccdetails { color: #808080; }
.pkgaccdiv {  }

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

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

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

#socialMediaWrap { float: left; } 
.socialMediaRow { padding: 0 15px 15px 0; }

/* CardPage tab styles */
#CardPage .selectedTab
{
	border-bottom-color: /* defaults-body-background-color */ #2A2A2A /* defaults-body-background-color */;
}

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