/*
	PickPic 3
	Copyright (c) 2004-2011 PickPic by whcc
	This file may not be modified without the express written permission of PickPic by whcc, 
	and may not be copied, resold, or distributed outside this installation.
	FOR SUPPORT ISSUES: Please contact help@pickpic.net
	LICENSE: http://www.pickpic.com/legal/pickpic3

    _custom.css
    Custom Styles
*/


div.header {
	text-align: left;
}

div.header div.logoTop {
	height: 80px;
}


/* ---------------------------------------------------------- */
/*                  Embeds top logo via CSS                   */
/* ---------------------------------------------------------- */

/* DELETE THIS
div.header div.logoTop {
	background: url("logoTop.gif") top right no-repeat;
}

div.header div.logoTop a {
	width: 100%;
	height: 100%;
	display: block;
}

div.header div.logoTop a img {
	display: none;
}
...AND THIS */


/* ---------------------------------------------------------- */
/*             Displays side logo on splash page              */
/* ---------------------------------------------------------- */

div.logoSide {
	text-align: center;
	display: none;     /* REMOVE to display side logo on splash */
}

div.splashHeaderSide {
	height: 144px;
}


/* ---------------------------------------------------------- */
/*              Displays top logo on splash page              */
/* ---------------------------------------------------------- */

div.splashHeaderTop {

}


body {
	background-color: #000000;													/* BACKGROUND */
/* DELETE THIS
	background-image: url("background.jpg");
...AND THIS */
}

body, 
div#mainContainer div.sidebar table td.sidebarMiddle a.current, 
table tr.items.hover td a, 
#popupTitleBar, 
#popupContainer, 
div.footer, 
div.terms {
	color: #ffffff;																/* BASE TEXT */
}


/* ---------------------------------------------------------- */
/*   Tweaks current page number indicator on thumbnail page   */
/* ---------------------------------------------------------- */

body#thumbnails div.main div.middle div.pagesBarTop, 
body#thumbnails div.main div.middle div.pagesBarBottom, 
body#viewproducts div.main div.middle div.pagesBarTop, 
body#viewproducts div.main div.middle div.pagesBarBottom {
	color: #;
}


/* ---------------------------------------------------------- */
/*   Tweaks text elements against background, if necessary    */
/* ---------------------------------------------------------- */

div.navigation div.title, 
div.footer, 
div.terms {
	color: #;
}


/* ---------------------------------------------------------- */
/*   Tweaks link elements against background, if necessary    */
/* ---------------------------------------------------------- */

div.footer a:link, 
div.terms a:link, 
div.cartAndFavorites a:link, 
div.footer a:visited, 
div.terms a:visited, 
div.cartAndFavorites a:visited {
	color: #;
}

div.footer a:hover, 
div.terms a:hover, 
div.cartAndFavorites a:hover, 
div.footer a:active, 
div.terms a:active, 
div.cartAndFavorites a:active {
	color: #;
}


a:link, 
a:visited, 
body#splash div.cartAndFavorites a:link, 
body#splash div.cartAndFavorites a:visited, 
div.summary {
	color: #c3c3c3;																/* LINK TEXT */
}

a:hover, 
a:active, 
body#splash div.cartAndFavorites a:hover, 
body#splash div.cartAndFavorites a:active, 
div.tab_panel a:hover, 
div.tab_panel a:active, 
div.summary:hover {
	color: #d25302;																/* ROLLOVER TEXT */
}

span.statusAlert, 
div.cartErrorBar div.errorBarMain, 
div.discountText, 
div.emailError, 
div.error {
	color: #dd7e0d;																/* ALERT TEXT */
}

table.tabs td.currentTab table td.content, 
div.tab_panel, 
div.tab_panel a, 
div.main div.middle div.content.product {
	color: #ffffff;																/* ALTERNATE TEXT */
}

div.primary, 
div.main div.middle, 
div.main div.middle div.secondaryBottom, 
div.main div.middle div.content.splash, 
div div.main div.primary div.primaryTopLeft, 
div div.main div.primary div.primaryTopLeftNoTab, 
div div.main div.primary div.primaryTopCenter, 
div div.main div.primary div.primaryTopRight, 
div div.main div.primary div.primaryBottomLeft, 
div.main div.primary div.primaryBottomCenter, 
div div.main div.primary div.primaryBottomRight, 
table li.navFooter table td.left, 
table li.navFooter table td.center, 
table li.navFooter table td.right, 
div table.tabs td.currentTab table td.content, 
div td.optionsTopLeft, 
div td.optionsTop, 
div td.optionsTopRight, 
div td.optionsLeft, 
div td.optionsMain, 
div td.optionsRight, 
div td.optionsBottomLeft, 
div td.optionsBottom, 
div td.optionsBottomRight, 
div.bodyContainer div.main div.middle div.content.product, 
table.orderGridMain tr.sectionRow td, 
table.orderGridMainSmall tr.sectionRow td, 
#popupMask {
	background-color: #3d3d3d;													/* PRIMARY */
}

div.header, 
td.sidebarMiddle div.separator, 
table.jumpOptions tr td div.jumpText div.separator, 
div.registrySearchHead, 
div.main div.middle div.layoutVertical div.linkColumn, 
div.main div.middle div.layoutVertical div.linkColumn div.cartAndFavorites, 
div.main div.middle div.pageBarBottom, 
div.main div.middle div.pageBarBottomNoContent, 
div.content div.summary, 
div.main div.middle div.layoutVertical div.image, 
div.main div.middle div.layoutHorizontal div.linkColumn div.sectionList, 
div.main div.middle div.layoutHorizontal div.image, 
table.jumpOptions tr td, 
div.main div.middle div.galleryInfo, 
div.main div.middle div.secondary, 
div.main div.middle div.pagesBarTop, 
div.main div.middle div.pagesBarBottom, 
div.main div.middle div.content, 
div.main div.middle div.content table td.thumbCell, 
table.jumpOptions tr td, 
tr.header td, 
td.total, 
tr.cartRow, 
tr.items td, 
div.confirmBox, 
div.commentsBox, 
td.cartGridTotal, 
table.orderGridMain td, 
table.orderGridMainSmall td, 
div.summary div.summaryRight div.productDescription, 
div.dataEntry div.subHead, 
table.centered td.address.right, 
td.columnAlbumNotes, 
td.columnNotes, 
div.slideshowSeparator, 
div.galleryEntryPopup, 
table.discountGrid td {
	border-color: #3d3d3d;														/* PRIMARY */
}

div.main div.middle div.secondary, 
div.main div.middle div.secondary div.secondaryTopCenter, 
div.main div.middle div.galleryInfo, 
div.main div.middle div.content.splash, 
div.main div.middle div.pageBarBottom, 
div.main div.middle div.pageBarBottomNoContent, 
div.main div.middle div.secondaryBottom div.secondaryBottomCenter, 
div.main div.middle div.secondary div.secondaryTopLeft, 
div.main div.middle div.secondary div.secondaryTopCenter, 
div.main div.middle div.secondary div.secondaryBottomCenter, 
div.main div.middle div.secondary div.secondaryTopRight, 
div.main div.middle div.pagesBarTop, 
div.main div.middle div.pagesBarBottom, 
div.main div.middle div.content, 
div.main div.middle div.content table td.thumbCell, 
div.main div.middle div.secondary div.secondaryBottomLeft, 
div.main div.middle div.secondary div.secondaryBottomRight, 
div.primary td.secondary, 
table.jumpOptions tr.secondary td, 
tr.items.hover:hover, 
div.registryResultsArea table.centered.full tr.items:hover, 
td.checkbox, 
div.dark {
	background-color: #000000;													/* SECONDARY */
}

div.main div.middle div.layoutVertical div.linkColumn, 
div.main div.middle div.layoutHorizontal div.linkColumn, 
div.main div.middle div.content table td.thumbCell:hover, 
/* following (1) added for IE 6's benefit */
div.main div.middle div.content table td.thumbCellHover, 
div.navigation li ul li, 
table.jumpOptions tr.accent td, 
div#mainContainer div.sidebar table td.sidebarTop, 
div#mainContainer div.sidebar table td.sidebarMiddle, 
div#mainContainer div.sidebar table td.sidebarBottom, 
div.light, 
table.errorBar td, 
tr.header td, 
td.total, 
tr.cartRow, 
tr.items td, 
div.confirmBox, 
div.commentsBox, 
table.orderGridMain tr.header td, 
table.orderGridMainSmall tr.header td, 
table.orderGridMain tr.items td, 
table.orderGridMainSmall tr.items td, 
table.orderGridMain td.columnTotal, 
td.cartGridTotal, 
table.orderGridMain tr.itemRow td, 
table.orderGridMainSmall tr.itemRow td, 
table.discountGrid td, 
body.popupInnerBody, 
div.galleryEntryPopup, 
#popupTitleBar, 
#popupContainer {
	background-color: #4d4d4d;													/* ACCENT */
}

div.tab_panel div.separatorFirst, 
div.tab_panel div.separator, 
#prints_panel .quantityBlurb {
	border-color: #4d4d4d;														/* ACCENT */
}

div.main div.middle img.splashImageVertical, 
div.main div.middle img.splashImageHorizontal, 
div.main div.middle div.content td.thumbCell img, 
img.fullImage, 
div.tab_panel td.productImage img, 
td.item img, 
table.jumpOptions tr td div.jumpImage img, 
div.summary div.summaryLeft img, 
div.main div.middle div.content div.photoArea div.large img, 
div.main div.middle div.content div.photoArea div.small img, 
div.main div.middle div.content div.photoArea div.smallMiddle img, 
#album_well_panel #album_well_target #albumCart #items span img, 
td.registrySearchImage img, 
table.orderGridMain tr.items td img, 
table.orderGridMain tr.itemRow td img, 
div.itemImage img, 
img.prevButton, 
img.nextButton, 
#popupInner {
	border: 1px solid #d5d5d5;
}


/* ---------------------------------------------------------- */
/*         Overrides the accent color on splash page          */
/* ---------------------------------------------------------- */

div.main div.middle div.layoutVertical div.linkColumn, 
div.main div.middle div.layoutHorizontal div.linkColumn, 
/* following (2) added for IE 6's benefit */
div.main div.middle div.layoutVertical div.linkColumn div, 
div.main div.middle div.layoutHorizontal div.linkColumn div {
	background-color: #;
}


/* ---------------------------------------------------------- */
/*       Overrides the rollover color on thumbnail page       */
/* ---------------------------------------------------------- */

div.main div.middle div.content table td.thumbCell:hover, 
/* following (1) added for IE 6's benefit */
div.main div.middle div.content table td.thumbCellHover {
	background-color: #;
}


/* ---------------------------------------------------------- */
/*         Overrides the color of the thumbnail cell          */
/* ---------------------------------------------------------- */

div.main div.middle div.content table td.thumbCell {
	background-color: #;
	color: #;
}


/* ---------------------------------------------------------- */
/*      Overrides the color of the full-sized image cell      */
/* ---------------------------------------------------------- */

div.primary td.secondary.fullImage {
	background-color: #;
	color: #;
}


/* ---------------------------------------------------------- */
/*      Overrides the color of the text in the status box     */
/* ---------------------------------------------------------- */

div.statusbox {
	color: #;
}


div.main div.primary div.primaryTopLeftNoTab {
	background: url("primaryTopLeft-noTab.gif") top left no-repeat;
}

div.main div.primary div.primaryTopLeft, 
div.primary tr.primaryCorners td.primaryTopLeft {
	background: url("primaryTopLeft.gif") no-repeat top left;
}

div.main div.primary div.primaryTopRight, 
div.primary tr.primaryCorners td.primaryTopRight, 
td.optionsTopRight {
	background: url("primaryTopRight.gif") top right no-repeat;
}

div.main div.middle div.secondary div.secondaryTopLeft, 
div.primary td.secondary td.secondaryTopLeft {
	background: url("secondaryTopLeft.gif") no-repeat top left;
}

div.main div.middle div.secondary div.secondaryTopRight, 
div.primary td.secondary td.secondaryTopRight {
	background: url("secondaryTopRight.gif") no-repeat top right;
}

div.main div.middle div.secondaryBottom div.secondaryBottomLeft, 
div.main div.middle div.secondary div.secondaryBottomLeft, 
div.primary td.secondary td.secondaryBottomLeft {
	background: url("secondaryBottomLeft.gif") no-repeat bottom left;
}

div.main div.middle div.secondaryBottom div.secondaryBottomRight, 
div.main div.middle div.secondary div.secondaryBottomRight, 
div.primary td.secondary td.secondaryBottomRight {
	background: url("secondaryBottomRight.gif") no-repeat bottom left;
}


/* ---------------------------------------------------------- */
/*   Adds alternate secondary rounded corners on image page   */
/* ---------------------------------------------------------- */

/* DELETE THIS
div.primary td.secondary td.secondaryTopLeft {
	background: url("secondaryTopLeftAlt.gif") no-repeat top left;
}

div.primary td.secondary td.secondaryTopRight {
	background: url("secondaryTopRightAlt.gif") no-repeat top right;
}

div.primary td.secondary td.secondaryBottomLeft {
	background: url("secondaryBottomLeftAlt.gif") no-repeat bottom left;
}

div.primary td.secondary td.secondaryBottomRight {
	background: url("secondaryBottomRightAlt.gif") no-repeat bottom left;
}
...AND THIS */


div.main div.primary div.primaryBottomLeft, 
div.primary tr.primaryCorners td.primaryBottomLeft, 
td.optionsBottomLeft {
	background: url("primaryBottomLeft.gif") bottom left;
}

div.main div.primary div.primaryBottomRight, 
div.primary tr.primaryCorners td.primaryBottomRight, 
td.optionsBottomRight {
	background: url("primaryBottomRight.gif") bottom right;
}

li.navFooter table td.left {
	background: url("navFooterLeft.gif") no-repeat left center;
}

li.navFooter table td.right {
	background: url("navFooterRight.gif") no-repeat right center;
}

table.tabs td.currentTab table td.borderLeft {
	background: url("activeTabLeft.gif") no-repeat top left;
}

table.tabs td.currentTab table td.borderRight {
	background: url("activeTabRight.gif") no-repeat top right;
}

div#mainContainer div.sidebar table td.sidebarTopLeft {
	background: url("sidebarTopLeft.gif") no-repeat top left;
}

div#mainContainer div.sidebar table td.sidebarBottomLeft {
	background: url("sidebarBottomLeft.gif") no-repeat bottom left;
}


/* ---------------------------------------------------------- */
/*         Overrides rounded corner background images         */
/* ---------------------------------------------------------- */

div.main div.primary div.primaryTopLeftNoTab, 
div.main div.primary div.primaryTopLeft, 
div.primary tr.primaryCorners td.primaryTopLeft, 
div.main div.primary div.primaryTopRight, 
div.primary tr.primaryCorners td.primaryTopRight, 
div td.optionsTopRight, 
/* DELETE THIS to remove rounded corners from splash and product sidebar (rare)
div table.tabs td.currentTab table td.borderLeft, 
div table.tabs td.currentTab table td.borderRight, 
div#mainContainer div.sidebar table td.sidebarTop, 
div#mainContainer div.sidebar table td.sidebarBottom, 
...AND THIS */
div.main div.middle div.secondary div.secondaryTopLeft, 
div.primary td.secondary td.secondaryTopLeft, 
div.main div.middle div.secondary div.secondaryTopRight, 
div.primary td.secondary td.secondaryTopRight, 
div.main div.middle div.secondaryBottom div.secondaryBottomLeft, 
div.main div.middle div.secondary div.secondaryBottomLeft, 
div.primary td.secondary td.secondaryBottomLeft, 
div.main div.middle div.secondaryBottom div.secondaryBottomRight, 
div.main div.middle div.secondary div.secondaryBottomRight, 
div.primary td.secondary td.secondaryBottomRight, 
div div.main div.primary div.primaryBottomLeft, 
div.primary tr.primaryCorners td.primaryBottomLeft, 
div td.optionsBottomLeft, 
div div.main div.primary div.primaryBottomRight, 
div.primary tr.primaryCorners td.primaryBottomRight, 
div td.optionsBottomRight, 
table li.navFooter table td.left, 
table li.navFooter table td.right {
/* DELETE THIS
	background-image: none;
...AND THIS (and REMOVE background-color: transparent below) */
}

table li.navFooter table td.left, 
table li.navFooter table td.right {
	background-color: transparent;
}


/* ---------------------------------------------------------- */
/*      Changes the color of the header's bottom border       */
/* ---------------------------------------------------------- */

div.header {
	border-color: #;
}


/* ---------------------------------------------------------- */
/*           Suppresses the header's bottom border            */
/* ---------------------------------------------------------- */

/* DELETE THIS
div.header {
	border-width: 0px !important;
}
...AND THIS */