/* begin reset */
html, body { margin: 0; padding: 0; border: 0; outline: 0; font-size: inherit; vertical-align: baseline; background: transparent; line-height: 1.2em; font-size: 0.9em; }
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-size: inherit; border-style: none;
border-color: inherit;
border-width: 0;
padding: 0;
outline: 0;
font-size: inherit;
font-weight: normal;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: .5em; }
h1 { font-size: 1.3em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.12em; }
h4 { font-size: 1em; }
h5 { font-size: 0.83em; }
h6 { font-size: 0.67em; }
em { font-style: italic; }
strong, b { font-weight: bold; }
label { white-space: nowrap; }
img { border-width: 0; }
legend { margin: 0; padding: 0 0 5px 0; }
fieldset { margin: 0; padding: 0 10px 5px 10px; text-align: left; }
ol, ul { list-style: none; margin: 0 0 1.4em 0; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; font-size: inherit; }
th { font-weight: bold; font-size: 1.2em; }
p { padding: .8em 0; }
p:first-child { padding: 0; }
div, span { font-weight: inherit; }
/* end reset */
/* begin globals */
body { }
a { }
a:visited { }
a:hover { }
a:active { }
.clearBoth
{
font-size: 0px;
line-height: 0;
clear: both;
}
/* Header */
div.header { }
div.header div.highlightGraphic { }
div.companyTitle img { padding: 5px 0 5px 0; }
/* Main Menu */
div.header { font-size: 9pt; }
div.header ul { font-size: 1em; padding: 0.5em; }
div.header ul li { display: inline; }
div.header ul li:first-child { }
div.header ul li a { font-size: 1.1em; text-decoration: none; font-weight: normal }
div.header ul li a:visited {}
div.header ul li a:hover { text-decoration: underline }
div.header ul li a:active {}
/* find your photos */
div.findYourPhotos { position: relative; }
div.findYourPhotos img { }
div.findYourPhotos label.fypName { position: absolute; }
div.findYourPhotos input.fypName { position: absolute; }
div.findYourPhotos label.fypDate { position: absolute; }
div.findYourPhotos input.fypDate { position: absolute; }
div.findYourPhotos input.btn { position: absolute; }
div.findYourPhotos a { }
/* recent photos */
div.recentPhotos { text-align: left; }
div.recentPhotos h1 { }
div.recentPhotos ul { }
div.recentPhotos ul li { position: relative }
div.recentPhotos ul.recentPhotos { list-style-type: none; padding: 0; border-bottom: 0; }
div.recentPhotos ul.recentPhotos li.event { padding-right: 17px }
div.recentPhotos ul.recentPhotos li a { font-weight: normal; font-size: 10pt; }
div.recentPhotos ul.recentPhotos li ul { list-style-type: none; margin-top: 0; display: inline-block; }
div.recentPhotos ul.recentPhotos li ul li { }
div.recentPhotos ul.recentPhotos li ul li a { }
div.recentPhotos ul.recentPhotos li ul li span.rpSeparator { padding-left: 1ex; padding: 1ex; }
div.recentPhotos .rpName { display: block; width: 200px; margin: 7px 0px 3px 0; }
div.recentPhotos .rpNameWordWrap { display: block; width: 200px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
div.recentPhotos .rpLockIcon { position: absolute; right: 0; top: 0; display: block; margin-top: 8px; font-size: 22px; opacity: .5; font-family: 'PhotoReflectWebDingsRegular'; }
div.recentPhotos .rpDate { font-size: 9pt; display: inline; }
div.recentPhotos .rpDescription { font-size: 9pt; margin-left: 5px; display: inline; }
div.recentPhotos .rpSeparator { display: none; }
div.recentPhotos .reShowButton { margin-top: 10px; }
div.recentPhotos a.reMore { font-weight: normal; font-size: 10pt; Line-Height: 15pt; }
div.recentPhotos a.reMore:after { content: ' ...'; }
/* contact us */
div.contactUs { text-align: right; font-size: 10pt; line-height: 13pt; word-break:break-all}
div.contactUs div.cuName { white-space: nowrap; padding-top: 5px; }
div.contactUs address { font-style: normal; }
div.contactUs address span.block { display: block; }
div.contactUs ul.cuPhoneNumbers { margin-top: 1em; list-style-type: none }
div.contactUs ul.cuPhoneNumbers li { display: inline }
div.contactUs ul.cuPhoneNumbers li.cuPhone {}
div.contactUs ul.cuPhoneNumbers li.cuSeparator {}
div.contactUs ul.cuPhoneNumbers li.cuFax {}
div.contactUs ul.cuLinks { list-style-type: none }
div.contactUs ul.cuLinks li { display: inline; }
div.contactUs ul.cuLinks li.contactUsLink {}
div.contactUs ul.cuLinks li.separator {}
div.contactUs ul.cuLinks li.directionsLink {}
div.contactUs ul.cuLinks li a { font-weight: normal; }
div.contactUs ul.cuLinks li a:hover {}
div.contactUs ul.cuLinks li a:active {}
div.contactUs ul.cuLinks li a:visited {}
#footer div.contactUs { text-align: center; margin-top: 15px; }
.contact-page-form { margin-top: 1em; display: inline-block; margin-right: 2em; margin-right: 2em;}
.contact-page-form label { min-width: 6em; display: inline-block; margin-top: .4em; vertical-align: top; text-align: left; }
.contact-page-form input,
.contact-page-form textarea { min-width: 300px; display: inline-block; }
.contact-page-form-row { margin-bottom: 5px; }
.contact-page-info { display: inline-block; min-width: 250px; vertical-align: top; margin-top: 1em; }
.contact-page-form input#ctl00_CPCenter_btnSubmit { margin-left: 5em !important; }
@media only screen and (max-width: 480px) {
.contact-page-form label { min-width: 300px; margin-bottom: .25em; }
.contact-page-form {margin-right : 0em; margin-left: 0em;}
.contact-page-form input#ctl00_CPCenter_btnSubmit { margin-left: 0 !important; }
}
/* about us */
div.aboutUs { }
div.aboutUsPage #title { text-align: center; padding-bottom: 10px; margin-bottom: 10px; border-bottom: dotted 1px #888; }
div.aboutUsPage .photogPict img { padding-right: 10px; }
div.aboutUsPage .contactDiv { position: relative; }
div.aboutUsPage #message { display: block; text-align: left; padding-bottom: 10px; margin-top: 10px; border-top: dotted 1px #888; }
div.aboutUsPage div.contactUs { text-align: left; }
div.aboutUsPage div.contactUs h2 { margin-bottom: 4px; }
div.aboutUsPage div.contactUs div.cuName { border: 0; padding-top: 0px; }
div.aboutUsPage div.contactUs span { display: inline; }
div.aboutUsPage div.cuPhoneNumbers { margin: 0; }
div.aboutUsPage div.cuPhoneNumbers div { display: inline; }
div.aboutUsPage div.cuLinks { position: absolute; top: 0; right: 0; margin: 0; padding: 0; border: 0; }
div.aboutUsPage div.PanelLinks { display: inline; }
div.aboutUsPage div.PanelLinks div { display: inline; }
div.aboutUsPage div.aboutUs { border-bottom: dotted 1px #888; padding-bottom: 5px; margin-bottom: 5px; margin-top: 10px; font-weight: bold; }
div.aboutUsPage div.specializationDiv { text-align: left; margin-top: 10px; float: right; width: 50%; }
div.aboutUsPage div.specializationDiv span { display: block; border-bottom: dotted 1px #888; padding-bottom: 5px; margin-bottom: 5px; margin-top: 10px; font-weight: bold; }
div.aboutUsPage div.clientDiv span { display: block; border-bottom: dotted 1px #888; padding-bottom: 5px; margin-bottom: 5px; margin-top: 25px; font-weight: bold; }
div.aboutUsPage div.associationDiv { text-align: left; margin-top: 10px; float: left; width: 50%; }
div.aboutUsPage div.associationDiv span { display: block; border-bottom: dotted 1px #888; padding-bottom: 5px; margin-bottom: 5px; margin-top: 10px; font-weight: bold; }
div.aboutUsPage div.associationDiv a img { border: 1px solid transparent; padding: 2px }
/* actions menu */
div.actionsMenu { font-size: 10pt; height: 24px; line-height: 24px; margin-bottom: 4px; text-align: left; }
div.actionsMenu a { font-size: inherit; font-weight: normal; text-transform: lowercase; }
div.actionsMenu div.sitePath { float: left; text-transform: lowercase; list-style-type: none; line-height:1.1em; }
div.actionsMenu ul li .thumbgrid-photocount:before { content: "("; }
div.actionsMenu ul li .thumbgrid-photocount:after { content: ")"; }
div.actionsMenu ul li .thumbgrid-selectedcount:before { content: "("; }
div.actionsMenu ul li .thumbgrid-selectedcount:after { content: ")"; }
div.actionsMenuPhotoGroups { margin: 0; clear:none; line-height: 150%; }
/* gift header control */
div.actionsMenu ul.amView { display: inline-block; padding-left: 0px; margin: 0; text-transform: lowercase; list-style-type: none; }
div.actionsMenu ul.amView li { display: inline; border-left: 1px solid #808080; padding-left: 10px; }
div.actionsMenu ul.amView li:first-child { border-left-style: none; padding-left: 0; padding-right: 5px; }
div.actionsMenu ul.amView li.selected { background-repeat: no-repeat; padding-left: 20px; }
div.actionsMenu ul.amView li .thumbgrid-photocount { }
div.actionsMenu ul.amView li .thumbgrid-photocount:before { content: "("; }
div.actionsMenu ul.amView li .thumbgrid-photocount:after { content: ")"; }
div.actionsMenu ul.amView li .thumbgrid-selectedcount { }
div.actionsMenu ul.amView li .thumbgrid-selectedcount:before { content: "("; }
div.actionsMenu ul.amView li .thumbgrid-selectedcount:after { content: ")"; }
div.actionsMenu ul.amSelect { display: inline-block; padding-left: 20px; margin: 0; text-transform: lowercase; list-style-type: none; }
div.actionsMenu ul.amSelect li { display: inline; border-left: 1px solid #808080; padding-left: 10px; }
div.actionsMenu ul.amSelect li:first-child { border-left-style: none; padding-left: 0; padding-right: 6px; }
div.actionsMenu ul.amActions { float: right; display: inline-block; padding-right: 0px; margin: 0; text-transform: lowercase; list-style-type: none; }
div.actionsMenu ul.amActions li { display: inline; list-style-type: none; padding-left: 10px; margin-left: 8px; border-left: 1px solid #808080; }
div.actionsMenu ul.amActions li:first-child { border-left: none; padding-left: 0; padding-right: 0px; }
div.actionsMenu ul.amActions li.order { background-repeat: no-repeat; padding-right: 25px; }
div.actionsMenu ul.amActions li.next { background-repeat: no-repeat; padding-right: 25px !important; }
div.actionsMenu ul.amActions li a { font-weight: normal; text-decoration: none; }
div.actionsMenu ul.amActions li a:visited { font-weight: normal; text-decoration: none; }
div.actionsMenu ul.amActions li a:hover { font-weight: normal; text-decoration: underline; }
div.actionsMenu ul.amActions li a:active { text-decoration: none; font-weight: normal; }
div.actionsMenu ul.amSearch { display: inline-block; padding-left: 20px; margin: 0; text-transform: lowercase; list-style-type: none; }
/* gift header control */
div.actionsMenu ul.left { float: left; padding-right: 10px; margin: 0; text-transform: lowercase; list-style-type: none; }
div.actionsMenu ul.left li { display: inline; border-left: 1px solid #808080; padding-left: 10px; padding-right: 5px; }
div.actionsMenu ul.left li:first-child { border-left-style: none; padding-left: 0; padding-right: 5px; }
div.actionsMenu ul.left li.selected { background-repeat: no-repeat; padding-left: 20px; }
div.actionsMenu ul.center { width: 200px; margin-left: auto; margin-right: auto; }
div.actionsMenu ul.right { float: right; padding-right: 5px; margin: 0; text-transform: lowercase; list-style-type: none; }
div.actionsMenu ul.right li { display: inline; list-style-type: none; padding-left: 10px; margin-left: 7px; border-left: 1px solid #808080; }
div.actionsMenu ul.right li:first-child { border-left: none; padding-left: 0; padding-right: 0px; }
div.actionsMenu ul.right li a { text-decoration: none; font-weight: normal; }
div.actionsMenu ul.right li a:visited { text-decoration: none; font-weight: normal; }
div.actionsMenu ul.right li a:hover { text-decoration: underline; font-weight: normal; }
div.actionsMenu ul.right li a:active { text-decoration: none; font-weight: normal; }
/* thumbpage.aspx */
div.notificationPopup div.promotions div { text-align: center; font-size: 1.2em; }
div.notificationPopup div.promotions div:first-child { font-weight: bold; text-align: center; margin-bottom: 1em; font-size: 2em; line-height: 1.2em }
div.notificationPopup div.lastDayToOrder { margin-top: 1em; }
div.notificationPopup div.lastDayToOrder div { text-align: center; font-size: 1.2em; margin-bottom: 10px; }
div.notificationPopup div.lastDayToOrder div:first-child { font-weight: bold; text-align: center; margin-bottom: 1em; font-size: 2em; line-height: 1.2em }
div.notificationPopup div.notificationTitle { text-transform: lowercase; line-height: 25px; text-align: left; }
div.notificationPopup a.close { float: right; text-decoration: none; text-transform: lowercase; font-weight: normal; line-height: 25px; margin: 0; background-image: url(/store/images/closeX.gif); background-repeat: no-repeat; padding-right: 25px; background-position: 100% 0;}
div.notificationPopup a.close:hover { text-decoration: underline; }
div.notificationPopup ul { margin-bottom: 0 }
div.thumbpage div.pages { float: left; }
div.thumbpage #DivPreviousNext { position: static; float: right; padding: 0 0 0 20px; }
table.thumb-table-wrapper { clear: both; margin: auto; width: 100%; padding:0 20px 0 20px }
/* portfolio */
#portfolionav { margin-top: 5px; white-space: nowrap; margin-bottom:10px;}
#portfolionav li { padding-right: 20px; display: inline-block; list-style-type: none; border: solid 1px; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; margin-left: 5px; margin-right: 5px; min-width:90px;}
#portfolionav li a { text-decoration: none; }
#portfolionav li a:visited { text-decoration: none; }
#portfolionav li a:hover { text-decoration: underline; }
#portfolionav li a:active { text-decoration: none; }
/* others */
div.pagerContainer { border: none; height: 38px; }
a.pager { margin: 2px; padding: 3px 6px; cursor: pointer; display: block; text-decoration: none; font-size: 0.85em; float: left; border: 1px solid #808080; }
a.pager:hover { text-decoration: none; }
div.pager, span.pager { padding: 3px 6px; margin-top: 2px; font-size: 0.85em; float: left; border: 1px solid #808080; }
div.pagercurrent { background-color: #888; }
div.hr { border-bottom: 1px dotted #ccc; margin-bottom: 1em; height: 1px }
table.thumbTable { padding-bottom: 10px; }
.thumbTable td { padding: 0; }
.thumbTable div.checkbox { position: relative; }
.thumbTable div.checkbox a { display: block; margin-top: 2px; margin-bottom: 10px; width: 20px; height: 20px; background-repeat: no-repeat; background-position: 0 0; margin-left: auto; margin-right: auto; }
.thumbTable div.checkbox a.unselected { }
.thumbTable div.checkbox a.unselected:hover { }
.thumbTable div.checkbox a.selected { }
.thumbTable div.checkbox a.selected:hover { }
.information { color: #808080; font-size: 2em; text-align: center; height: 50px; line-height: 50px; }
.thumbgrid { padding: 2px; }
.thumbgrid:hover { padding: 2px; }
.dropDownMenu { background-color: #888888; color: #000000; }
.dropDownMenu div.active { background-color: #FFFFFF; color: #888888; }
.containerThumb { width: 95%; margin: auto; }
/* block ui */
div.blockMsg { cursor: default; padding: 8px; margin: 0; border: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px 10px 10px 10px; }
div.blockPage { top: 25%; }
div.blockElement { }
div.blockOverlay { background-color: #000; opacity: .5; -moz-opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); }
/* Slideshow.ascx */
#DivSlideshowNavigationLeft { float: left; }
#DivSlideshowFavorites { display: inline-block; vertical-align:middle; margin-right: 4px; font-size: 36px; background-position: left top; background-repeat: no-repeat; width: 25px; height: 25px; cursor: pointer; }
#DivSlideshowFavorites.unselected { }
#DivSlideshowFavorites.unselected:hover { }
#DivSlideshowFavorites.selected { }
#DivSlideshowFavorites.selected:hover { }
#DivSlideshowPager { display: inline-block; vertical-align:middle; padding: 0; }
#DivSlideshowNavigationRight { float: right; }
#DivPreviousNext { display: inline-block; vertical-align:middle; margin-right: 10px; }
#DivSlideshowPlay { display: inline-block; vertical-align:middle; margin-right: 4px; font-size: 36px; background-position: left top; background-repeat: no-repeat; width: 25px; height: 25px; cursor: pointer; }
#DivSlideshowPlay.playing { }
#DivSlideshowPlay.playing:hover { }
#DivSlideshowPlay.paused { }
#DivSlideshowPlay.paused:hover { }
/* event summary */
#DivEventSummary { position: relative; clear: both; padding-bottom: 10px; line-height: 1.5em; overflow: hidden; text-align: left; }
#DivEventSummary div.eventInfo { float: left; font-size: 12pt; font-weight: bold; }
#DivEventSummary div.eventInfo a { font-size: inherit; font-weight: inherit; }
#DivEventSummary span.eventInfoDate { font-size: smaller; font-weight: bold; font-size: 10pt; font-weight: normal;}
#DivEventSummary span.eventInfoDetails { font-size: smaller; font-weight: bold; font-size: 10pt; font-weight: normal;}
#DivEventSummary div.photoCount { position: absolute; top: 0; right: 5px; }
#DivEventSummary div.eventInfo2 { position: absolute; top: 0; right: 5px; }
#DivEventSummary div.eventInfo2 span { font-size: larger; font-weight: bold; white-space: nowrap; }
/* mini cart */
div.minicart { height: auto; }
div.minicart div.itemAdded { margin-top: .5em; font-weight: bold; }
/* package */
div.colorOptionsLine { border-bottom: 1px dotted #cccccc; }
div.colorOptions { font-weight: normal; padding-top: 5px; padding-bottom: 10px; text-align: left; }
div.colorOptionsTitle { padding-bottom: 5px; }
/* Order List - MyAcocunt */
#DivOrderList { border: solid 1px #000; padding-bottom: 8px; width:100%; }
#DivOrderList th {background-color: #000; color: #fff; height: 1.4em; text-align: center; }
#DivOrderList td { text-align: center; }
/* photo group list */
div.photoGroupContainer { text-align: right; }
div.photoGroupList { margin-bottom: 10px; border-bottom: dotted 1px #cccccc; padding-bottom: 12px; text-align: right }
div.photoGroupList label { font-size: 10pt; font-weight: normal; float: left; margin-left: 5px; margin-top: 2px; }
div.photoGroupList select { width: 280px; font-family: Verdana, Arial, Helvetica, sans-serif; }
/* Marketplace category/product sidebar controls */
table.marketPlace { background-color: #fff; text-align: center; font-size: 10pt; line-height: 18px; padding-bottom: 10px;}
table.marketPlace td { vertical-align: top; }
td.marketSidebar { vertical-align: top; text-align: left; display: block; white-space: nowrap; background-color: #F0F0F0; padding: 10px 0px 0px 10px; }
td.marketSidebar div.categoryList { }
td.marketSidebar div.categoryGroup { padding: 5px 5px 10px 5px; border: 0; margin-bottom: 7px; background-color: #000; }
td.marketSidebar div.category { background-color: #000; padding: 3px 5px 3px 5px; margin-bottom: 5px; font-size: 11pt; }
td.marketSidebar div.category a { font-weight: normal; color: #fff; }
td.marketSidebar div.category a:link { text-decoration: none; font-weight: bold; color: #fff;}
td.marketSidebar div.category a:visited { text-decoration: none; font-weight: bold; }
td.marketSidebar div.category a:hover { font-weight: bold; color: #fff; text-decoration: underline; }
td.marketSidebar div.category a:active { font-weight: bold; color: #fff; }
td.marketSidebar div.product { text-indent: 0px; padding: 0px 5px 0 5px; }
td.marketSidebar div.product a { text-decoration: none; font-weight: normal; color: #fff; }
td.marketSidebar div.product a:visited { text-decoration: none; font-weight: normal; color: #fff; }
td.marketSidebar div.product a:active { text-decoration: none; font-weight: normal; color: #fff; }
td.marketSidebar div.product a:hover { text-decoration: underline; font-weight: normal; color: #fff; }
/* Marketplace category/product promotional image controls */
table.marketPromoTable { width: 710px; background-color: #fff; }
table.marketPromoTable div.promoList { margin: 10px 20px 0 20px; }
div.promoProduct { background-color: White; margin: 5px; text-align: left; border: solid 1px; }
div.promoProduct a {}
div.promoProduct a:visited {}
div.promoProduct a:hover {}
div.promoProduct a:active {}
div.promoProduct div.promoImage { float: left; }
div.promoProduct div.promoName { clear: left; color: Green; font-size: 10.5pt; line-height: 16px; padding-right: 5px; }
div.promoProduct div.promoContent { color: Black; font-size: 8pt; margin: 3px; font-family: verdana, Helvetica, Sans-Serif; line-height:16px; }
div.promoProduct div.promoPrice { color: Black; font-size: 9pt; }
div.promoProduct div.promoLink { float: right; }
div.keyProduct { width: 100%; height: 220px; width:670px; position: relative; }
div.keyProduct div.promoHeader { height: 25px; font-size: 2em; font-weight: bold; padding-left: 20px; color: Orange; }
div.keyProduct div.promoImage { position: absolute; left: 40px; bottom: 10px; }
div.keyProduct div.promoName { position: absolute; top: 5px; font-size: 20px; margin-left: 40%; color: Orange; }
div.keyProduct div.promoText { position: absolute; top: 35px; color: Red; margin-left: 40%; padding-top: 10px; padding-bottom: 10px; }
div.keyProduct div.promoLink { color: white; font-size: 12px; position: absolute; border: solid 1px #3D7A05; padding-top: 2px; padding-bottom: 2px; padding-left: 7px; padding-right: 7px; background-color: #67A92D; right: 10px; bottom: 10px; }
div.keyProduct div.promoContent { position: absolute; top: 35px; color: White; font-size: 12px; margin-left: 40%; width: 400px; }
div.keyProduct div.promoPrice { position: absolute; bottom: 10px; color: White; font-size: 18px; margin-left: 40%; width: 300px; font-weight: bold; }
div.leftProduct { width:313px; float: left; padding: 5px; position: relative; height: 165px; }
div.leftProduct div.promoContent { position: absolute; top: 35px; left: 160px; }
div.leftProduct div.promoLink { color: white; font-size: 12px; position: absolute; border: solid 1px #3D7A05; padding-top: 2px; padding-bottom: 2px; padding-left: 7px; padding-right: 7px; background: #67A92D; position: absolute; bottom: 10px; left: 160px; width:110px; text-align:center;}
div.leftProduct div.promoName { position: absolute; top: 5px; left: 163px; }
div.leftProduct div.promoPrice { position: absolute; bottom: 5px; left: 20px; }
div.rightProduct { width:313px; float: right; padding: 5px; position: relative; height: 165px; }
div.rightProduct div.promoContent { position: absolute; top: 35px; left: 160px; }
div.rightProduct div.promoLink { color: white; font-size: 12px; position: absolute; border: solid 1px #3D7A05; padding-top: 2px; padding-bottom: 2px; padding-left: 7px; padding-right: 7px; background: #67A92D; position: absolute; bottom: 10px; left: 160px; width:110px; text-align:center;}
div.rightProduct div.promoName { position: absolute; top: 5px; left: 163px; }
div.rightProduct div.promoPrice { position: absolute; bottom: 5px; left: 20px; }
div.centerProduct { width:313px; clear: both; float: none; padding: 5px; position: relative; height: 165px; margin-left: auto; margin-right: auto; }
div.centerProduct div.promoContent { position: absolute; top: 35px; left: 160px; }
div.centerProduct div.promoLink { color: white; font-size: 12px; position: absolute; border: solid 1px #3D7A05; padding-top: 2px; padding-bottom: 2px; padding-left: 7px; padding-right: 7px; background: #67A92D; position: absolute; bottom: 10px; left: 160px; width:110px; text-align:center;}
div.centerProduct div.promoName { position: absolute; top: 5px; left: 163px; }
div.centerProduct div.promoPrice { position: absolute; bottom: 5px; left: 20px; }
/* Order List - MyAcocunt */
#DivOrderList { border: solid 1px #3D7A05; padding-bottom: 8px; width:100%; }
#DivOrderList th {background-color: #3D7A05; color: #fff; height: 1.4em; text-align: center; }
#DivOrderList td { text-align: center; }
#orderList { border: solid 1px #3D7A05; }
/* PhotoGroup.ascs */
#DivPhotoGroupItem div.photoGroupImage { width: 145px; height: 135px; text-align: center; position: relative; }
#DivPhotoGroupItem div.photoGroupImage img.thumbgrid { position: absolute; left:0; right: 0; bottom: 4px; margin: auto; *position: static; }
#DivPhotoGroupItem div.photoGroupImageText { width: 145px; text-align: center; padding-bottom: 10px; padding-top: 0; padding-right: 0; padding-left: 0; word-wrap: break-word; -ms-word-wrap: break-word; }
#DivPhotoGroupItem div.photoGroupBullet { float: left;}
#DivPhotoGroupItem div.photoGroupBulletText { margin: 0px 30px 0px 8px; width: 250px; word-wrap: break-word; -ms-word-wrap: break-word; }
#DivPhotoGroupItem { display: inline-block; padding: 0; margin: 4px 0; vertical-align: top; }
.photoGroupWrapperImg { text-align: center; }
.photoGroupWrapperTxt { text-align: center; }
.photoGroupWrapperTxt #DivPhotoGroupItem { text-align: left; }
/* PkgPhotoSelect */
div.PkgPhotoSelect div.pages { float: left; }
div.PkgPhotoSelect #DivPreviousNext { position: static; float: right; padding: 0 0 0 20px; }
div.PkgPhotoSelect div.actionsMenu li.instructions { font-weight: bold }
/* ThumbMarket */
div.thumbMarket {max-width:820px; text-align: left; margin: 0px 0px 10px 0px; padding: 10px; }
div.thumbMarketButtonDiv { max-width: 820px; margin: auto; }
div.thumbMarketAd { width: auto; margin: auto; padding: 10px; }
div.thumbMarket img, div.thumbMarketAd img, #img#ctl00_CPCenter_imgAd { max-width: 100% !important; height: auto !important; }
div.thumbMarketAdBanner { margin: auto; padding: 10px; max-width: 700px; }
#store-content table.MyAlbumList { text-align:left; margin: 0px !important; }
#store-content table.MyRecentPhotos { text-align:left; margin: 0px !important; }
/* AlbumSlideshow.aspx */
div#AlbumSlideshow { text-align: center; width: 620px }
div#AlbumSlideshow div#slideshowContainer { text-align: center; margin-top: 1em; width: 600px; margin-left: auto; margin-right: auto }
div#AlbumSlideshow div.slideshowControls { position: relative; width: 600px; height: 25px; margin-top: 10px }
div#AlbumSlideshow div.slideshowControls a { cursor: pointer }
div#AlbumSlideshow div.slideshowControls a.previous { position: absolute; top: 3.5px; left: 257.5px; display: block; width: 21px; height: 21px }
div#AlbumSlideshow div.slideshowControls a.previous:hover {}
div#AlbumSlideshow div.slideshowControls a.play { position: absolute; top: 0; left: 287.5px; display: block; width: 25px; height: 25px }
div#AlbumSlideshow div.slideshowControls a.play:hover { }
div#AlbumSlideshow div.slideshowControls a.pause { position: absolute; top: 0; left: 287.5px; display: block; width: 25px; height: 25px }
div#AlbumSlideshow div.slideshowControls a.pause:hover { }
div#AlbumSlideshow div.slideshowControls a.next { position: absolute; top: 3.5px; right: 257.5px; display: block; width: 21px; height: 21px }
div#AlbumSlideshow div.slideshowControls a.next:hover {}
/* StorePortfolio_1.aspx */
div#StorePortfolio_1 {}
div#StorePortfolio_1 div.playControls { position: relative; width: 600px; height: 25px }
div#StorePortfolio_1 div.playControls a { position: absolute; display: block; cursor: pointer }
div#StorePortfolio_1 div.playControls a.previous { top: 2px; left: 257.5px; width: 21px; height: 21px }
div#StorePortfolio_1 div.playControls a.previous:hover {}
div#StorePortfolio_1 div.playControls a.play { top: 0; left: 287.5px; width: 25px; height: 25px }
div#StorePortfolio_1 div.playControls a.play:hover {}
div#StorePortfolio_1 div.playControls a.pause { top: 0; left: 287.5px; width: 25px; height: 25px }
div#StorePortfolio_1 div.playControls a.pause:hover {}
div#StorePortfolio_1 div.playControls a.next { top: 2px; right: 257.5px; width: 21px; height: 21px }
div#StorePortfolio_1 div.playControls a.next:hover {}
/* ViewAlbum.aspx */
div.ViewAlbum div.pages { float: left }
div.ViewAlbum #DivPreviousNext { position: static; float: right; margin-left: 40px }
div.AlbumOrderGrid div.ThumbGrid table { margin-left: auto; margin-right: auto }
/* FindYourPhotos.ascx */
div.findYourPhotos input.fypDate { background: #fff url(/store/Images/calendar.png) no-repeat right center; border:solid 1px #7f9db9; height:18px; }
/* Borders.aspx */
div.BordersPage div.actionsMenu li.instructions { font-weight: bold }
/* end globals */
/* begin old globals */
.bold { font-weight: bold; }
.block { display: block; }
.left { text-align: left; }
.center { text-align: center; }
.centered { text-align: center; margin-left:auto; margin-right:auto; }
.error { color: #ff0000; }
.hidden { display: none; }
.inline { display: inline; }
.italic { font-style: italic; }
.nowrap { white-space: nowrap; }
.marginAuto { margin: auto; }
.marginLeft { margin-left: auto; }
.textbox { vertical-align: middle; color: #000; }
.textboxsm { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.inline-break { margin-bottom: 1em; display:inline-block; }
.relative { position:relative; }
.pad { padding: 1em; }
.pad-left { padding-left: 1em; } .pad-right { padding-right:1em; }
.pad-top { padding-top: 1em; } .pad-bottom { padding-bottom: 1em; }
.dbl-pad { padding: 2em; }
.dbl-pad-left { padding-left: 2em; } .dbl-pad-right { padding-right: 2em; }
.dbl-pad-top { padding-top: 2em; } .dbl-pad-bottom { padding-bottom: 2em; }
/*PageNav.cs Control */
/* set colors in default */
.cheader { font-size: 20px; }
/* Company Name header set in early storefronts, including General.master */
.largeText { font-size: 1.2em; font-weight: bold; }
/*inline headings */
.columnheader { font-size: 120%; font-weight: bold; padding: 10px; white-space: nowrap; line-height:normal;}
.bordercolor { border-style: solid; border-width: 1px; }
.ordertable { border-style: none; border-bottom: solid 1px; padding: 10px ; }
.searchtable { border: 2px solid; margin: 5px; padding: 5px 5px 5px 10px }
.searchtable a { font-size: 1.1em; }
a { text-decoration: none; font-weight: bold; }
a:visited { text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; font-weight: bold; }
a:active { text-decoration: none; font-weight: bold; }
input.btn { font-size: 1em; font-weight: bold; border-style: solid; border-width: 1px; padding: 0px 5px 0px 5px; cursor: pointer; }
input.btn_generic { padding: 1px 10px 1px 10px; cursor: pointer; font-size: 9pt; font-weight:normal; font-family:inherit; margin-left: 3px; margin-right: 3px; }
input.disabled_text { border: 1px solid #b7a6b2; background-color: #d6d5d9; color: #b7a6b2; }
.help { width: 750px; font-size: .98em; text-align: left; }
.copyright { font-size: .9em; }
/* Package accordion styles */
.pkgacc { }
.pkgacc a:hover { }
.pkgacc a { }
.pkgaccheader { padding-bottom:5px; }
.pkgaccheader a
{
cursor:pointer;
display:block;
padding:5px;
margin: 0 0 0px;
font-weight: normal;
font-size: 11pt;
border: 1px solid #ccc;
text-align: left;
font-weight: normal;
text-decoration: none;
}
.pkgaccheader a:hover { font-weight: normal; text-decoration: none;}
.pkgaccheader a:visited { text-decoration: none; font-weight: normal; }
.pkgaccheader a:active { text-decoration: none; font-weight: normal; }
.pkgaccitem { color: #000; font-weight: normal; font-size: 10pt; padding-top: 5px; word-break: break-all; }
.pkgacccost { color: #000; font-weight: normal; font-size: 10pt;}
.pkgaccdetails { display: None; color: #000; font-size: 9pt; line-height: 1.4em; font-weight: normal; padding:0px 15px 10px; }
.pkgDetailsHdr { font-weight: bold; display: block; word-break: break-all; }
.pkgaccdiv { padding: 5px; text-align: left; margin-bottom: 10px;}
.pkgaccdetails br { line-height: 0.5em; }
.pkgaccdetailsbtn { font-size: 9.5pt; padding-left: 10px; }
.pkgaccinfo { font-weight: normal; }
.pkgaccinfomark { font-family: Calibri, Tahoma, Arial; font-size: larger; font-weight: bolder; cursor:help; padding: 0 4px 2px 4px; }
.pkgaccinfobtn { display: none; font-size: 20px !important; vertical-align: middle; cursor: pointer; }
/* flex tips */
#flextip { margin-right: 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
a#flextip { }
a#flextip:visited { }
a#flextip:hover { text-decoration: underline; }
a#flextip:active { text-decoration: underline; }
.flextip { background-color: #fff; color: #000; padding: 10px; z-index: 9999; border: solid 1px #ccc; }
.pkgInfoTip
{
background-color: #ffffff;
color: #000000;
border: 2px solid #aaaaaa;
}
/* flex dropdown */
#flexdropdown { margin-right: 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
a#flexdropdown { }
a#flexdropdown:visited { }
a#flexdropdown:hover { text-decoration: underline; }
a#flexdropdown:active { text-decoration: underline; }
.flexdropdown { background-color: #fff; color: #000; z-index: 9999; }
/* -----------STOREFRONT-----------------*/
a.menu { font-size: 1.1em; text-decoration: none; font-weight: bold; }
a.menu:visited { font-size: 1.1em; text-decoration: none; font-weight: bold; }
a.menu:hover { font-size: 1.1em; text-decoration: underline; font-weight: bold; }
a.menu:active { font-size: 1.1em; text-decoration: none; font-weight: bold; }
a.footer { text-decoration: none; }
a.footer:visited { text-decoration: none; }
a.footer:hover { text-decoration: underline; }
a.footer:active { text-decoration: none; }
/* ------------------CS AND JS PAGES------------------ */
.checkout1_wrapper { margin: 20px auto 0 auto; }
.checkout1_block { display: inline-block; }
.checkout1_separator { display: inline-block; margin: 0 15px; }
.checkout2_block { display: inline-block; width: 290px; }
.checkout2_separator { display: inline-block; margin: 5px 10px; }
.payment_block { display: inline-block; }
.payment_separator { display: inline-block; margin: 10px 25px; }
/* cart.cs */
.cartpkgimg { padding: 0; text-align: center; vertical-align: middle; }
.cartimg { width: 70px; }
.cartdesc { }
.cartimgcell { width: 50px; padding: 0; margin: 0; text-align: center; display: inline-block; }
.carttxtcell { width: 94px; padding: 0px 0px 0px 4px; margin: 0; font-size: 90%; display: inline-block; vertical-align: middle; }
/*.carteditlink { float: right; margin-right:25px;}*/
.carttxtcell .carteditlink { float:none; }
.cartsubeditlink {}
.cartlbprice { display: none; }
.cartlbqty { display: none; }
.cart_container { width: 100%; text-align: left; }
.cart_header { }
.cart_footer { text-align: right; }
.cart_item { }
.cart_product { display: inline-block; vertical-align: middle; width: 70%; text-align: left; padding: 0; }
.cart_info { display: inline-block; vertical-align: middle; width: 30%; text-align: left; padding: 0; }
.cart_price { display: inline-block; vertical-align: middle; width: 33%; text-align: center; padding: 0; }
.cart_quantity { display: inline-block; vertical-align: middle; width: 33%; text-align: center; padding: 0; }
.cart_subtotal { display: inline-block; vertical-align: middle; width: 33%; text-align: right; padding: 0; }
.cart_detail { width: 87%; margin-left: 13%;}
.cart_photo { margin: 5px 10px 0px 0px; display: inline-block; }
.cart_labels { display: inline-block; vertical-align: middle; margin-right: 20px; }
.cart_values { display: inline-block; vertical-align: middle; }
.cart_order { width: 100%; text-align: left; padding-top: 1em;}
.cart_status { width: 36%; display:inline-block; }
.cart_shipping { width: 31%; display:inline-block; border-left: solid 1px; }
.cart_billing { width: 31%; display:inline-block; border-left: solid 1px; }
.cart_shipping div { padding-left: 10px; }
.cart_billing div { padding-left: 10px; }
.CartReviewGiftCertLeft { float: left; padding: 10px; max-width: 450px; margin: auto; }
.CartReviewGiftCertRight { float: right; padding: 10px; max-width: 350px; margin: auto; }
.CartReviewCreditCardContainer { text-align: center; padding-top: 20px;}
/* cartpreviewhover.js - popup photos */
.imagepopupdiv { position: absolute; padding: 5px; background-color: #FFFFFF; color: #000000; border: 1px solid #888; z-index: 1000; }
/*PageNav.cs */
.pagelinkcur { font-size: 1.1em; font-weight: bold; }
.pagenav { clear: left; font-size: 0.85em; padding-bottom: 2px; padding-top: 2px; margin-bottom: 2px; margin-top: 2px; }
.pagenav a, .pagenav span { padding: 0.2em 0.4em; margin-right: 0.2em; margin-left: 0.2em; text-decoration: none; }
.pagenav a:visited { text-decoration: none; }
.pagenav a:hover { text-decoration: none; font-weight: bold; }
.pagenav a:active { text-decoration: none; }
.pagenav span.cur { font-weight: bold; font-size: 1.3em; }
.pagenav span.disable { font-weight: normal; }
.pagenav a { border-style: solid; border-width: 1px; text-decoration: none; font-weight: bold; cursor: pointer }
/* PackagePreview.cs */
.pkgdiscountheader { font-weight: bold; font-size: 1.1em; text-align: center; border-right: solid 1px; }
.pkgdiscountcost { text-align: center; border-right: solid 1px; border-bottom: solid 1px; }
.pkgdiscounttable { margin: 4px; text-align: center; border: solid 1px; }
/* Pkg Photo Select - popups */
.popupContentDiv { background-color: #fff; text-align: center }
.popupContentTitle { font-size: 1.3em; font-weight: bold; color: #000; }
.popupContentImg { border: solid 1px #aaa; padding: 1px }
.popupContentImg:hover { border-color: #000; }
#popupTable tr td { padding-top: 10px }
#popupTable tr:first-child td { padding-top: 0 }
.help_white { display: none; background-color: #fff; color: #000; margin: 0; }
.help_white a { margin-top: 1em; display: inline-block; color: #000; }
.help_white a:visited { color: #000; }
.help_white a:hover { color: #333; }
.help_white a:active { color: #000; }
.help_white input { width: 6em; }
.help_gray { display: none; background-color: #ccc; color: #000; }
.help_gray a:hover { color: #333; }
.help_gray a:active { color: #333; }
.help_gray a:visited { color: #000; }
.help_gray input { background-color: #fff; border: 1px solid #000; font-size: .8em; font-weight: bold; }
.help_black { display: none; background-color: #000; color: #fff; color: #fff; }
.help_black a:visited { color: #fff; }
.help_black a:hover { color: #ccc; }
.help_black a:active { color: #fff; }
.help_black input { background-color: #fff; border: 1px solid #000; font-size: .8em; font-weight: bold; }
.help_wide { width: 100%; }
.helpContainer { padding: 20px; text-align: left }
.help_650 { width: 650px; }
div.blockPage .helpClose { position: absolute; top: 15px; right: 20px; line-height: 22px; margin: 0; background-image: url(/store/images/closeX.gif); background-repeat: no-repeat; padding-right: 25px; background-position: 100% 0; }
div.blockPage .helpContainer { padding: 10px 20px 50px 20px; }
div.blockPage div.helpCrumb { padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: solid 1px #aaa; }
div.blockPage div.helpCrumb a { padding: 0; margin: 0; }
#help_logo { width: 32px; height: 32px; background-repeat: no-repeat; }
.help_white #help_logo { background-image: url(/store/images/help_white.gif); }
.help_black #help_logo { background-image: url(/store/images/help_black.gif); }
.help_gray #help_logo { background-image: url(/store/images/help_gray.gif); }
/* Login Control Text Box Size!!! DO NOT CHANGE !!! */
.LoginTextBoxEmail { width: 300px; }
.thumb { border: solid 0px; margin-bottom: 5px; }
.thumbGrid { margin-top: 1em; height: 25px; border-style: none; margin: 2px; padding-top: 4px; }
.thumbGridSelected { border: solid 1px #FF9900; }
table.tableCellPadding { }
table.tableCellPadding td { padding-top: 2px; padding-bottom: 2px; }
table.tableCellPadding td.leftCell { padding-right: .5em; white-space: nowrap; text-align: right;}
table.tableCellPadding td.rightCell { padding-left: .5em; text-align: left;}
.storePortfolio { text-align: center; margin: auto; }
.portfolioJtxt { padding-bottom: 20px; }
.packageitemdiv {vertical-align: top; text-align: left; float: left;}
/* 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 #ffffff; }
.multiPhotoSelectedTxtSelected { color: #FFFFFF; }
.multiPhotoSelectedOptions:hover { color: #FFFFFF; }
.thumbGridSelected { border: solid 1px #FFFFFF; }
.multiPhotoOptionsMenu { font-size:10pt; color: #444; border: solid 1px #444; }
.multiPhotoOptionsMenuHeader { border-bottom:dotted 1px #aaa; padding:5px; background-color: #eee; margin:0px 2px; }
.multiPhotoOptionsMenuItem { padding:5px 10px; }
.multiPhotoOptionsMenuItem a:link { color: #444; }
.multiPhotoOptionsMenuItem:hover { background-color: #eee; cursor:pointer; }
/* unselected */
.multiPhotoBox { border: none; }
.multiPhotoBox:hover { }
.multiPhotoBox .thumbgrid { border: solid 1px #ccc; }
.multiPhotoBox .thumbgrid:hover { border-color: #444; }
.multiPhotoBox .multiPhotoSelectedTxt { margin: 0 2px 2px 2px; padding-bottom:0px; line-height:20px; }
.multiPhotoBox .divSelecetedCount { margin: 0 2px 2px 2px; padding-top:2px; }
.multiPhotoBox .multiPhotoSelectedCountTxt { line-height:20px;}
.multiPhotoBox .pkgAddLink { border: none; text-decoration:none; vertical-align:middle; line-height:22px; font-weight:bold; font-family:verdana, arial, sans; width:22px; }
.multiPhotoBox .pkgAddLink:hover { color: #444; cursor:pointer; line-height:20px; border: solid 1px #444; width:20px;}
/* selected */
.multiPhotoBoxSelected { border: solid 1px #444; }
.multiPhotoBoxSelected:hover { border-color: #ccc; }
.multiPhotoBoxSelected .thumbgrid { border:none; }
.multiPhotoBoxSelected .thumbgrid:hover { }
.multiPhotoBoxSelected .thumbGridSelected { }
.multiPhotoBoxSelected .multiPhotoSelectedTxt { background-color:#444; margin: 0 2px 2px 2px; color: #fff; vertical-align:middle; padding-bottom:2px; line-height:18px; }
.multiPhotoBoxSelected .divSelecetedCount { margin: 0 2px 2px 2px; color: #fff; background-color:#444; }
.multiPhotoBoxSelected .multiPhotoSelectedCountTxt { height:22px; line-height:21px }
.multiPhotoBoxSelected .multiPhotoSelectedCountTxt:hover { color: #444; background-color: #fff; height:20px; line-height:19px }
.multiPhotoBoxSelected .pkgAddLink { color: #fff; text-decoration:none; vertical-align:middle; height:22px; line-height:21px; font-weight:bold; font-family:verdana, arial, sans; border: none; width:22px;}
.multiPhotoBoxSelected .pkgAddLink:hover { color: #444; background-color: #fff; cursor:pointer; height:20px; border: solid 1px #444; width:20px;}
/* end old globals */
.noteImportant
{
font-weight: bold;
}
.note
{
font-size: 85%;
}
.modalPopup
{
display: none;
background-color: #ffffff;
margin: 0;
padding: 35px !important;
border: 3px solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.modalPopupTitle
{
color: #ffffff;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
background-color: #88AA00;
padding: 5px 8px;
border: none;
display: block;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.modalPopupContent
{
margin-top: 1em;
padding: 5px 20px 10px 20px;
text-align: left;
vertical-align:baseline;
}
.modalPopupContent td
{
vertical-align:middle;
}
.modalPopupContent select
{
margin-top: 5px;
margin-bottom: 5px;
min-width: 200px;
}
.modalPopupContent input
{
margin-top: 5px;
margin-bottom: 5px;
}
input.modalBtn
{
margin-top: 25px;
width: 6em;
}
#alertButtonOk
{
margin-top: 25px;
}
.aright { text-align: right; }
.aleft { text-align: left; }
.acenter { text-align: center; }
.ajustify { text-align: justify; }
.hidden { display: none; }
.ipu { display: none; } /* used for honeypot */
.fleft { float: left; }
.fright{ float: right; }
.clear { clear: both; }
.mauto { margin: auto; }
.mbottomMedium { margin-bottom: 1.5em;}
.mbottomSmall { margin-bottom: 0.5em; }
.mbottomLarge { margin-bottom: 2.5em; }
#FollowMe { margin-top: 10px; }
#FollowMe * { vertical-align: middle; }
#socialMediaWrap { float: right; }
.socialMediaRow { float: left; padding: 0 0 10px 15px; }
.socialMediaLink { }
.socialMediaIcon { }
.socialMediaLabel{ }
.socialMediaRow ol,
.socialMediaRow ul { margin: 0 0 0 0; }
.socialMediaLabel{ }
.LoginTextBoxPassword { width: 100%; max-width:250px }
.LoginTextBoxEmail { width: 100%; max-width: 250px; }
.login-preview-image { display:inline-block; vertical-align: middle; margin: 0 25px; }
.login-form-wrapper { display:inline-block; vertical-align: middle; }
#OrderPage #ProductDisplayContainer { display: inline-block; width: 600px; overflow: hidden; vertical-align: top; }
#OrderPage #ProductSelectionContainer { display: inline-block; width: 260px; overflow: hidden; margin-left: 40px; vertical-align: top;}
#MultiPhotoSelect #PackageSelectorContainer { display: block; width: 280px; overflow: hidden; vertical-align: top; float: right; }
#MultiPhotoSelect #ThumbSelectorGridContainer { display: block; width: auto; overflow: hidden; margin-right: 280px; vertical-align: top;}
#MultiPhotoSelect .thumbpage .addAllDiv { display: inline-block; float:none; }
#MultiPhotoSelect .thumbpage #divPager { display: inline-block; float:none; vertical-align: middle; margin: 0px 10px; }
.inputreg { box-sizing: border-box; }
.photoCaption
{
padding: 10px 0;
text-align: center;
vertical-align: middle;
}
ul.prSocialLinksUl
{
display: inline-block;
padding: 0;
}
.prSocialLinks
{
float: left;
font-size: 0.75em;
font-weight: bold;
line-height: 1.5em;
list-style-type: none;
padding: 0;
margin: 0;
}
.prSocialLinks a, .prSocialLinks a:visited
{
padding: 0 2px;
}
.emSocialLink
{
/*width: 76px;
height: 20px;
background: transparent url(/store/Images/SocialMedia/email.png) no-repeat 0px -7px;
cursor: pointer;*/
}
/*.emSocialLink:hover
{
background-position: 0px -49px;
}*/
.pnSocialLink
{
}
.twSocialLink
{
}
.gpSocialLink
{
}
.fbSocialLink
{
}
.prSocialLinkLabel
{
vertical-align:top;
line-height: 19px;
padding-right: 10px;
}
.sendPhotoInput
{
width:100%;
*width:273px;
}
#photocardform { margin-right: 20px; }
@media only screen and (max-width: 860px) { #photocardform { margin-right: 10px; margin-left: 10px; } }
#packageSelectDiv td { padding:2px 6px; }
.flexphoto
{
-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.5);
box-shadow: 0 5px 10px rgba(0,0,0,0.5);
}
.PhotoDisplay
{
width: 710px;
text-align: center;
height: 685px;
}
#slider{ position: relative; text-align: center; margin: 0 auto; }
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}
#slider li{
width:610px;
height:610px;
overflow:hidden;
}
#playPause, .playPause
{
margin: 0 auto;
background-image: url(/store/Images/nextprevsprites.png);
background-repeat: no-repeat;
width: 51px;
height: 55px;
cursor: pointer;
}
#playPause.playing, .playPause.playing
{
background-position: -172px -58px;
}
#playPause.playing:hover, .playPause,playing:hover
{
background-position: -172px 0px;
}
#playPause.paused, .playPause.paused
{
background-position: -226px -58px;
}
#playPause.paused:hover, .playPause.paused:hover
{
background-position: -226px 0px;
}
#nextTower, .nextTower
{
float: right;
width: 45px;
text-align: center;
height: 610px;
position: relative;
cursor: pointer;
}
#prevTower, .prevTower
{
float: left;
width: 45px;
text-align: center;
height: 610px;
position: relative;
cursor: pointer;
}
#nextArrow
{
background-image: url(/store/Images/nextprevsprites.png);
background-repeat: no-repeat;
background-position: -131px -58px;
width: 40px;
height: 55px;
position: relative;
display: block;
top: 260px;
}
#prevArrow
{
background-image: url(/store/Images/nextprevsprites.png);
background-repeat: no-repeat;
background-position: -75px -58px;
width: 40px;
height: 55px;
position: relative;
display: block;
top: 260px;
}
#nextArrow.hover
{
background-position: -131px 0px;
}
#prevArrow.hover
{
background-position: -75px 0px;
}
.next-arrow
{
display: inline-block;
background-image: url(/store/Images/nextprevsprites.png);
background-repeat: no-repeat;
background-position: -131px -58px;
width: 40px;
height: 56px;
cursor: pointer;
}
.next-arrow.hover
{
background-position: -131px 0px;
}
.prev-arrow
{
display: inline-block;
background-image: url(/store/Images/nextprevsprites.png);
background-repeat: no-repeat;
background-position: -75px -58px;
width: 40px;
height: 56px;
cursor: pointer;
}
.prev-arrow.hover
{
background-position: -75px 0px;
}
.PhotoDisplay ol
{
margin: 5px auto;
text-align: center;
}
.PhotoDisplay ol.ez-controls li
{
border: 1px solid;
display: inline;
margin: 0 3px;
}
.PhotoDisplay ol.ez-controls li.current
{
background-color: #888;
background-color: rgba(128,128,128, 0.1);
}
.PhotoDisplay ol.ez-controls li a
{
padding: 0 6px;
line-height: 1.5em;
}
.PhotoDisplay ol.ez-controls li a:hover
{
background-color: #444;
background-color: rgba(128,128,128,0.5);
}
.albumCopyLabel
{
font-size: 85%;
}
.SearchAgainPanel
{
margin-top: 20px;
}
/**** Event Calendar styles ****/
.EventCalendarView
{
margin: 0 auto;
text-align: center;
width: auto;
padding: 0;
}
.home-event-calendar .EventCalendarView
{
max-width: 1010px;
}
.EventCalendarView .btn
{
margin-top: 15px;
}
.wrpLblCalendarMonth
{
margin-bottom: 10px;
}
.lblCalendarMonth
{
font-size: 200%;
}
.evtCalendarRow
{
width: auto;
margin: 0 0 0 0;
padding: 0;
font-size: 0;
}
.evtCalendarCol
{
font-size: 14px;
width: 13.5%;
display: inline-block;
background-color: Transparent;
text-align: left;
padding: .25% .75% .75%;
margin: .25%;
box-sizing: border-box;
border-style: solid;
border-width:1px;
border-color: #888;
height: auto;
position: relative;
zoom: 1; *display: inline; /* ie inline block fix */
overflow: hidden;
}
.evtCalendarColDisabled
{
font-size: 14px;
display: none;
width: 13.5%;
display: inline-block;
background-color: Transparent;
border-color: #888;
text-align: left;
padding: .25% .75% .75%;
margin: .25%;
box-sizing: border-box;
border-style: solid;
border-width:1px;
height: auto;
position: relative;
zoom: 1; *display: inline; /*ie inline block fix */
overflow: hidden;
}
.evtCalendarDay
{
width: auto;
overflow: auto;
vertical-align: top;
position: absolute;
bottom: 0;
right: .25em;
left: .25em
}
.evtCalendarItem
{
background-color: #888;
padding: 3px;
margin-bottom: 4px;
font-size: 85%;
border-color: #999;
border-width: 2px;
border-style: solid;
border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
opacity: .7;
overflow: hidden;
}
.evtCalendarItem a,
.evtCalendarItemLink
{
display:block;
}
.evtCalendarItemHover { opacity: 1.0 }
.evtCalendarItemHover a, .evtCalendarItemHover a:visited { }
span.evtCalendarDayDate
{
color: #888;
font-size: 150%;
font-weight: normal;
opacity: .5;
padding-bottom: 120%;
display:inline-block;
}
.evtCalendarColDisabled span.evtCalendarDayDate
{
visibility:hidden;
}
/* day of week row */
.evtCalendarDays
{
width: auto;
margin: 0 0 0px 0;
padding: 0;
font-size: 0px;
}
/* day of week item */
.evtCalendarDayOfWeek
{
font-size: 13px;
width: 13.5%;
display: inline-block;
background-color: Transparent;
text-align: left;
padding: 0 1%;
margin: .25%;
border-style: solid;
box-sizing: border-box;
border-width:1px;
position: relative;
text-align:center;
zoom: 1; *display: inline; /*ei fix inline block fix */
overflow:hidden;
height: 2em;
line-height: 2em;
}
/* day of week text */
.evtCalendarDayText
{
}
.evtCalendarDayText span { display:inline-block }
/* style for weekend days */
.evtCalendarWeekend {
background-color: #888;
background-color: rgba(128,128,128, 0.2);
}
.CalendarSubTitle { display:block; margin: 5px; opacity: .7 }
#monthRow { margin: 0 auto; }
#monthRow #PrevMonthTop { text-align:right; display: inline-block; vertical-align: middle; padding: .5em 0; }
#monthRow .btn { margin-top:0; }
#monthRow #MonthLabel { text-align:center; display: inline-block; vertical-align: middle; margin: 0 3em;}
#monthRow #NextMonthTop { text-align:left; display: inline-block; vertical-align: middle; padding: .5em 0;}
/**** End Event Calendar styles ****/
#cardWizardDiv
{
}
#cardWizardPager
{
display: inline-block;
zoom: 1; *display: inline;
}
#CardPage #DivPreviousNext
{
top: 42px;
}
#CardPage #TabWrapper
{
margin: 20px auto;
border-bottom: solid 1px #CCCCCC;
}
#CardPage .reportTab
{
position: relative;
top: -4px;
border: 1px solid #CCCCCC;
border-bottom: none;
padding: 4px 8px;
text-align:center;
width: 77px;
margin: 0 3px;
}
#CardPage .selectedTab
{
border-bottom: 2px solid #000000;
top: -7px;
padding: 4px 8px 6px;
}
#CardPage .tabOver
{
border-bottom: 2px solid #000000;
cursor:pointer;
top: -7px;
padding: 4px 8px 6px;
}
.addAllDiv
{
margin-bottom: 5px;
float: left;
}
#ui-datepicker-div { display: none; } /* fix for bug with date picker in chrome */
#ui-datepicker-div { z-index : 1000 !important; } /* fix for jquery calander ui bug (showing behind) */
/* Customer Photos Page */
#CustomerPhotosPage #delete-photo-drop-target { border: solid 1px #eee; cursor: pointer;
-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}
#CustomerPhotosPage #delete-photo-drop-target.ui-state-hover { border-color: red; color: red; background-color: white; cursor: pointer;}
#CustomerPhotosPage #delete-photo-drop-target.ui-state-active { background-color: red; color: white}
#CustomerPhotosPage .prx-photo-gallery-item
{
margin-bottom: 7px;
/* padding: 5px;
border: solid 1px #eee;
margin: 5px auto 0 auto;
width: 128px;
*/}
#CustomerPhotosPage #template-wrapper{
float: left;
width: 100%;
margin: 0;
}
#CustomerPhotosPage #template-center{
margin: 0 150px 0 150px;
min-height: 1px;
}
#CustomerPhotosPage #thumbs{
float: left;
width: 150px;
margin-left: -100%;
}
#CustomerPhotosPage #thumbs .photo-thumb
{
margin-bottom: 3px;
padding: 5px;
border: solid 2px #eee;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
/*margin-bottom: 5px;*/
}
#CustomerPhotosPage #products{
float: left;
width: 150px;
margin-left: -150px;
}
#CustomerPhotosPage #templateform div
{
padding: 2px 0;
}
#CustomerPhotosPage #templateform label
{
display: inline-block;
text-align: right;
padding-right: 8px;
min-width: 100px;
}
#CustomerPhotosPage #templateform input
{
min-width: 200px;
}
#CustomerPhotosPage div.pkgtemplates img { display: block; margin: 0 auto;}
.uploading-new-photo
{
margin-bottom: 6px;
min-height: 75px;
border: solid 3px #eee;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
padding: 10% 0;
overflow: hidden;
font-size: 80%;
word-break: break-all;
}
.uploading-new-photo { padding: 10% 4px;}
.shadow
{
-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.5);
box-shadow: 0px 3px 6px rgba(0,0,0,0.5);
filter: progid:DXImageTransform.Microsoft.Shadow(color='#888888', Direction=180, Strength=5);
}
.pkgPrepayHeader a { text-decoration: none;}
.pkgPrepayHeader a:hover { text-decoration: none;}
#template-control-form label
{
width: 70px;
display: inline-block;
}
.button
{
cursor: pointer;
}
.timerange .label
{
margin-bottom: 5px;
}
.timerange .slider
{
width: 80%;
}
.searchbar
{
padding: 2px 2px 2px 8px;
margin: -3px 25px 0px 0px;
margin-right: 25px;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
border: 1px solid #C8C8C8;
background-color: #FFF;
}
.searchbar .form-input,
.searchbar input:focus.form-input
{
width: 300px;
padding: 0px;
border: none;
margin: 0px;
}
.searchbar.collapsed .form-input
{
width:48px;
margin: 0px 18px 0px 0px;
}
.searchbar input.form-btn
{
width: 60px;
padding: 2px 0px;
margin: 0px;
color: #404040;
background-image: url(/store/css/images/button.gif);
background-repeat: repeat-x;
border-color: #aaa;
border-style: solid;
border-width: 1px;
cursor: pointer;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.searchbar input:hover.form-btn
{
color: #fff;
background-image: url(/store/css/images/buttonhi.gif);
}
.searchbar.collapsed input.form-btn
{
width: 0px;
visibility: hidden;
}
.searchbar .icon
{
display: none;
}
.searchbar.collapsed .icon
{
display: block;
float: right;
top: -1.1em;
right: 5px;
position: relative;
}
.searchbar .spinner
{
float: right;
top: -11px;
right: -20px;
position: relative;
}
.searchbar.collapsed .spinner
{
right: -32px;
}
.searchbar .placeholder
{
color: #aaa;
}
.searchfilters
{
border: 1px solid #C5C5C5;
padding: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.searchfilters .form-input
{
padding: 2px 0px 2px 10px;
text-align: center;
}
.searchfilters .form-input-label
{
text-align:right;
}
.searchfilters .form-submit-btn
{
width: 95px;
}
.searchfilters .filter-list
{
text-align:center;
}
.searchfilters .filter
{
margin:0px 10px 0px 0px;
}
.searchfilters .search-btn
{
margin:0px 20px 0px 0px;
}
.breadcrumbs a
{
font-size: 120%;
margin: 0px 5px;
}
#OrderPage #templateform div
{
padding: 3px 0;
}
#OrderPage #templateform label
{
display: inline-block;
text-align: right;
padding-right: 8px;
min-width: 100px;
}
#OrderPage #templateform input
{
min-width: 200px;
}
/*********************** Search Results - Normal *************************/
.photoResultForm { height:100%; font-size: 90%; padding-bottom: 20px; text-align:center; margin: 15px auto; width:inherit }
.photoResultForm .btn { width: 125px; margin-top: 15px; }
.photoResultForm .resultBar { text-align:center; margin:auto; padding:5px 5px 15px 0; font-size:small; overflow:hidden; border-bottom: solid 1px #aaa;}
.photoResultForm .resultBar { text-align:center; margin:auto; padding:5px 5px 15px 0; font-size:small; overflow:hidden; }
.photoResultForm .resultDesc { float:left; margin-left:0px; width:625px; text-align:left; }
.photoResultForm.normal a { padding: 0; }
.photoResultForm.normal #wrapper { background-image: none; }
.photoResultForm.normal #main { text-align:center; height:100%; }
.photoResultForm.normal .results { margin: 5px auto; }
.photoResultForm.normal .listcontainer { width: 950px; position:relative; text-align:center; margin: 0 auto; }
.photoResultForm.normal #footer { margin-right: 45px; }
.photoResultForm.normal #main a:link { text-decoration: none; }
.photoResultForm.normal #main a:visited { text-decoration: none; }
.photoResultForm.normal #main a:hover { text-decoration: underline; }
.photoResultForm.normal #main a:active { text-decoration: underline; }
.photoResultForm.normal div.srPhotoItemOuter { width: 310px; *float:left; display:inline-block; margin: 0 10px 8px 0; text-align:left; }
.photoResultForm.normal div.srPhotoItemInner { height: 111px; line-height:1.2em; overflow: hidden; _overflow:visible; line-height:1.2em; }
.photoResultForm.normal div.srPhotoItemData { padding:4px 4px 5px 4px; border-style: solid; border-width: 1px; height:100px; }
.photoResultForm.normal div.srPhotoItemImg { float: right; }
.photoResultForm.normal div.srPhotoItemImg img { border: solid 1px transparent; padding:1px;}
.photoResultForm.normal div.srPhotoItemImg img:hover { }
.photoResultForm.normal div.srPhotoItemDetails { height:100px; overflow:hidden; text-align: left; position:relative; float: left; }
.photoResultForm.normal div.srPhotoItemDetailsInner { position:relative; width: 185px; margin: 5px 0 5px 5px; }
.photoResultForm.normal div.srPhotoItemDetailsInner h2 { margin: 0; font-size:115%; font-weight:bold; line-height:1.2em; }
.photoResultForm.normal div.srPhotoItemNum { position:absolute; bottom:0px; font-size:30px; font-weight:bold; line-height:25px; }
.photoResultForm.normal div.srPhotoItemFooter { clear:both; }
.photoResultForm.normal div.srDetailsDesc, div.srDetailsEvent
{
font-size: 90%;
}
.photoResultForm.normal .srEventLink { }
.photoResultForm.normal div.srDetailsEvent { margin-top: 2px; }
.photoResultForm.normal div.srDetailsDesc { margin-top: 5px; }
.photoResultForm.normal .srCompanyLink { margin-top: 5px; }
/*********************** Search Results - List *************************/
.photoResultForm.list { width:960px; }
.photoResultFormlist .resultDesc { margin-left:5px; }
.photoResultForm.list #wrapper { background-image: none; }
.photoResultForm.list #main { background: transparent none; text-align:center; height:100%; }
.photoResultForm.list .results { margin-bottom:5px; }
.photoResultForm.list .listcontainer { width: 950px; position:relative; text-align:center; margin: 0 auto; }
.photoResultForm.list #footer { margin-right: 45px; }
.photoResultForm.list #main a:link { text-decoration: none; }
.photoResultForm.list #main a:visited { text-decoration: none; }
.photoResultForm.list #main a:hover { text-decoration: underline; }
.photoResultForm.list #main a:active { text-decoration: underline; }
.photoResultForm.list div.srPhotoItemOuter { width: auto; background:transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0 0 8px 0; }
.photoResultForm.list div.srPhotoItemInner { width: auto; }
.photoResultForm.list div.srPhotoItemData { width: auto; padding:5px 0px 5px 0px; }
.photoResultForm.list div.srPhotoItemImg { display: none; }
.photoResultForm.list div.srPhotoItemImg img { display: none;}
.photoResultForm.list div.srPhotoItemImg img:hover { display: none;}
.photoResultForm.list div.srPhotoItemDetails { text-align: left; }
.photoResultForm.list div.srPhotoItemDetailsInner { position:relative; vertical-align:bottom; height:auto;}
.photoResultForm.list div.srPhotoItemDetailsInner h2 { margin:0px; font-size:115%; font-weight:bold; width:auto; vertical-align:bottom; }
.photoResultForm.list div.srPhotoItemNum { display:none; }
.photoResultForm.list div.srPhotoItemFooter { clear:both; }
.photoResultForm.list .srEventLink { margin: 0 0 0 0 ; float:left; width:auto; float:left; vertical-align:bottom; }
.photoResultForm.list div.srDetailsEvent { margin: 2px 10px 0 10px; float:left; width:auto; vertical-align:bottom; }
.photoResultForm.list div.srDetailsDesc { margin: 2px 0 0 0px; float:left; width:auto; vertical-align:bottom; /* color:#6fbd00; */ }
.photoResultForm.list .srCompanyLink { margin: 2px 0 0 10px; text-align:right; float:right; width:auto; vertical-align:bottom; }
.creditcardcode-help
{
clear: both;
}
.creditcardcode-help .creditcardcode-front {
display: inline-block;
float: left;
margin-right: 15px;
width: 75px;
height: 50px;
background-image: url(/store/images/creditcardcode.png);
}
.creditcardcode-help .creditcardcode-back {
display: inline-block;
float: left;
margin-right: 15px;
width: 75px;
height: 50px;
background-image: url(/store/images/creditcardcode.png);
background-position: right -250px;
}
img { -ms-interpolation-mode: bicubic; }
/* portfolio nav tabs */
div.portfolio-nav-bar { margin-top: 5px; /*white-space: nowrap;*/ margin-bottom:10px !important; width: 95%; overflow:hidden; }
div.portfolio-nav-bar div.filter { position: relative; padding-right: 20px; display: inline-block; border: solid 1px rgba(128,128,128,.5) ; border-bottom-width: 0; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; margin-right: 5px; min-width:80px; border-radius: 3px 3px 0px 0px;}
div.portfolio-nav-bar div.filter:hover { text-decoration: underline; }
div.portfolio-nav-bar div.filter.active::after,
div.portfolio-nav-bar div.filter.active::before { display: block; content: ''; position: absolute;
bottom: 0px; height: 0px;width: 999em; border-bottom: 1px solid rgba(128,128,128,.5); pointer-events: none; }
div.portfolio-nav-bar div.filter.active::before { right: 100%; margin-right: 1px; }
div.portfolio-nav-bar div.filter.active::after { left: 100%; margin-left: 2px; }
.IE8 div.portfolio-nav-bar div.filter { border: solid 1px #888; }
.IE7 div.portfolio-nav-bar div.filter,
.IE6 div.portfolio-nav-bar div.filter { border: solid 1px #888; display:inline; }
/* portfolio gallery */
div.portfolio-photo-gallery { text-align: center; font-size: 0; }
div.portfolio-photo-gallery h1 { margin-top: 25px; font-size: 18px; }
div.portfolio-photo-gallery a { padding: 0; }
div.portfolio-photo-gallery .mix { display: none; opacity: 0; }
.portfolio-thumb { display:inline-block; margin: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.75); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.75);
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; vertical-align: middle; border: 0; cursor: pointer;
}
.grayscale_ {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.portfolio-thumb:hover {
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.750);
-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.750);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.750);
}
.revert-grayscale_ {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
.fancybox-nav { width: 50% !important; }
.fancybox-next { right: -60px !important; }
.fancybox-prev { left: -60px !important; }
.fancybox-close { right: -50px !important; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/store/images/fancybox_sprite.png') !important; }
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5)
{
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/store/images/fancybox_sprite@2x.png') !important; }
}
/* photo set viewer control - filter tabs */
div.photo-set-filter-tabs { margin-top: 5px; margin-bottom:10px !important; width: 95%; overflow:hidden; cursor: pointer; }
div.photo-set-filter-tabs div.filter { position: relative; padding-right: 20px; display: inline-block; border: solid 1px rgba(128,128,128,.5) ; border-bottom-width: 0; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; margin-right: 5px; margin-bottom: 5px; min-width:80px; border-radius: 3px 3px 0px 0px; cursor: pointer; }
div.photo-set-filter-tabs div.filter:hover { text-decoration: underline; }
div.photo-set-filter-tabs div.filter.active::after,
div.photo-set-filter-tabs div.filter.active::before { display: block; content: ''; position: absolute;
bottom: 0px; height: 0px;width: 999em; border-bottom: 1px solid rgba(128,128,128,.5); pointer-events: none; }
div.photo-set-filter-tabs div.filter.active::before { right: 100%; margin-right: 1px; }
div.photo-set-filter-tabs div.filter.active::after { left: 100%; margin-left: 2px; }
.IE8 div.photo-set-filter-tabs div.filter { border: solid 1px #888; }
.IE7 div.photo-set-filter-tabs div.filter,
.IE6 div.photo-set-filter-tabs div.filter { border: solid 1px #888; display:inline; }
.photo-set-copyright { font-size: 85%; opacity: .7; }
/* photo set viewer control - styles */
div.photo-set-viewer-control { text-align:center; }
div.photo-set-viewer { position:relative; text-align:center; margin:auto;}
div.photo-set-viewer .photo-set-ul { font-size: 0; line-height: 0; }
div.photo-set-viewer .ps-photo-li { display:inline-block; vertical-align: middle; zoom: 1; *display:inline; }
div.photo-set-viewer .ps-photo-anchor { padding: 0; }
div.photo-set-viewer .ps-photo { display:inline-block; }
div.photo-set-viewer .ps-photo-li.ps-shadow .ps-photo { margin: 7px 10px 13px 10px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.75); }
div.photo-set-viewer .ps-photo-li.ps-circle .ps-photo { margin: 2px; border-radius: 1000px; }
div.photo-set-viewer.grid { }
div.photo-set-viewer.bar,
div.photo-set-viewer.vbar { overflow: auto; }
div.photo-set-viewer.bar .photo-set-ul { white-space: nowrap; }
div.photo-set-viewer.vbar .ps-photo-li { display: block; }
div.photo-set-viewer.slider,
div.photo-set-viewer.slideshow { width: 100%; margin:auto; }
div.photo-set-viewer.slideshow .photo-set-ul { width: 100% !important; }
div.photo-set-viewer.slideshow .ps-photo-li { width: 100% !important; }
div.photo-set-viewer-control ol.ez-controls li { display: inline-block; margin: 15px 2px; *display:inline; *line-height: 40px; }
div.photo-set-viewer-control .ez-prevBtn a, div.photo-set-viewer-control .ez-nextBtn a { display: inline-block; min-width: 100px; border-radius: 2px; border: 1px solid #888; padding: 2px 10px 3px 10px; opacity: .5; display:inline; }
div.photo-set-viewer-control ol.ez-controls li a { border-radius: 2px; border: 1px solid #888; padding: 2px 5px 3px 5px; opacity: .5; }
div.photo-set-viewer-control .ez-prevBtn a:hover, div.photo-set-viewer-control .ez-nextBtn a:hover,
div.photo-set-viewer-control ol.ez-controls li a:hover { opacity: 1.0; }
div.photo-set-viewer.stretch { display:inline-block; zoom:1; *display: inline; }
div.photo-set-viewer.fit { display:inline-block; zoom:1; *display: inline; }
div.photo-set-viewer.waterfall .ps-photo-li,
div.photo-set-viewer.waterfallfill .ps-photo-li {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
div.photo-set-viewer.waterfall .ps-photo-li.inactive,
div.photo-set-viewer.waterfallfill .ps-photo-li.inactive { visibility: hidden; opacity: 0; }
div.photo-set-viewer.waterfall .wookmark-placeholder,
div.photo-set-viewer.waterfallfill .wookmark-placeholder {
display: none;
background-color: #888;
background-color: rgba(128,128,128,0.1);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
div.photo-set-viewer.vslider { }
.IE7 div.photo-set-viewer.coverflow { }
div.photo-set-viewer .photo-set-ul .mix { display: none; opacity: 0; } /* needed for mixitup plugin */
.ps-photo-caption-wrapper { padding: 4%; text-align: left; background: white; }
.ps-photo-caption { font-size: 13px; line-height: normal;}
.ps-caption-event-nane { font-size: 110%; display: inline-block; margin-bottom: 2%; }
.ps-caption-event-photo-count { font-size: 100%; }
.ps-caption-event-date { font-size: 100%; }
.ps-caption-event-description { font-size: 90%; display: inline-block; margin-top: .5em; }
/* content page */
#store-content .content-page-wrapper p { padding: 0; margin: .8em 0; }
#store-content .content-page-wrapper h1,
#store-content .content-page-wrapper h2,
#store-content .content-page-wrapper h3,
#store-content .content-page-wrapper h4 { margin-bottom: .8em; }
#store-content .content-page-wrapper table { margin:inherit !important; }
#store-content .content-page-wrapper ol,
#store-content .content-page-wrapper ul { list-style: inherit; margin: .8em 0 .8em 1.5em ; list-style-position: inherit; }
#store-content .content-page-wrapper blockquote { margin: 0.25em 0; padding: 0.25em 40px; line-height: 1.45; position: relative;}
#store-content .content-page-wrapper blockquote:before { display: block; content: "\201C"; font-size: 80px; position: absolute;
left: -3px; top: -20px; opacity:.5; font-family: georgia; }
#store-content .content-page-wrapper blockquote cite { display: block; margin-top: 10px; }
#store-content .content-page-wrapper blockquote cite:before { content: "\2014 \2009"; }
#store-content div.content-page-wrapper { padding: 10px 25px 25px 25px; line-height: normal; max-width: 700px; margin: 0 auto; text-align: left; min-height: 400px; }
.IE7ORLESS .content-page-wrapper { width: 700px; }
#store-content .content-page-wrapper h1.content-page-title { font-size: 200%; margin-bottom: .2em; }
.content-page-share { text-align: center; }
.content-page-share ul.social-links li { display: inline-block; }
.content-page-share ul.social-links li a { font-size: 150%; cursor: pointer; }
.content-page-date { opacity: .7; margin-bottom: .8em }
.content-page-text { margin-top: 1.5em; }
.content-page-footer { }
.content-page-footer-rule { margin: 2em 0 .75em 0; }
.content-page-footer .icon { opacity: .25 }
.content-page-footer span.icon { font-family:'PhotoReflectWebDingsRegular'; font-size: 30px; text-align: center; display: inline-block; vertical-align:top; }
.content-page-footer span.text-item { display:inline-block; vertical-align:top; }
.content-page-footer span.text-item span.meta-item { font-size: 85%; opacity: .6; }
.content-page-footer-prev { display: inline-block; width: 49%; text-align: left; vertical-align: top; }
.content-page-footer-next { display: inline-block; width: 49%; text-align: right; vertical-align: top; }
/* Nav Sub Menu */
.store-top { z-index: 2 }
.store-content { z-index: 1 }
.header-nav li { position: relative; }
.header-nav li ul {
text-align: left;
background: #fff;
display: none;
margin: 0;
position: absolute;
z-index: 100;
left: 0;
top: 100%;
white-space: nowrap;
/*border: 1px solid #888; box-shadow: 0 4px 8px rgba(0,0,0,.5); */
}
.header-nav.vleft li ul {
left: 100%;
top: 0;
min-width: 100%;
}
.header-nav.vright li ul {
left: -100%;
top: 0;
min-width: 100%;
}
.header-nav li ul li { width: 100%; display: block !important }
.header-nav li ul li a { line-height: normal !important; margin: 0 !important; padding: 10px 30px 10px 15px !important; display: block !important;}
.header-nav li:hover > ul.child { display: block; }
.header-nav li:hover > ul.grandchild { display: block; }
.header-nav ul li ul.child li, div.store-nav div.header-nav ul.child li { height: inherit }
.header-nav .nav-down-arrow { font-size: 50%; opacity: .7; position: relative; top: -0.15em; left: 0.2em; }
.close-btn {
display: block;
width: 32px;
height: 32px;
background-image: url("/store/images/closeX.png");
background-repeat: no-repeat;
background-position: left top;
cursor: pointer;
}
#thumblist-bkg {
background-color: #000;
opacity: 0.20;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE 8 */
filter: alpha(opacity=20); /* IE 5-7 */
}
#thumblist-wrapper { padding: 5px 0; }
#thumblist-footer { padding: 3px 0; }
#thumblist-status { display: inline-block; }
#thumblist-btn { display: inline-block; margin-left: 10px; cursor: pointer; }
#thumblist-btn:hover { opacity: 0.5; }
#thumblist-btn .icon { vertical-align: bottom; }
/* Blog Roll */
.blogroll { max-width:800px; margin: 0 auto; text-align: left; }
.blogroll.Small { max-width: 400px; }
.blogroll .blogitem { margin-bottom: 2em; padding-bottom: 1em}
.blogroll.Small .blogitem { margin-bottom:1em; padding-bottom: .5em }
.blogroll.Mini .blogitem { margin-bottom:.5em; padding-bottom: .25em }
.blogroll.Small .blogitem { overflow: hidden; }
.blogroll .blogtitle { font-size: 120%; }
.blogroll .blogmeta { text-transform: uppercase; padding: 0 3px; font-size:80% }
.blogroll .blogcontent { padding-left: 3px; margin-top: .5em; overflow:hidden; }
.blogroll .blogcontent a { padding:0; text-decoration:underline; margin-right: .25em }
.blogroll .blogphoto { float: right; padding: 0 0 0 15px; }
.blogroll .blogphoto.blogphotoLeft { float: left; padding: 0 15px 0 0; }
.blogroll .blogphoto img { max-width: 250px; }
.blogroll.Small .blogphoto img { max-width: 125px; max-height: 125px; }
.blogroll .blogpara { text-align: justify; }
.blogroll .blogcontent p { padding-top: 0; line-height: 1.4em; }
.blogroll .blogprev { float:left; }
.blogroll .blognext { float:right; }
.prx-photo-gallery-next { display: inline-block; vertical-align: middle; width: 40px; height: 56px; line-height: 56px; cursor: pointer; font-size: 30px !important; }
.prx-photo-gallery-next:hover { opacity: 0.5; }
.prx-photo-gallery-prev { display: inline-block; vertical-align: middle; width: 40px; height: 56px; line-height: 56px; cursor: pointer; font-size: 30px !important; }
.prx-photo-gallery-prev:hover { opacity: 0.5; }
.prx-photo-gallery-list { display: inline-block; vertical-align: middle; line-height: 0px; }
.prx-photo-gallery-item { }
.PrxTemplateMobileTools {
margin: 10px 0px;
font-size: 30px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.PrxTemplateMobileTools span { margin: 0px 5px; cursor: pointer; }
.PrxTemplateMobileTools span:hover { opacity: 0.5; }
#OrderPage #CancelProof { margin: 0 15px 5px 15px; }
#OrderPage #ProofStep { display:inline-block; }
#OrderPage #NextProofItem { margin: 0 15px 5px 15px; }
#OrderPage #ProofAddToCart { display:inline-block; margin: 0 15px 5px 15px; }
#OrderPage #ProofQuantity { }
#OrderPage #ProofAddToCartBtn { }
#OrderPage .prx-photo-gallery-item img:hover
{
border: 1px solid rgb(128, 128, 128);
border: 1px solid rgba(128, 128, 128, .5);
margin: 0px !important;
}
.popup_overlay
{
cursor: default;
font-family: Helvetica, Arial, Verdana, Tahoma, Sans-Serif;
background-color: #ffffff;
color: #000000;
margin: 0;
padding: 20px !important;
border-width: 10px;
border-style: solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
max-width: 600px;
}
.popup_overlay a, .popup_overlay a:visited
{
color: #000000;
text-decoration: underline;
font-weight: bold;
}
.stylepicker {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 250px;
height: 100%;
overflow-y: auto;
background: linear-gradient(#FFF, #969696);
text-align: left;
font-size: 13px;
font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
color: #333;
}
.stylepicker .control_group {
margin: 50px 0px;
}
.stylepicker .control_panel {
position: fixed;
top: 0;
left: 250px;
z-index: 1000;
width: 250px;
height: 100%;
background: linear-gradient(#FFF, #969696);
text-align: left;
border-left: 1px solid #888;
overflow-x: hidden;
overflow-y: auto;
}
.stylepicker .control_label {
margin: 0px;
padding: 10px 5px 10px 30px;
text-align: left;
font-weight: bold;
}
.stylepicker .control_label.separator {
border-top: 1px solid #888;
}
.stylepicker .control_btn {
margin: 0px;
padding: 10px 5px 10px 30px;
text-align: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 215px;
}
.stylepicker .control_btn .text {
width: 80px;
display: inline-block;
}
.stylepicker .control_btn .label {
font-weight: bold;
margin-left: 10px;
}
.stylepicker .control_btn.hover {
background: linear-gradient(#FFF, rgba(150, 150, 150, 0.5));
cursor: pointer;
}
.stylepicker .control_btn.selected {
background: linear-gradient(#FFF, rgba(150, 150, 150, 0.5));
}
.stylepicker .control_btn.custom .text {
width: 150px;
}
.stylepicker .control_btn.custom input,
.stylepicker .control_btn.custom img {
cursor: pointer;
vertical-align: middle;
}
.stylepicker .pro_btn {
width: 150px;
position: absolute;
left: 5px;
top: 0;
font-size: 30px;
cursor:pointer;
}
.stylepicker .close_btn {
position: absolute;
right: 3px;
top: 0;
cursor: pointer;
}
.stylepicker .close_btn .prwd {
font-size: 20px;
}
.stylepicker .save_btn {
display: inline;
position: absolute;
right: 10px;
bottom: 10px;
cursor: pointer;
}
.stylepicker .save_btn .prwd {
font-size: 20px;
position: relative;
top: 3px;
}
.stylepicker .prx-photo-gallery-item {
text-align: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
}
.stylepicker .prx-photo-gallery-item .photo-label {
vertical-align: middle;
}
.stylepicker .prx-photo-gallery-item .photo-thumb {
vertical-align: middle;
margin: 1px 10px !important;
}
.stylepicker .prx-photo-gallery-item.hover {
background: linear-gradient(#FFF, rgba(150, 150, 150, 0.5));
}
.stylepreview {
z-index: 10000;
position: fixed;
top: 0;
left: 0;
background-color: #FFF;
width: 100%;
height: 50px;
line-height: 50px;
min-width: 650px;
text-align: left;
font-size: 13px;
font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
color: #666666;
}
.stylepreview .cancel_btn {
position: absolute;
left: 10px;
top: 0px;
font-size: 18px;
cursor: pointer;
display: inline-block;
height: 20px;
}
.stylepreview .cancel_btn:hover {
color: #88AA00;
}
.stylepreview .cancel_btn .prwd {
position: relative;
top: 6px;
font-size: 37px;
}
.stylepreview .save_btn {
position: absolute;
top: -2px;
font-size: 18px;
cursor: pointer;
display: inline-block;
height: 20px;
margin-left: 20px;
}
.stylepreview .save_btn:hover {
color: #88AA00;
}
.stylepreview .save_btn .prwd {
position: relative;
top: 6px;
font-size: 37px;
}
.stylepreview .close_btn {
position: absolute;
right: 8px;
top: -12px;
font-size: 18px;
cursor: pointer;
}
.stylepreview .close_btn:hover {
color: #88AA00;
}
.stylepreview .palette {
vertical-align: middle;
text-align: center;
height: 100%;
}
.stylepreview .label {
display: inline-block;
margin-right: 8px;
vertical-align: middle;
}
.stylepreview .options {
display: inline-block;
width: 100px;
margin-right: 15px;
vertical-align: middle;
}
/* media rules */
#ThumbPage { max-width: 1920px; }
#OrderPage { max-width: 960px; }
#MultiPhotoSelect { max-width: 1920px; }
#ShoppingCartPage { max-width: 800px; }
#RecentOrderWarningsPage { max-width: 800px; }
#Step1Page { max-width: 800px; }
#Step2Page { max-width: 800px; }
#CheckoutReviewPage { max-width: 800px; }
#PaymentPage { max-width: 800px; }
#ConfirmationPage { max-width: 800px; }
.store-page { margin: auto;}
/* Old storefront */
@media screen and (max-width: 800px) {
.leftcontent { display: block; margin: 10px auto !important; padding: 0 !important; width: 100% !important; }
.leftcontent .findYourPhotos { margin: auto; }
.leftcontent .recentPhotos { margin: auto; }
.leftcontent .leftcontentTable { margin: auto; }
.centercontent { display: block; margin: 10px auto !important; padding: 0 !important; width: 100% !important; border-left: 0 !important; border-right: 0 !important; }
.centercontent .recentPhotos { margin: auto; }
.rightcontent { display: block; margin: 10px auto !important; padding: 0 !important; width: 100% !important; text-align: center !important; }
.rightcontent .contactUs { text-align: center; }
.rightcontent .homeCart { text-align: center; }
.rightcontent .minicart { text-align: center; }
.rightcontent .rightcontentTable { margin: auto; }
tr.topcenter { display: none; }
tr.bottomcenter { display: none; }
table.storefrontTable { margin: auto; }
table.container { padding: 0 !important; }
div.NewOuterTable { width: 95%; margin: auto; padding: 0 !important; border: none !important; }
div.centerdiv { margin: 0 !important; }
div.bodytable { margin-left: 0px; margin-right: 0px; }
div#right_content { float: none !important; margin: auto !important; }
div#right_content #minicart { text-align: inherit !important; }
div#left_content { float: none !important; margin: auto !important; }
div#left_content table.portfoliotable { margin: 10px auto !important; }
div.contactTop { display: none; }
div.recentTop { display: none; }
div.recentRight { display: none; }
}
@media screen and (max-width: 600px) {
td.tableborder { display: none; }
td.topcenter { display: none; }
td.leftcenter { display: none; }
td.rightcenter { display: none; }
td.bottomcenter { display: none; }
table.thumb-table-wrapper { padding: 0px; }
}
@media only screen and (max-width: 415px) {
.store-page { max-width: 95% !important; padding-left: 0 !important; padding-right: 0 !important; }
}
/* Pages */
@media screen and (max-width: 825px) {
.checkout1_separator { display: none; }
.checkout2_block { width: 100%; }
.payment_block { margin: 10px auto; }
}
@media screen and (max-width: 800px) {
.CartReviewGiftCertLeft { float: none; }
.CartReviewGiftCertRight { float: none; }
div.actionsMenu { height: auto; text-align: center; }
div.actionsMenu ul.amView { display: inline-block; float: none; }
div.actionsMenu ul.amSelect { display: inline-block; float: none; }
div.actionsMenu ul.amSearch { display: inline-block; float: none; }
div.actionsMenu ul.amActions { display: inline-block; float: none; }
div.actionsMenu ul.left { display: inline-block; float: none; text-align: center; }
div.actionsMenu ul.right { display: inline-block; float: none; text-align: center; }
#OrderPage #ProductDisplayContainer { display: block; width: 100%; }
#OrderPage #ProductDisplayContainer .copyright { display: none; }
#OrderPage #ProductSelectionContainer { display: block; width: 100%; margin-left: 0px; }
#OrderPage #ProductSelectionContainer .accordion_instructions { display: none; }
.pkgaccinfo { display: none; }
.pkgaccinfobtn { display: inline-block; }
.pkgInfoTip { opacity: 0; }
}
@media screen and (max-width: 640px) {
#OrderPage #CancelProof { display:block; margin: 0 auto 10px auto; }
#OrderPage #ProofStep { display:block; }
#OrderPage #NextProofItem { display:block; margin: 20px auto; }
#OrderPage #ProofAddToCart { display:block; margin: 20px 0; }
#OrderPage #ProofAddToCartBtn { margin: 10px 10px 0 10px; }
#MultiPhotoSelect #PackageSelectorContainer { width: 100%; float: none; }
#MultiPhotoSelect #ThumbSelectorGridContainer { width: 100%; margin-right: 0px;}
}
@media screen and (max-width: 590px) {
.cart_item { text-align: right; }
.cart_product { display: block; width: 100%; }
.cart_info { display: block; width: 100%; margin: 15px 0px 5px 0px; }
.cart_price { text-align: left; }
.cart_quantity { }
.cart_subtotal { width: 100%; }
.cart_detail { width: 100%; margin-left: 0; text-align: center; margin: 15px 0px 0px 0px; }
.cartlbprice { display: inline; }
.cartlbqty { display: inline; }
.cart_status { display: block; width: 100%; }
.cart_shipping { display: block; width: 100%; border-left: none; margin-top: 10px; margin-left: 0; }
.cart_billing { display: block; width: 100%; border-left: none; margin-top: 10px; margin-left: 0; }
.cart_shipping div { padding-left: 0px; }
.cart_billing div { padding-left: 0px; }
.cart_header .cart_product { display: inline-block; width: 50%; margin: 0; text-align: left; }
.cart_header .cart_info { display: inline-block; width: 50%; margin: 0; text-align: right; }
.cart_header .cart_price { display: none; }
.cart_header .cart_quantity { display: none; }
.portfolio_1 { float: none !important; width: auto !important; }
.portfolio_2 { display: none; }
.portfolio_3 { display: none; }
.portfolio_4 { display: none; }
.portfolio_copyright { display: none; }
}
@media screen and (max-width: 420px) {
.cartlbqty { display: none; }
div.home-recent-thmubs { padding: 0 !important; }
#DivPhotoGroupItem div.photoGroupImage { width:135px; height: 135px; }
#DivPhotoGroupItem div.photoGroupImageText { width:135px; }
#DivPhotoGroupItem div.photoGroupBulletText { width: 275px; margin: 0px 0px 0px 8px; }
.photoResultForm.normal div.srPhotoItemOuter { margin: 0 2px 6px 2px !important; }
.photoResultForm.normal div.srPhotoItemDetailsInner { width: 160px !important; }
.photoResultForm.normal div.srPhotoItemDetails { height: auto !important; }
}
@media screen and (max-width: 360px) {
.carttxtcell { width: 75px; }
#MultiPhotoSelect .multiPhotoContainer { padding: 8px 0px; }
#MultiPhotoSelect .packageItemSelectorPhotos { margin: 1px; padding: 0px; }
.popup_overlay { padding: 10px !important; }
}
@media screen and (max-width: 315px) {
.carttxtcell { width: 160px; }
}