@charset "utf-8";


/************************************************************************************************************************************************
**************************************************  GENERAL CSS CALLS  *************************************************************************
*************************************************************************************************************************************************/

* {font-size:13px; font-family:Segoe UI, Arial, Helvetica, sans-serif !important;}
table {font-size:inherit; border-collapse:collapse; border-spacing:0;}
pre,code,kbd,samp,tt {font-family:monospace; *font-size:108%; line-height:99%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
li {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0; font-variant:normal;}
sup,sub {line-height:1px; vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit; font-size:inherit; font-weight:inherit;}

/* CSS Fixes */
a, a:active, a:visited, a:hover {outline: none;}   /*removes dotted line around links in Firefox browsers*/

/* System Tags CSS */
html, body {height: 100%;}
body {background-color:#; color:#; min-width:1010px;}
a, a:active, a:visited {text-decoration:none; color:#;}
a:hover {text-decoration:none; color:#;}
strong {font-weight: bold;}
li {list-style-position: inside; list-style-type: disc;}

/* Formatting CSS */
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-sml {font-size:10px;}
.text-med {font-size:12px;}
.text-big {font-size:15px;}
.text-red {color:#c82233 !important;}
.text-blue {color:#0000ff !important;}
.text-yellow {color:#ffff00 !important;}
.text-green {color:#00ff00 !important;}
.text-white {color:#ffffff;}
.text-black {color:#000000;}
.text-bold {font-weight:bold;}
.text-alert {font-size:13px; color:#D83B3B; /*color:#;*/}
.left {float:left;}
.right {float:right;}
.point {cursor:pointer !important;}
.rowHide {display:none;}
.input-szxxlg {width:450px;}
.input-szxlg {width:290px;}
.input-szlg {width:200px;}
.input-szmed {width:100px;}
.input-szsml {width:70px;}
.input-szxsml {width:40px;}
.input-tiny {width: 20px; font-size: 10px; line-height: 10px; z-index: 100;}

.p-0 {padding:0 !important;}
.p-5 {padding:5px !important;}
.p-10 {padding:10px !important;}
.p-15 {padding:15px !important;}
.p-20 {padding:20px !important;}
.p-25 {padding:25px !important;}
.pt-0 {padding-top:0 !important;}
.pt-5 {padding-top:5px !important;}
.pt-8 {padding-top:8px !important;}
.pt-10 {padding-top:10px !important;}
.pt-15 {padding-top:15px !important;}
.pt-20 {padding-top:20px !important;}
.pt-25 {padding-top:25px !important;}
.pb-0 {padding-bottom:0 !important;}
.pb-5 {padding-bottom:5px !important;}
.pb-10 {padding-bottom:10px !important;}
.pb-15 {padding-bottom:15px !important;}
.pb-20 {padding-bottom:20px !important;}
.pb-25 {padding-bottom:25px !important;}
.pl-0 {padding-left:0 !important;}
.pl-5 {padding-left:5px !important;}
.pl-10 {padding-left:10px !important;}
.pl-15 {padding-left:15px !important;}
.pl-20 {padding-left:20px !important;}
.pl-25 {padding-left:25px !important;}
.pr-0 {padding-right:0 !important;}
.pr-5 {padding-right:5px !important;}
.pr-10 {padding-right:10px !important;}
.pr-15 {padding-right:15px !important;}
.pr-20 {padding-right:20px !important;}
.pr-25 {padding-right:25px !important;}
.m-0 {margin:0 !important;}
.m-5 {margin:5px !important;}
.m-10 {margin:10px !important;}
.m-15 {margin:15px !important;}
.m-20 {margin:20px !important;}
.m-25 {margin:25px !important;}
.mt-0 {margin-top:0 !important;}
.mt-5 {margin-top:5px !important;}
.mt-10 {margin-top:10px !important;}
.mt-15 {margin-top:15px !important;}
.mt-20 {margin-top:20px !important;}
.mt-25 {margin-top:25px !important;}
.mb-0 {margin-bottom:0 !important;}
.mb-5 {margin-bottom:5px !important;}
.mb-10 {margin-bottom:10px !important;}
.mb-15 {margin-bottom:15px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-25 {margin-bottom:25px !important;}
.ml-0 {margin-left:0 !important;}
.ml-5 {margin-left:5px !important;}
.ml-10 {margin-left:10px !important;}
.ml-15 {margin-left:15px !important;}
.ml-20 {margin-left:20px !important;}
.ml-25 {margin-left:25px !important;}
.mr-0 {margin-right:0 !important;}
.mr-5 {margin-right:5px !important;}
.mr-10 {margin-right:10px !important;}
.mr-15 {margin-right:15px !important;}
.mr-20 {margin-right:20px !important;}
.mr-25 {margin-right:25px !important;}


.cover_spin {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#ffffff url(images/bigSpin2.gif) center center no-repeat; z-index:9999; opacity: 0.5;}

/* Braintree Hosted Fields styling classes*/
.braintree-hosted-fields-focused {border: 1px solid #0275d8; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.braintree-hosted-fields-focused.focused-invalid {border: 1px solid #ebcccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(100,100,0,.6);}
.helper-text {color: #8A6D3B; font-size: 12px; margin-top: 5px; height: 12px; display: block;}
#paypal-logo {background:transparent url('images/paypallogo.png') center center no-repeat; width:60px; height:17px;}

/* Square Hosted Fields styling classes*/
.sq-input {border: 1px solid rgb(223, 223, 223); outline-offset: -2px; margin-bottom: 5px;}
/* Indicates how form inputs should appear when they have focus */
.sq-input--focus {outline: 5px auto rgb(59, 153, 252);}
/* Indicates how form inputs should appear when they contain invalid values */
.sq-input--error {outline: 5px auto rgb(255, 97, 97);}


/* Login Page CSS Calls */
#box-login {width:880px; margin-left:auto; margin-right:auto; padding-top:100px; min-height:400px;}
.box-login-heading {font-size:14px; font-weight:bold;}

/* Printing Popup CSS Changes */
.printInstruct {display:none; width:800px; background-color:#ffffff;}
#print_button {cursor:pointer; width:25px; height:18px; background:transparent url('images/imgPrint.png') no-repeat left top; padding-left:20px;}

/* Pretty Photo Popup CSS Changes */
.pp_select_img {background:url(images/imgPPSelect.png) 2px 1px no-repeat; cursor:pointer; height:30px; width:30px}
.pp_select_img:hover {opacity:0.7;}
.pp_select_img {display:block; line-height:22px; position:absolute; right:40px; text-indent:-10000px; top:0}
.pp_description {color:#ffffff !important;}

/* UI Overrides */
.ui-light {background-image: url(images/ui-icons_4b8e0b_256x240.png) !important;}
.ui-dark {background-image: url(images/ui-icons_a83300_256x240.png) !important;}
.ui-pop {background-image: url(images/ui-icons_2694e8_256x240.png) !important;}
.ui-icon-empty { background:none !important;}
.ui-dialog {max-width:1050px;}

#Submit {width:70px; height:30px;}
.resetPass {margin-right:20px; margin-top:5px;}
.resetPass:hover {color:#42c53a;}
#fSubmit {width:70px; height:30px;}
#logBox {display:block; width:440px; float:left;}
#forgotBox {display:none; width:440px; float:left;}
#inst_box {font-size:12px; float:right; width:400px; padding:5px; border:1px solid #ffffff;}
#inst_box h1 {font-size:16px; font-weight:bold; text-align:center;}
#inst_box ul,#inst_box ol {margin-left:10px;}
#inst_box li {font-size:12px;}

.rounded {behavior:url(PIE.htc); position:relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
.roundtop {behavior:url(PIE.htc); position:relative; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0;}
.roundbot {behavior:url(PIE.htc); position:relative; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px;}

/************************************************************************************************************************************************
**************************************************  BUTTON CSS CALLS  *************************************************************************
*************************************************************************************************************************************************/

.cartBtn {padding:2px; border:1px solid #; color:#; cursor:pointer; background-color:#;}
.cartBtn:hover {background-color:#; color:#;}
.selectSaveBtn {margin:10px 0 5px 0; padding:2px; border:1px solid #; color:#; cursor:pointer; text-align:center; background-color:#;}
.selectSaveBtn:hover {background-color:#; color:#;}
.addPrintsBtn {margin-top:15px; padding:2px 4px; border:1px solid #; cursor:pointer; color:#; background-color:#;}
.addPrintsBtn:hover {background-color:#; color:#;}
.addPrintsCountBtn {margin-top:15px; padding:2px 4px; border:1px solid #; cursor:pointer; color:#; background-color:#;}
.addPrintsCountBtn:hover {background-color:#; color:#;}
.addCoverBtn {margin-top:15px; padding:2px 4px; border:1px solid #; cursor:pointer; color:#; background-color:#;}
.addCoverBtn:hover {background-color:#; color:#;}

/************************************************************************************************************************************************
**************************************************  TOOLTIP CSS CALLS  *************************************************************************
*************************************************************************************************************************************************/

.info {font-size:11px; font-style:italic; font-weight:bold; background-color:#; margin-right:5px;}
a.info, a.info:visited {color:#;}
a.info:hover {color:#;}
#aToolTip {position: absolute; display: none; z-index: 1001;}
#aToolTip .aToolTipContent {position:relative; margin:0; padding:0;}
.defaultTheme {border:2px solid #; background:#; color:#;
	margin:0;
	padding:6px 12px;
	-moz-border-radius: 12px 12px 12px 0;
	-webkit-border-radius: 12px 12px 12px 0;
	border-radius: 12px 12px 12px 0;
	-moz-box-shadow: 2px 2px 5px #111; /* for Firefox 3.5+ */
	-webkit-box-shadow: 2px 2px 5px #111; /* for Safari and Chrome */
	box-shadow: 2px 2px 5px #111; /* for Safari and Chrome */
	behavior:url(PIE.htc);
}
.defaultTheme #aToolTipCloseBtn {display:block; height:18px; width:18px; background:url(images/imgClose.png) no-repeat; text-indent:-9999px;
	outline:none; position:absolute; top:-20px; right:-30px; margin:2px; padding:4px;}
.defaultTheme #aToolTipCloseItemBtn {display:block; height:18px; width:18px; background:url(images/imgClose.png) no-repeat; text-indent:-9999px;
	outline:none; position:absolute; top:-20px; right:-30px; margin:2px; padding:4px;}
#sidebar-photo-folder-subtext .fixedTip {width:50px;}
.tooltip {display:none; background:transparent url(images/black_arrow.png); font-size:12px; height:70px; width:160px; padding:25px; color:#ffffff; z-index:150;}

/************************************************************************************************************************************************
**************************************************  HEADER CSS CALLS  *************************************************************************
*************************************************************************************************************************************************/

/* Header CSS */
#header-container {width:100%; margin:0; position:relative; background-color:#; color:#;}
#links-container {float:right; position:relative; padding-top:5px; padding-right:15px; z-index:10;}
#logo-container {background:transparent url(../images//) no-repeat top left; height:108px; width:75%; position:relative; display:block;}
.hdrInfo {text-align:right;}
.hdrUser {border:1px solid #; color:#; padding:3px; margin-right:7px;}
a.hdrLogout {color:#; font-weight:bold;}
a.hdrLogout:hover {color:#; font-weight:bold; cursor:pointer;}
.hdrlink, .hdrlink:active, .hdrlink:visited {color:#;}
.hdrlink:hover {color:#;}
.hdrlinkflip, .hdrlink:active, .hdrlinkflip:visited {color:#; font-weight:bold;}
.hdrlinkflip:hover {color:#;}
.hdrCartbar {background-color:#; padding:5px; border-top:1px solid #; border-bottom:1px solid #;}
.clientHdrLinks {position:absolute; bottom:13px; right:5px; font-size:14px;}
.chatLoginPg {position: absolute; bottom:9px; right: 0; cursor:pointer;}
.siteNote {color:#db0f28; font-weight:bold; text-align:center; display:none;}

/************************************************************************************************************************************************
**************************************************  MAIN CONTENT CSS CALLS  *********************************************************************
*************************************************************************************************************************************************/

/* Main Section CSS */
#main-container {width:100%; background-color:#; color:#; padding:10px 0;}
.mainTbl {width:99%; margin:0 auto;}
.mainSection {width:100%; vertical-align:top;}

/************************************************************************************************************************************************
**************************************************  MAIN CONTENT CSS CALLS  *************************************************************************
*************************************************************************************************************************************************/

/* Main Images Info Bar Section CSS */
.imagesControlsBox {position:relative; border:1px solid #; width:99%; margin:0 auto; padding:10px 5px; color:#; background-color:#;}
.pgControls {position:absolute; right:10px; top:11px;}
.pgChat {position:absolute; left:10px; top:0; cursor:pointer; background:transparent url('images/subSpin.gif') 0 10px no-repeat; height:40px; width:200px;}
.pgHelp {position:absolute; left:15px; top:2px; cursor:pointer;}
.pgView {position:absolute; left:132px; top:2px;}
.systemTitle {font-weight:bold; font-size:16px; margin-left:450px; margin-right:200px;}
.pgChanger {font-size:12px; line-height:13px; width:28px;}
.pgnavBtn {position:relative; top:0; cursor:pointer;}
.chgViewBtn:hover, .imgCopy:hover {color:#00ff00;}

/* Main Images Section CSS */
.imagesContentBox {border:1px solid #; border-top:none; width:99%; margin:0 auto; padding:10px 5px; background-color:#; color:#;}
.imgsLeftside {vertical-align:top;}
.imgsRightside {width:100%; vertical-align:top; background:transparent url(images/bigSpin.gif) center center no-repeat;}

/************************************************************************************************************************************************
**************************************************  IMAGES LEFTSIDE CSS CALLS  ******************************************************************
*************************************************************************************************************************************************/

/* Save & Submit Buttons CSS */
.btnBox {height:40px; position:relative; margin-bottom:10px; width:230px !important; background-color:#; color:#; padding:5px 5px 5px 5px;}
.saveBtn {font-weight:bold; z-index:99; width:95px !important; text-align:center; background-color:#; color:#; padding:5px; border:1px solid #; margin:0 0 10px 4px;}
.saveBtn:hover {background-color:#; color:#;}
.submitBtn {font-weight:bold; width:95px !important; text-align:center; background-color:#; color:#; padding:5px; border:1px solid #; margin:0 0 10px 10px;}
.submitBtn:hover {background-color:#; color:#;}
.timer {color:#009300; font-weight:bold; position:absolute; bottom:-10px; left:43px; padding: 0 5px 1px 5px; z-index:98; border:1px solid #; border-top:none;}
.timer:hover {background-color:#;}

/* Images Per Page Section CSS */
.imgCntBox {float:left; width:230px !important; background-color:#; color:#; padding:5px 5px; border:1px solid #; margin:0 0 6px 0;}
.imageCntSel {margin:0 0 0;}
.selAllBtn {padding:6px 2px 1px 2px; margin-right:3px;}
.selAllBtn:hover {background-color:#;}

/* User Profile Section CSS */
.userProfile {padding:3px;}
.guestProfile {padding:0;}
.userFavs {padding:3px;}
.profileBox {float:left; width:108px !important; background-color:#; color:#; padding:1px 5px; border:1px solid #; margin:0 0 10px 0;}
.profileBox:hover {background-color:#; color:#;}
.favBox {float:left; width:100px !important; background-color:#; color:#e67c84; padding:1px 5px; border:1px solid #; margin:0 0 10px 10px;}
.favBox:hover {background-color:#; color:#e67c84;}
.sysGoodImg, .sysBadImg, .sysReqImg {margin-left:5px; position:relative; top:2px;}

#fancybox-buttons a.btnFavorite {
	background:transparent url('images/imgISFav.png') 6px 7px no-repeat;
	border-right: 1px solid #3e3e3e;
}
#fancybox-buttons ul {width:160px !important;}

/* Categories Section CSS */
.categories-container {float:left; width:190px; padding:0 5px 5px; border:1px solid #; margin:0 10px 10px 0; background-color:#; color:#;}
.categories-title {margin:5px; font-weight:bold;}
.categories-header {font-size:12px; font-weight:bold; padding:3px;}
.orderDetailsColorAlbum {background-color:#; padding:1px 0 !important; width:6px;}
.orderDetailsColorPackages {background-color:#; padding:1px 0 !important; width:6px;}
.orderDetailsColorPrints {background-color:#; padding:1px 0 !important; width:6px;}
.orderDetailsColorComp {background-color:#; padding:1px 0 !important; width:6px;}
.orderDetailsColorSpecials {padding:1px 0 !important; width:6px;}
.orderColorSpecials {padding:1px 0 !important; width:6px; background:transparent url('images/specialsColorBar.png') no-repeat 0 0;}
.catItem {cursor:pointer;}
a.catItem, a.catItem:visited {color:# !important;}
a.catItem:hover {color:# !important;}

/* Order Details Products Section CSS */
.details-container {width:445px; color:#; padding:0 5px; border:1px solid #; margin-bottom:5px; background-color:#;}
.details-header {margin:5px 0; font-weight:bold;}
.orderDetailsTbl {width:438px;}
.orderDetailsTbl td {padding:2px 2px; line-height:18px;}
.orderItemCount {font-size:10px; font-weight:bold; vertical-align:middle; cursor:default; width:15px;}
.orderDetailsColorComp {width:5px;}
.orderItemName {vertical-align:top; cursor:default; width:205px;}
.orderSubItemName {vertical-align:top; cursor:default; width:190px;}
.orderDetailsCount {width:45px; text-align:center; vertical-align:top;}
.orderDetailsTools {text-align:right; padding:3px 0 1px !important; font-weight:bold; vertical-align:top;}
.orderDetailsPrice {width:57px; text-align:right; vertical-align:top;}
.orderSpacer {width:10px;}
.orderDetailsRadio {vertical-align:middle; padding:1px 0 !important; width:10px;}
.imgCopy {width:40px;}

/* Order Details Price Section CSS */
.orderPriceBox, .checkoutPriceBox {padding:5px 0; font-size:10px; border-top:1px dotted; margin-top:10px;}
.orderPriceBox table, .checkoutPriceBox table{width:100%;}
.orderPriceBox table td, .checkoutPriceBox table td {padding:2px 3px; line-height:14px;}
.cartTotName {text-align:left; vertical-align:top;}
.cartPrice {text-align:right;}
.addCoupon:hover, .remCoupon:hover, .addShipping:hover, .retList:hover {color:#C52129;}

.showRemIcon {width:16px; height:16px; background:transparent url(images/closeIcon.png) -2px -2px no-repeat; display: inline-block;}
.retViewImg {color:#5a92e4 !important;}
.retViewImg:hover {color:#54c628 !important; text-decoration: underline !important;}

/* Order Details Comments Section CSS */
.ordInfoHdr {margin:5px 0; padding-bottom:3px; font-weight:bold;}
.orderDetailsName {text-align:center; width:85%;}
.orderDetailsComments {width:100%; height:60px;}

/* Order Checkout CSS */
.order_holder {width:500px;}
.userAddTbl {width:100%; margin-left:10px;}
.userAddTbl tr {line-height:25px;}
.userAddTblTd {font-weight:bold; width:145px;}
.client-add-block {border:1px solid #606060; padding:10px; width:365px;}
.client-add-block legend {margin-left:10px; color:#cccccc;}
#paypal_info {position:relative; float:left; left:0; bottom:-5px; width:480px; text-align:center;}
#paypal_info img {width:200px;}

input#auth_cc_num.valid{background:#ffffff url(images/gtick.png) right center no-repeat;}
input#auth_cc_num.invalid{background:#ffffff url(images/btick.png) right center no-repeat;}
#auth_name, #auth_cc_num, #auth_cc_cvc, #auth_cc_expm, #auth_cc_expy {border:0;}

.ccards{overflow:hidden; margin: -11px 19px 5px 0; float:right;}
.ccards li{
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	-o-transition:all .2s;
	transition:all .2s;
	background:url(images/card_logos.png) center center;
	float:left;
	height:20px;
	margin-right:8px;
	text-indent:-9999px;
	width:32px;
	behavior:url(PIE.htc);
}
.ccards li:last-child{margin-right:0}
.ccards .visa{background-position:159px 0}
.ccards .visa.off{background-position:159px 20px}
.ccards .mastercard{background-position:97px 0}
.ccards .mastercard.off{background-position:96px 20px}
.ccards .amex{background-position:67px 0}
.ccards .amex.off{background-position:65px 20px}
.ccards .discover{background-position:32px 0}
.ccards .discover.off{background-position:32px 20px}

#bill_state, #auth_cc_expm, #ship_state {margin-left: -1px;}

/************************************************************************************************************************************************
**************************************************  IMAGES RIGHTSIDE CSS CALLS  ******************************************************************
*************************************************************************************************************************************************/

/* Main Images Right Section CSS */
.imageBox {margin-left:15px; position:relative;}
.imgHoldingBox {width:150px; background-color:#; margin:0 10px 10px 0; position:relative; border:1px solid #;}
.imgHoldingBox table {width:100%; height:100%;}
.imgLink {position:relative;}
.imgPrintsBtn {background:transparent url('images/imgPrints.png') no-repeat left top; height:20px; width:20px; position:absolute; top:0; left:0; z-index:50; cursor:pointer;}
.imgPrintsCountBtn {height:20px; width:28px; position:absolute; top:0; left:5px; z-index:50; color:#000000; font-weight:bold;}
.imgInfoBtn {background:transparent url('images/imgInfo.png') no-repeat left top; height:20px; width:20px; position:absolute; top:0; right:0; z-index:50; cursor:pointer;}
.imgSelCover {height:20px; width:20px; position:absolute; top:3px; left:3px; z-index:50; cursor:pointer;}
.imgBWCLR {height:20px; width:20px; position:absolute; top:3px; right:0; z-index:50; cursor:pointer;}
.imgBWCLR img{width:16px;}
.coverNameInp {width:250px;}
.photoImgCnt {width:20px; font-size:12px; line-height:13px; z-index:100;}
.selectHdr {padding-bottom:2px; border-bottom:1px solid #;}
#iViewer {background-color:#ffffff; padding:5px; z-index:2000; position:absolute; display:none;}
#iViewerClose {position:absolute; top:7px; right:0; z-index:2010; width:30px; height:30px; cursor:pointer; background:transparent url('images/closeIcon.png') 0 0 no-repeat;}
.iViewerName {width:100%; position:absolute; bottom:-20px; left:0; background:#000000; color:#ffffff; font-weight:bold; font-size:15px;}
.watermark {opacity:0.4; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url(../watermark.png) center center no-repeat; z-index: 1100;}

.onItemsTbl {width:100%;}
.onItemsTbl thead {background-color:#2c8cd3; font-weight:bold;}
.onItemsTbl tr {line-height:23px;}

.retTA {width:100%; height:90px; margin-top:10px;}


.icon-bar-img {text-align:center; border-top:1px solid #888888; padding-top:2px;}
#imgNumCnt {position:absolute; bottom:0; left:0; font-size:11px; color:#000000; font-weight:bold;}
.imgOnItemsBtn {height:20px; width:20px; z-index:50; position:absolute; top:0; left:0; cursor:pointer; display: inline-block; background:transparent url(images/imgSelected.png) 0 2px no-repeat;}
.imgOnItemsBtn_none {height:20px; width:20px; z-index:50; position:absolute; top:0; left:0; display: inline-block; background:transparent url(images/imgSelect.png) 0 2px no-repeat;}
.imgSelectBtn {height:20px; width:20px; z-index:50; margin:0 3px; cursor:pointer; display: inline-block; background:transparent url(images/imgAdd.png) 4px 4px no-repeat;}
.imgHideBtn,.imgUnHideBtn,.imgRemBtn {height:16px; width:16px; z-index:50; position:absolute; top:3px; right:2px; cursor:pointer; background:transparent url(images/deleteIcon.png) 0 0 no-repeat;}
.imgBWCLRmain {height:20px; width:20px; z-index:50; margin:0 3px; cursor:pointer; display: inline-block;}
.imgBWCLRmain img{width:16px; display: inline-block; float:left; margin: 3px;}
.imgRetouchBtn {height:20px; width:20px; z-index:50; margin:0 2px; cursor:pointer; display: inline-block; background:transparent url(images/edit.png) 4px 4px no-repeat;}
.imgNOTFavBtn {height:20px; width:20px; z-index:50; margin:0 3px; cursor:pointer; display: inline-block; background:transparent url(images/imgNOTFav.png) 0 4px no-repeat;}
.imgISFavBtn {height:20px; width:20px; z-index:50; margin:0 3px; cursor:pointer; display: inline-block; background:transparent url(images/imgISFav.png) 0 4px no-repeat;}


/************************************************************************************************************************************************
**************************************************  POPUP BOXES CSS CALLS  ******************************************************************
*************************************************************************************************************************************************/
/*.viewProdImg {background:transparent url(images/subSpin.gif) center center no-repeat;}*/
.prod_thumb {border: 2px solid #ffffff; min-width:50px; min-height:50px; background-color:#ffffff;}
.prod_thumb:hover {border: 2px solid #55d25b;}
.albImgBox {background:#e4e4e4 url(images/loading.gif) center center no-repeat; border:1px solid #ccc;}

/* User Popup Box CSS */
.userEditTbl {width:100%; margin-left:10px;}
.userEditTbl tr {line-height:30px;}
.userEditTblTd {font-weight:bold; width:185px;}
.xsmlTxtInp {width:40px; text-align:center;}
.fullTxtInpLg {width:250px;}
.trBig {line-height:30px;}
.note-txt {font-size:11px; line-height:12px; width:620px; float:right;}
.maxWarn,.privPolicy,.refPolicy {z-index:99999;}

/* Albums Popup Box CSS */
#categoryAlbum {overflow:hidden;}
.albumsBox {width:100%;}
.albumsTbl th, .albumsTbl td {text-align:center;}
.albumTblHead th {position:relative; height:75px; padding:5px; width:175px;}
.albumTblHeadImg th {height:115px; padding:5px;}
.albumTblBody td {text-align:center; padding:5px; font-weight:bold;}
.albumsImgCntCell {width:120px;}
.albumsPriceCell {cursor:pointer;}
.albumsTotalBox {text-align:right; font-size:14px; font-weight:bold; margin:15px 10px 10px 0;}
.albumsImgBtn {position:absolute; top:0; right:0; cursor:pointer;}

/* Packages Popup Box CSS */
#categoryPackage {overflow:hidden;}
.packageBox {width:100%;}
.packageTbl {position:relative; float:left; margin-right:10px;}
.packageTblHead th {padding:5px; width:200px; height:75px;}
.packageTblBody td {text-align:left; padding:5px; font-weight:bold; border:1px solid;}
.packagePriceCell {cursor:pointer; padding:3px 5px; text-align:center !important;}
.packageTotalBox {text-align:right; font-size:14px; font-weight:bold; margin:15px 10px 10px 0;}
.packImgBtn {position:absolute; top:0; right:0; cursor:pointer;}

/* Specials Popup Box CSS */
#categorySpecial {max-height:650px;}
.specialBox {width:100%;}
.specialTbl {width:315px; position:relative; float:left; display:inline; margin-right:10px; margin-bottom: 20px;}
.specialTblHead th {padding:5px;}
.specialTblBody td {text-align:left; padding:5px; font-weight:bold; border:1px solid; width:300px;}
.specialPriceCell {cursor:pointer; padding:3px 5px; text-align:center !important; font-weight:normal !important;}
.specialTotalBox {text-align:right; font-size:14px; font-weight:bold; margin:13px 300px 10px 0;}
.specImgBtn {position:absolute; top:0; right:0; cursor:pointer;}
.specDesc {margin-left:20px; font-size:10px;}

/* Complements Popup Box CSS */
#categoryComplement { max-height:400px;}
.compTbl tr {border:1px solid #ffffff; padding:5px;}
.compBox {margin:0 auto;}
.compTbl th {padding:10px; font-weight:bold;}
.compTblCell {padding:5px;}
.compAmt {width:25px; line-height:13px; font-size:12px; text-align:center;}
.compTotalBox {float:right; text-align:right; font-size:14px; font-weight:bold; padding:15px 0 10px 0;}

.checkoutTerms,.cvcHelp,.albumsHelp,.packageHelp,.compsHelp,.specialsHelp,.printsHelp,.noimageHelp,.mainInstruct,.maxWarn,.ordSubmitBox,.ordProcessBox{display:none;}
.mainInstruct {width:600px; font-size:12px;}
.printInstruct {display:block; margin:0 auto;}

/************************************************************************************************************************************************
**************************************************  FOOTER CSS CALLS  *************************************************************************
*************************************************************************************************************************************************/

/* Footer CSS */
#footer-container {position:relative; width:100%; background-color:#;}
#footer-content {text-align:center; padding:15px 0; color:#;}
#footer-content a{color:#;}
#footer-content a:hover{color:#;}
.ftrFineprint {font-family: Verdana, Geneva, sans-serif; font-size: 10px;}

/************************************************************************************************************************************************
**************************************************  PREVIOUS ORDERS PAGE CSS CALLS  ******************************************************************
*************************************************************************************************************************************************/

/* Previous Orders CSS */
.orderDupNote {width:70%; text-align:center; font-weight:bold; padding:3px; border:1px solid; margin:0 auto 10px;}
.order_content {border-top:none !important;}
.orders_container {width:100%; position:relative; background-color:#; color:#; padding:10px 0;}
.order_holder {position:relative; margin-bottom:10px; padding:0;}
.orderItemBox {border:1px solid; width:400px; height:230px; float:left; padding:5px; margin:10px; text-align:center; position:relative;}
.orderImgTd {text-align:center; width:160px; background-color:#;}
.orderImgCnt {color:#000000; padding-top:10px;}
.orderContTd {padding:10px; vertical-align:top; text-align:left; position:relative;}
.orderItemHdr {font-weight:bold; text-align:center; padding:3px 10px;}
.orderItemTitle {text-align:center; font-size:15px; font-weight:bold; margin-bottom:0;}
.orderItemDesc {border:1px solid; border-top:0; padding:5px;}
.orderItemPrice {position:absolute; bottom:2px; right:5px; font-weight:bold; text-align:right;}
.orderViewFlip {text-align:center; font-weight:bold; font-size:14px; margin:15px 0 0 0; cursor:pointer;}
.orderViewFlip a{color:#ff0000 !important;}
.orderImgGal {cursor:pointer;}

/************************************************************************************************************************************************
**************************************************  FLIPBOOK PAGE CSS CALLS  ******************************************************************
*************************************************************************************************************************************************/

/* Flip Book CSS  */
#flipView {margin-bottom:10px; font-weight:bold;}
#box-subheader-flipbook {font-size:15px; font-weight:bold; text-align:center;}
#box-flipbook {margin:10px auto; text-align:center; position:relative; color:#ffffff; z-index:1;}
#sidebar-container {width:220px;}
.pgChatFlip {position:relative; margin-bottom:5px; left:-2px; top:0; cursor:pointer; background:transparent url('images/subSpin.gif') 0 10px no-repeat; height:40px; width:200px;}
.sidebar-flipbook {
	z-index:90;
	width: 210px;
	font-size:12px;
	background-color: #;
	border: thin solid #;
	color: #;
	padding: 15px 5px 4px 5px;
	margin-bottom: 0;
}
.sidebar-flipbook-subtext {font-size:12px; padding-left:5px; padding-top:3px; padding-bottom:5px;}
.box-comments {position:relative; text-align:center;}
.flipbook-comments-textbox {margin-top:5px; width:90%;}
.viewFlipComm:hover {color:#1d80e2; cursor:pointer;}
.comm_tbl {width:100%;}
.comm_tbl tr {border-bottom:1px dotted #c0c0c0;}
.comm_tbl td {vertical-align:top; padding-bottom:5px}
#addAllComm {margin-top:5px; width:190px;}
#flipbook_oldcomments {display:none;}
#addComments {margin-top:5px; width:190px;}
.flip_submit_box {display:none;}
.flip_submitted_box {display:none;}
#submitFlipbook {width:160px;}
#box-confirm-flipbook {text-align:center; z-index:99999;}
#share-flipbook {margin:5px 0; color:#000; width:213px; text-align:center; font-size:12px; padding:3px; z-index:98; border:thin solid gold; background-color:#ffffff;}
#email-box {width:400px;}
#email-confirm {position:absolute; width:120px; top: 200px; left: 600px; padding:5px 0 0 7px; background-color: #9688b9; border: thin solid #FFF; z-index:99;}
.emailTxtArea {width:365px;}
#hiddenimages {position:absolute; top:25px; left:-999px;}