/* *************************************************************** */
/* general settings used across multiple pages                    */
/* *************************************************************** */
html {
	width: 100%;
}
body {
   /* must override from base common.css! */
   	width: 100%;
	position: relative;
	font-size: 12px;
	color: #2f2f2f;
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	padding: 0;
}

/* This div wraps the entire content of the page, this is where we need to apply centering. */
.bodycontainer  {
   	width: 100%;
	padding: 0;
}
.mainSection {
	background: none;
}
.headerSection {
	width:100%;
	margin: 0;
	padding: 0;
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	font-weight: bold;
	box-shadow: 3px 3px 3px #888888;
}
.contentSection {
	width: 1024px;
	margin: 0 auto;
	min-height: 480px;
	/*background:rgba(255,255,255,0.5);*/
}
.footerSection {
	width:100%;
	margin: 0;
	padding: 0;
}

/*
.contentSection {
	background:rgba(255,255,255,0.75);
}
*/
.sectionDIV,
.mainSectionRightColumn,
.profileListAccountExpirationsection,
.orderListTable,
.creditCardListTable,
.order_downloads .orderdetails,
.productList .productPanel,
.detailsSectionWithoutLinksSection .upperSection,
.contentSection .termsAndConditions,
.leftSection .projectFilterSection,
.leftSection .projectSortSection,
.leftSection .projectTypeList {
	border: none;
	background:rgba(255,255,255,0.75);
	background: white;
	padding: 5px;
	box-shadow: 3px 3px 3px #888888;
	box-sizing: border-box;
}
.orderItemsSection {
	border: none;
}

a,
a:visited,
a:active {
	text-decoration: none;
	color: #2f2f2f;
}
a:hover {
	color: #efc64c;
	text-decoration: underline;
}


/* main system button for all built-in pages */
a.cssButton {
	background: transparent url("/images/pagegraphics/default/css-left.gif") no-repeat top left;
	line-height: 30px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
	height: 38px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	background-position: top left;
	color: white;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
a.cssButton:hover {
	background-position: bottom left;
	color: white;
}
a.cssButton SPAN {
	background: transparent url("/images/pagegraphics/default/css-right.gif") no-repeat top right;
	display: inline-block;
	padding: 4px 8px 4px 0; /* Set 12px (second value) to match value of 'padding-left' above (a.cssButton) */
	background-position: top right;
	color: white;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}
a.cssButton SPAN:hover {
	background-position: bottom right;
	color: white;
}

/* main system button for all built-in pages */
a.cssButtonAlternate,
.resumeButton a.cssButton,
.updateButton a.cssButton,
.clearButton a.cssButton{
	background: transparent url("/images/pagegraphics/default/css-left-alternate.gif") no-repeat top left;
	line-height: 30px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
	height: 38px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	background-position: top left;
	color: #575757;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
a.cssButtonAlternate:hover,
.resumeButton a.cssButton:hover,
.updateButton a.cssButton:hover,
.clearButton a.cssButton:hover {
	background-position: bottom left;
	color: #575757;
}
a.cssButtonAlternate SPAN,
.resumeButton a.cssButton SPAN,
.updateButton a.cssButton SPAN,
.clearButton a.cssButton SPAN {
	background: transparent url("/images/pagegraphics/default/css-right-alternate.gif") no-repeat top right;
	display: inline-block;
	padding: 4px 8px 4px 0; /* Set 12px (second value) to match value of 'padding-left' above (a.cssButton) */
	background-position: top right;
	color: #575757;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}
a.cssButtonAlternate SPAN:hover,
.resumeButton a.cssButton SPAN:hover,
.updateButton a.cssButton SPAN:hover,
.clearButton a.cssButton SPAN:hover{
	background-position: bottom right;
	color: #575757;
}


.homeSlider {
	width: 1334px;
	margin: 0 auto;
}
.slick-dots {
	top: 325px;  /* play with the number of pixels to position it as you want */
}
.slick-dots li button::before {
	font-size: 16px !important;
	color: white !important;
}

.newAccountSection #ctl00_MainBodyContainer_AcceptOffersRow {
	display: none;
}

/* *************************************************************** */
/* claim album page                                                */
/* *************************************************************** */
.album_claimalbum .contentSection {
	width: 100%;
	padding: 0px;
	text-align: center;
}
.album_claimalbum .topContent {
	padding-bottom: 0px;
}
.album_claimalbum .rightSection {
	display: none;
}
.album_claimalbum .clearfix {
	background:rgba(255,255,255,0.5);
}
.album_claimalbum .validationSummary {
	background:rgba(255,255,255,0.5);
	box-sizing: border-box;
	margin-top: 0px;
	margin-bottom: 0px;
}
.album_claimalbum  .leftSection {
	width: 100%;	/* change from 1024px on 3/17/17 for claim album page updates */
	min-height: 190px;	/*changed from height to min-height on 3/17/17 */
	margin: 0 auto;
	float: none;
	box-sizing: border-box;
}
.album_claimalbum .leftSection .formHeading {
	display: none;
}
.album_claimalbum .leftSection .albumIdentifier {
	padding-top: 63px;
	padding-right: 10px;
	width: 60%;
	float: left;
	text-align: right;
	box-sizing: border-box;
}
.album_claimalbum .leftSection .albumIdentifier label {
	display: none;
}
.album_claimalbum .leftSection .albumIdentifier input {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	text-align: center;
	width: 400px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.album_claimalbum .leftSection .findAlbum {
	padding-top: 60px;
	padding-left: 10px;
	text-align: left;
	box-sizing: border-box;
}
.album_claimalbum .leftSection .pictureGrid {
	/* padding-left: 325px;	commented out 3/17/17
	padding-top: 20px;
	float: left; */
	padding-bottom: 10px; /* added 3/17/17 */
	text-align: center;	/* changed from right to center on 3/17/17 */
	box-sizing: border-box;
}
.album_claimalbum .leftSection .pictureGrid  .picture {
	float: none;
	display: inline-block;
}
.album_claimalbum .leftSection .pictureGrid .imageContainer, 
.album_claimalbum .leftSection .pictureGrid .imageContainer_m	{
	width: auto;
	height: auto;
	line-height: normal;
}
.album_claimalbum .leftSection .pictureGrid .imageContainer img, 
.album_claimalbum .leftSection .pictureGrid .imageContainer_m img {
	border: 3px solid white;
	border-style: ridge;
}
.album_claimalbum .leftSection .saveToAccount {
	padding-top: 10px;	/* changed from 60px on 3/17/17 */
	/*padding-right: 350px; commented out 3/17/17
	float: right; */
	box-sizing: border-box;
}

/* *************************************************************** */
/* album/pro page                                                  */
/* *************************************************************** */
.album_pro .clearfix {
	background-color: white;
	box-shadow: 3px 3px 3px #888888;
	padding: 20px;
	box-sizing: border-box;
}
.album_pro .leftSection {
	width: 475px;
}
.album_pro .albumFilterSection {
	display: none !important;
	padding-bottom: 10px;
}
.album_pro .largeImageSection {
	background-color: #dcdcdc;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 325px !important;
	line-height: 325px !important;
	border: 1px solid #9a9a9a;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
/*
	border: 17px !important;
	border-image-width: 17px;
	-webkit-border-image: url("/images/pagegraphics/default/BoldBorder4Corner.png") 36% round;
    -o-border-image: url("/images/pagegraphics/default/BoldBorder4Corner.png") 36% round;
    border-image: url("/images/pagegraphics/default/BoldBorder4Corner.png") 36% round;
*/
}
.album_pro .leftSection .largeImageSection img {
	max-height: 266px;
}
.album_pro .downloadHeading {
	display: none;
}
.album_pro .leftSection .actionSection {
	height: 60px;
	display: inline-block;
}
.album_pro .leftSection .actionSection .iconButtonNoText {
	height: 36px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.album_pro .leftSection .actionSection .shareActionSection {
	width: 300px;
	float: right;
	text-align: left;
}
.album_pro .leftSection .actionSection .shareActionSection .shareHeading {
	line-height: 50px;
	/*width: 15%;*/
}
.album_pro .leftSection .actionSection .shareActionSection .shareButtons {
	/*width: 85%;*/
}
.album_pro .leftSection .actionSection .shareActionSection .shareButtons .emailButton {
	/* background-image: url("/images/pagegraphics/default/icon-email.png"); */
	width: 37px;
}
.album_pro .leftSection .actionSection .shareActionSection .shareButtons .facebookButton {
	/* background-image: url("/images/pagegraphics/default/icon-facebook.png"); */
	width: 37px;
}
.album_pro .leftSection .actionSection .shareActionSection .shareButtons .twitterButton {
	/* background-image: url("/images/pagegraphics/default/icon-twitter.png"); */
	width: 37px;
}
.album_pro .leftSection .actionSection .downloadActionSection {
	width: 132px;
	float: left;
	text-align: left;
}
.album_pro .leftSection .actionSection .downloadActionSection .downloadHeading {
	display: none;
	line-height: 50px;
}
.album_pro .downloadButtons {
	width: 132px !important;
}
.album_pro .downloadButtons .downloadPhotoButton {
	width: 132px !important;
	/* background-image: url("/images/pagegraphics/default/DownloadImageButton.png") !important; */
}
.album_pro .downloadButtons .orderDownloadAlbumButton {
	width: 132px !important;
	/* background-image: url("/images/pagegraphics/default/BuyAlbumButton.png") !important; */
}
.album_pro .leftSection .actionSection .slideshowActionSection {
	display: none;
}
.album_pro .imagesSection {
	/* background-image: url("/images/pagegraphics/default/imagesSectionBackground.png"); */
	background-repeat: repeat-x;
}
.album_pro .leftSection .imagesSection .leftButton {
	/* background-image: url("/images/pagegraphics/default/icon-left_arrow.jpg"); */
	width: 25px;
	height: 100px;
	top: 0;
	margin-top: 0px;
}
.album_pro .leftSection .imagesSection .rightButton {
	/* background-image: url("/images/pagegraphics/default/icon-right_arrow.jpg"); */
	width: 25px;
	height: 100px;
	top: 0;
	margin-top: 0px;
}
.album_pro .rightSection {
	width: 500px;
}

/* My Account page */
.account_index .orderDownloads {
	display: none;
}

/* product category (searchresultgrid.aspx) */
.resultsSectionWithoutLinksSection .selectedImageSection {
	display: none;
}

/* *************************************************************** */
/* shopping cart 								                   */
/* *************************************************************** */
.bottomButtonRow .resumeButton,
.bottomButtonRow .updateButton,
.bottomButtonRow .clearButton {
	display: none;
}

/* *************************************************************** */
/* edit print    								                   */
/* *************************************************************** */
.Headings {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}
.editprint_container {
	width: 100% !important;
}
.editprint_container .editprint_MainDisplayArea {
	/* background-image: none; */
	background: white;
	padding: 5px;
	box-shadow: 3px 3px 3px #888888;
	box-sizing: border-box;
	margin-right: 20px;
	margin-bottom: 10px;
}
.editprint_container .editprint_NavigationBar {
	color: black;
}
.editprint_container .editprint_TaskArea {
	width: 350px;
	/* background-image: none; */
	background: white;
	padding: 5px;
	box-shadow: 3px 3px 3px #888888;
}
.editprint_EnhanceCommands .EnhanceCommandsTitle {
	/* background-image: none; */
	color: black;
}
.editprint_EnhanceCommands .editprint_Edit_accordionHeaderSelected {
	/* background-image: none; */

}
.editprint_EnhanceCommands .editprint_Edit_accordionHeader {
	/* background-image: none; */
}

/* *************************************************************** */
/* custedit.aspx    							                   */
/* *************************************************************** */
#ctl00_MainBodyContainer_OptIn1,
#ctl00_MainBodyContainer_OptIn1Label {
	display: none;
}

/* *************************************************************** */
/* productdetail.aspx  							                   */
/* *************************************************************** */
.productDetailsSection .productOrderSection {
	padding-right: 10px;
}
.detailsSectionWithoutLinksSection .lowerSection {
	padding-top: 20px;
}

/* *************************************************************** */
/* payment.aspx		  							                   */
/* *************************************************************** */
.topSection .billingSection {
	margin-left: 20px;
}

/* *************************************************************** */
/* SUPERFISH MENU OVERRIDES BELOW HERE */
/* *************************************************************** */
.menuLink {
	text-align: left;
	font-weight: bold;
	display: inline-block;
	float: left;
	margin-top: -7px;
}
.sf-menu a {
    /*border-left: 1px solid #fff;*/
	color: black;
    border: none;
    padding: .75em 1em;
    text-decoration: none;
}
.sf-menu a:hover {
	color: #efc64c;
	text-decoration: underline;
}
.sf-menu span.navigationLinkNone {
    /*border-left: 1px solid #fff;*/
    border-top: 1px solid white;
	color: black;
	display: block;
	padding: .75em 1em;
}
.sf-menu li {
	color: black;
    background: white;
}
.sf-menu li li {
	color: black;
    background: white;
	border-bottom: none;
}
.sf-menu li li li {
	color: black;
    background: white;
}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:visited,
.sf-menu a:hover,
.sf-menu a:active {
    background: white;
    outline: 0;
}
/* top level with submenu (down arrow) */
.sf-arrows .sf-with-ul::after {
	/*border-image: url(/images/PageGraphics/9998/sf-sub-indicator.png);*/
	border: 8px solid transparent;
	border-top-color: black; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(0,0,0,.5);
}
/* top level with submenu (up arrow) */
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	margin-top: -11px;
	border-top-color: transparent; /* IE8 fallback colour */
	border-bottom-color: black; /* edit this to suit design (no rgba in IE8) */
	border-bottom-color: rgba(0,0,0,.5);
}
/* child level with submenu (right arrow) */
.sf-arrows ul .sf-with-ul:after {
	border: 8px solid transparent;
	border-right-color: black; /* edit this to suit design (no rgba in IE8) */
	border-right-color: rgba(0,0,0,.5);
}
/* child level with submenu (left arrow) */
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	margin-right: -11px;
	border-right-color: transparent; /* IE8 fallback colour */
	border-left-color: black; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(0,0,0,.5);
}