/* =====================================================
Kodak Gallery basic stylesheet
Last modified 9.11.08


1. Template
2. Typography
3. Utilities
4. Popup overrides
5. Primary nav tabs
6. Ancillary top nav
7. Footer nav
8. Sidebar nav + accordion
9. Confirmation, error, and alert boxes
10. Buttons
11. Day CMS
12. Unsorted

	
===================================================== */

/*-------------------------------------
1. Template
-------------------------------------*/

html {
	background:url(/images/common/template/bg_tile.png) left top repeat-x #efefd5;
	margin:0;
	padding:0;
	height:100%;
}

body {
	text-align:center;
	margin:0;
	padding:0;
	background:url(/images/common/template/site_background.jpg) center top no-repeat;
	font-family:verdana, helvetica, sans-serif;
	color:#333;
	font-size:11px;
	height:100%;
}

body.no-template {
	text-align:left;
	background:#fff;
}

#ur {
	display:block;
	width:745px;
	min-height:100%;
	text-align:left;
	position:relative;
	margin:0 auto;
	padding:0 7px;
	background:url(/images/common/template/content_tile.png) left top repeat-y;
}

#top, #bottom {
	color:#717171;
	font-size:10px;
	position:relative;
}

#top {
	height:104px;
	background:url(/images/common/template/header_background.gif) left top no-repeat;
}

#bottom {
	padding:10px;
	border-top:3px solid #ffce3a;
	background:url(/images/common/template/content_background.jpg) left top repeat-x;
	min-height:60px;
	line-height:15px;
	clear:both;
	z-index:0;
}

#logo, #logo-share-landing {
	float:left;
	width:193px;
	height:52px;
	padding:0;
	margin-bottom:20px;
	background:url(/images/common/template/main_logo_re.gif) no-repeat;
}

.mastheadNoNav {
	margin-bottom:15px;
}

#logo a, #logo a:hover, #logo-share-landing a, #logo-share-landing a:hover {
	display:block;
	width:193px;
	height:52px;
	text-indent:-999em;
	text-decoration:none;
	overflow:hidden;
}

/* ###fixme */
#logo-big {
    width:203px;
    height:59px;
    margin:0 0 10px 0;
    float:left;
}

#locale {
	display: block;
	left:0; 
	position:absolute;
	margin-top:52px;
	margin-left:18px;
}

#locale a{
	display: inline;	
}

#bg-content {
	position:relative;
	background:url(/images/common/template/content_background.jpg) left top repeat-x;
	padding:10px 0;
	float:left;
	width:745px;
	min-height:400px;
	height:auto;
	z-index:1;
}

#nav {
	width:200px;
	float:left;
	overflow:hidden;
}

#nav-content {
	padding:0 10px 20px 10px;
	position:relative;
	font-size:11px;
	overflow:hidden;
}

#main-2-col {
	width:545px;
	float:left;
}

#main-content {
	padding: 0 10px 20px 10px;
	min-height:400px;
	position:relative;
	float:left;
	width:725px;
}

#main-2-col #main-content {
	width:525px;
}

/* used to center modals in the content area */
#dialogparent {
	width:759px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#top-ribbon, #top-ribbon-nokia {
	display:block;
	width:745px;
	text-align:left;
	position:relative;
	margin:0 auto;
	padding:0 7px;
	background:url(/images/common/template/content_tile.png) left top repeat-y;
	overflow:hidden;
}

#top-ribbon img {
	max-width:745px;
}

/* sharelanding and cards flow overrides */
#ShareLandingSignin #top, #ShareLandingReg #top, #designProject #top, #selectMailingOptions #top {
	height:75px;
	border-bottom:4px solid #ffce3a;
}

#top-cap, #bottom-cap, #min-height-prop { display:none; }
.thirdPartyTrackingTagContainer { position:absolute;top:-100em;left:-100em; }


/*-------------------------------------
2. Typography
-------------------------------------*/

a:link, a:visited {
	text-decoration:none;
	color:#336699;
}

a:hover {
	color:#f80;
	text-decoration:underline;
}

.bold {
	font-weight:bold;
}

.disabled {
	color:#999;
}

.error {
	color:#f00;
	font-weight:bold;
}

.largetext {
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	margin:0 0 1em 0;
}

.no-wrap {
   white-space:nowrap;
}


/*  headers
-------------------------------------*/

h1, h2, h3, p {
	margin:0 0 10px 0;
	padding:0;
}

h4, h5 {
	margin:0;
	padding:0;
}

h1 {
	font-size:14px;
	font-family:arial, sans-serif;
	color:#525252;
}

h1.promotext {
	font-size:16px;
}

h2, h3 {
	font:bold 11px verdana, sans-serif;
	color:#525252;
}

h2.callout {
	font-size:14px;
	font-family:verdana, sans-serif;
	font-weight:bold;
	color:#333333;
	margin:0;
}

h3.memberbenefits {
	font:bold 11px verdana, sans-serif;
	color:#999;
	margin:0 0 6px;
}

.navbox h4 {
	font-size:11px;
	font-weight:bold;
	margin:2px 0 8px 4px;
}


/*-------------------------------------
3. Utilities
-------------------------------------*/

.float-r {
	float:right;
}

.float-l {
	float:left;
}

.clear {
	clear:both;
}

.clear-l {
	clear:left;
}

.clear-r {
	clear:right;
}

.ww-form-validation-msg {
	margin-bottom:1em;
	display:block;
}

#ww-form-validation-error-callout, .error-alert-box {
	padding:5px 5px 5px 38px;
	min-height:19px;
	border:1px solid red;
	color:#f00;
	font-weight:bold;
	background:url(/images/quepos/icons/error_icon.gif) 10px 5px no-repeat;
}

#ww-form-validation-error-callout {
	margin:2em 0 1em 0 ;
}

.error-alert-box {
	margin:1em 0;
}

form {
	margin:0;
	padding:0;
}

.hidden-submit {
	color:inherit;
	background-color:transparent;
	border:0;
	width:0;
	height:0;
	position:absolute;
	left:-1px;
	top:-1px;
	z-index: -1;
}

.hr-gray {
	height:1px;
	margin:.5em 0;
	clear:left;
	border-top: solid 1px #ccc;
	overflow:hidden;
}

.hrgray-dotted {
	height:1px;
	margin:.5em 0;
	clear:left;
	border-top: dotted 1px #ccc;
	overflow:hidden;
}

.hr-gray div {
	height:1px;
	width:100%;
}

.icheckbox{
	margin:0;
}

img {
	border:none;
	margin:0;
	padding:0;
}

input {
	margin:0 0 1em 0;
}

input, select, textarea {
	font-size:11px;
	font-family:verdana, sans-serif;
}

ol ul {
	list-style-type:disc;
}

ol ol{
	list-style-type:lower-alpha;
}

.red, .required {
	color:#f00;
}

.smalltext {
	font-size:10px;
	line-height:12px;
}

.invisible {
	display:none;
}

.unseen {
	visibility:hidden;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

span.hideString{
	color:#C600FF;
	font-weight:bold;
	text-decoration:line-through;
}
span.pendingTranslation{
	color:#093;
}

* html .clearfix {height:1%;}

.clearfix {display:block;min-height:1px;}


/*-------------------------------------
4. popup overrides
--------------------------------------*/

/*
These styles have been copied to popup.css, but need to remain here until we've verified popup is included everywhere
*/

body.popup {
	text-align:left;
	background:#fff;
	padding:0 10px;
	margin:0;
	height:700px;
}

#popup-ur {
	width:530px;
	text-align:left;
	position:relative;
	margin:0;
	padding-top:22px;
	overflow:hidden;
	background:url(/images/quepos/template/top_stripe.gif) top left no-repeat;
}

#top.gray-popup, #bottom.gray-popup{
	width:485px;
	text-align:left;
}

#top.gray-popup {
	background:url(/images/quepos/template/top_stripe.gif) top left no-repeat;
	padding:2.6em 0 2em;
}

#popup-header {
	background:url(/images/quepos/template/top_stripe.gif) top left no-repeat;
	padding:2.6em 0 0;
	height:auto;
}

#popup-main-content {
	width:520px;
	text-align:left;
	position:relative;
	margin:0 auto;
	padding-left:8px;
	min-height:360px;
}

#bottom.gray-popup {
	margin:2em 0 0;
	width:468px;
	background:url(/images/quepos/footer/footer_bg.gif) top left no-repeat;
}

.gray-popup a:link, .gray-popup a:hover, .gray-popup a:visited {
	text-decoration:none;
}

#top.gray-popup a, #close-popup-gray a  {
	text-decoration:underline;
}

#close-popup-gray {
    color:#717171;
	font-size:10px;
	height:auto;
	background:#fff;
	width:485px;
}

#bg-popup-gray #main-content {
	min-width:485px;
	width:485px;
}

#close-window-img, #close-window-link {
    float:right;
    margin: 14px 0 0;
	color:#444;
	font-size:10px;
}

#close-window-img {
    margin:8px .5em 0 0;
}

/** pop up buttons **/
.popup #buttons {
	clear:left;
	width:180px;
	margin:10px auto 0 auto;
}

.popup #buttons-left {
	clear:left;
	width: 180px;
}

.popup #logo-white {
	margin:6px 0 20px;
}

.popup #submit-button {
	margin:20px 0 0;
}

#popup-logo {
	margin:0 0 10px;
}

.close-link {
	float:right;
	padding-top:1em;
	margin:0;
}

 a.close-link:link, a.close-link:hover, a.close-link:visited {
	color:#444;
	font-size:11px;
	text-decoration:underline;
}

.close-icon {
	float:right;
	margin:5px .5em 0 0;
}




/*-------------------------------------
5. tabs primary navigation
--------------------------------------*/

#tabs {
	position:absolute;
	bottom:0;
	left:0;
	background:url(/images/common/topnav/toptab_bg.gif) left bottom repeat-x;
	display:block; 
	font:bold 11px arial, helvetica, sans-serif;
	list-style:none;
	height:32px;
	padding:0 0 0 2px;
	margin:0;
	width:743px;
}

#tabs li {
	background:url(/images/common/topnav/vertical_divide.gif) right bottom no-repeat;
	float:left;
	height:32px;
	margin:0;
	padding:0 2px 0 0;
	white-space:nowrap;
	position:relative;	
}

#tabs a {
	color:#525252;
	display:block;
	margin:0;
	padding:9px 17px 1px 18px;
	text-align:center;
	height:22px;
	min-width:40px;
}

#tabs a:hover {
	background:url(/images/common/topnav/toptab_bg_h.gif) right bottom no-repeat;
	text-decoration:none;
}

#tabs li.tabon {
	background:url(/images/common/topnav/toptab_bg_a_right.gif) right top no-repeat;
}

#tabs li.tabon a, #tabs li.tabon a:hover {
	background:url(/images/common/topnav/toptab_bg_a_left.gif) left top no-repeat;
	color:#ee1b22;
	margin-left:-2px;
}

#shoptab a, #shopTab a {
	padding-right:26px;
}

#shopTab a img, #shoptab_indicator {
	position:absolute;
	top:12px;
	right:18px;
}

.shopspan, #shopTab .shopspan { display:none; }


/*-------------------------------------
5.1 shop tab dropdown
--------------------------------------*/

#dropmenudiv {
	visibility:hidden;
	width:165px;
	position:absolute;
	top:96px;
	line-height:18px;
	z-index:100;
	background:#f3f3f3;
	border:1px solid #d0d0d0;
}

#dropmenudiv a {
	background:#f3f3f3;
	display:block;
	text-indent:8px;
	padding:1px;
	text-align:left;
	font-size:11px;
	text-decoration:none;
	color:#333;
}

#dropmenudiv a:hover {
	background:#fff;
	color:#f80;
}



/*-------------------------------------
6. top/header navigation
--------------------------------------*/

#top-greeting {
    position:absolute;
    right:10px;
    top:35px;
	text-align:right;
	height:18px;
}

#invert {
    position:absolute;
    right:10px;
    top:10px;
    white-space:nowrap;
}

#top-nav {
    position:absolute;
    right:10px;
    top:52px;
	display:inline;
	list-style:none;
	padding:0;
	margin:0;
	white-space:nowrap;
	line-height:15px;
	height:15px;
	text-align:right;
}

#top-nav li {
    margin:0;
	display:inline;
    vertical-align: top;
}

.premier-link a {
	font-weight:normal;
}

#top-nav a {
	text-decoration:none;
	display:inline-block;
	color:#387ba8;
	border-right:1px solid #c1c1c1;
	padding:0 7px 0 3px;
	line-height:15px;
}

#top-nav a.nobordernav {
	border:0;
	padding-right:6px;
}

#top-nav li a:link, ul#top-nav li a:visited {
    color:#525252;
}

ul#top-nav li a:hover {
    color:#f80;
}

ul#top-nav li.topselected a:link, ul#top-nav li.topselected a:visited {
    font-weight:bold;
}

a#cart-icon:link, a#cart-icon:visited {
    background: transparent url(/images/common/topnav/icon_cart.gif) no-repeat right top;
    padding-right:25px;
	border-right:0px;
}

#cart-icon-selected:link, #cart-icon-selected:visited, #cart-icon-selected:hover {
    background: transparent url(/images/quepos/topnav/icon_cart.gif) no-repeat 100% 0;
    padding-right:25px;
	border-right:0px;
}

a#full-cart-icon:link, a#full-cart-icon:visited, a#full-cart-icon:hover, #full-cart-icon-selected:link, #full-cart-icon-selected:visited, #full-cart-icon-selected:hover {
    background: transparent url(/images/common/topnav/icon_fullcart.gif) no-repeat 100% 0;
    padding-right:25px;
	border-right:0px;
	display:inline-block;
}
#full-cart-icon.basket-icon:link,#full-cart-icon.basket-icon:visited,#full-cart-icon.basket-icon:hover{
    background: transparent url(/images/common/topnav/basket.gif) no-repeat 100% 0;
}

#full-cart-icon.basket-icon-selected:link, #full-cart-icon.basket-icon-selected:visited, #full-cart-icon.basket-icon-selected:hover {
    background: transparent url(/images/common/topnav/basket_on.gif) no-repeat 100% 0;
}

a#cart-icon:hover {
    
}

#cart-icon.basket-icon:link, #cart-icon.basket-icon:visited {
    background: transparent url(/images/common/topnav/basket.gif) no-repeat 100% 0;
}
a#cart-icon.basket-icon:hover {
    
}

#cart-icon.basket-icon-selected:link, #cart-icon.basket-icon-selected:visited, #cart-icon.basket-icon-selected:hover {
    background: transparent url(/images/common/topnav/basket_on.gif) no-repeat 100% 0;
}

/*-------------------------------------
7. bottom footer navigation
--------------------------------------*/

ul.bottom-nav {
    margin:0 0 15px -3px;
    padding:0;
    list-style:none;
    min-height:20px;
    clear:left; 
}

.bottom-nav li {
    display:inline;
}

.bottom-nav li a {
	display:block;
	float:left;
	border-right:1px solid #c1c1c1;
	padding:0 6px 0 5px;
	line-height:12px;
	margin-bottom:6px;
	white-space:nowrap;
}

.bottom-nav li a.lastitem {
	border:0;
}

#adobe-footer {
    margin-top: 10px;
}

#bottom-nav-copyright {
	clear:left;
}

#bottom-nav-copyright.wedge {
	margin-top:1.2em;
}

#bottom-nav-floatRight {
    text-align:right;
    float:right;
    width:154px;
    height:50px;
}

.bottom-nav-alert {
    color:#f00;
    font-weight:bold;
}



/*-------------------------------------
8. sidebar secondary navigation
--------------------------------------*/

/** nav container **/
.navbox_header {
	display:none;
}

.navbox {
	width:166px;
	padding:5px 7px 0 7px;
	margin:0 0 14px;
	background:url(/images/common/template/leftnav/lnav_topcap_re.gif) left top no-repeat;
	position:relative;
}

.navbox_footer {
	width:180px;
	margin:4px -7px 0;
	height:4px;
	font-size:1px;
	background:url(/images/common/template/leftnav/lnav_botcap_re.gif) no-repeat;
}

.navheader {
	margin:10px 0 3px;
	padding:4px 8px 3px;
	width:150px;
	border-bottom:1px solid #E7E9EC;
	background:url(/images/common/template/leftnav/nav_header_re.gif) no-repeat;
	font-size:11px;
	color:#333;
	text-align:left;
}

.firstheader {
	margin-top:2px;
}

#nav-content h2 {
    margin:1ex 0;
}


/** first level **/
ul.nav, ul.nav-store {
    list-style:none;
    margin:1px 0 0;
    line-height:18px;
    padding:0;
	position:relative;
}

ol.nav {
    margin:1px 0 0 26px;
    line-height:18px;
    padding:0;
	position:relative;
}

ul.nav li, ul.nav-store li {
    margin:0 0 1px;
	padding-left:16px;
	text-indent:-8px;
}

ol.nav li {
    margin:0 0 1px;
	padding:0;
}

ul.nav li a img {
    vertical-align:-10%;
    margin-right:2px;
}

ul.nav li.normal {
    font-weight:normal;
}

/** second nested level **/
ul.subnav {
    list-style:none;
    margin:0 0 2px;
    line-height:14px;
    padding:0;
}

ul.subnav li {
    font-weight:normal;
	margin:0 0 1px;
    padding:1px 0 2px 10px;
}

ul.subnav li.bold {
    font-weight:bold;
}

li.current {
	background-color:#C2D5EF;
}

.nester {
	display:inline-block;
}

* html li.current, * html li.nester {
	display:inline-block;
}

li.current a, li.current a:link, li.current a:visited, li.current a:hover {
	color:#333;
	text-decoration:none;
}

/* leave these longhand so they can inherit bgcolor */
ul.albumlist li {
	background-image:url(/images/quepos/icons/album_li.gif);
	background-repeat:no-repeat;
	background-position:6px 50%;
	margin-left:-8px;
	padding-left:24px;
}

ul.albumlist li.current {
	background-image:url(/images/quepos/icons/album_li_c.gif);
}

ul.nav li.expander {
	background-image:url(/images/quepos/icons/select_li.gif);
	background-repeat:no-repeat;
	background-position:7px 50%;
	padding-left:22px;
}

ul.subnav li.expander {
	background-image:url(/images/quepos/icons/select_li.gif);
	background-repeat:no-repeat;
	background-position:5px 50%;
	margin-left:-8px;
	padding-left:24px;
}

#favoriteslink {
	margin-top:5px;
	border-top:1px dashed #ccc;
	padding:2px 0 0 24px;
	background:url(/images/quepos/icons/fav_tiny.gif) no-repeat 0px 5px !important;
	background-position:0px 6px;
}


/** third nested level **/
ul.subsubnav {
    list-style:none;
    margin:.25em 0 .75em;
    padding:0;
}

ul.subsubnav li {
    font-weight:normal;
    margin:0 0 4px 2em;
}

.return-link {
    display:block;
    margin:0 0 1.5em 0;
}

.condense-link {
    font-size:10px;
    font-weight:bold;
    text-align:right;
    clear:both;
}

.pad {
    margin: 10px 0 0;
}


/** accordion nav overrides **/
.accordionbox {
	width:173px;
	padding:4px 4px 0 3px;
	background:url(/images/common/template/leftnav/lnav_topcap_re.gif) left top no-repeat;
	overflow:hidden;
}

.accordionbox .navbox_header {
}

.accordionbox .navbox_footer {
	height:3px;
	background:url('/images/common/template/leftnav/lnav_botcap_re.gif') left bottom no-repeat;
	margin:0 -3px;
}

.accordionbox .navheader {
	margin:1px 0 -1px 0;
	padding:0;
	border:0;
	background:0;
	width:173px;
	background:#f3f3f3;
}

.accordionbox .firstheader {
	margin-top:0;
}

.accordionbox .toggler a, .accordionbox .navheader span {
	display:block;
	padding:10px 8px 10px 11px;
}

.accordionbox .toggler a:hover {
	background:url('/images/common/template/leftnav/acc_header_bg_h.gif') left center no-repeat;
	color:#333;
	text-decoration:none;
}

.accordionbox h3.current,.accordionbox h3.current a, .accordionbox h3.current a:hover {
	color:#525252;
	background:#f3f3f3;
	margin-bottom:0;
	cursor:default;
}

.accordionbox .nav-store {
	background:url('/images/common/template/leftnav/lnav_gradient.gif') left top repeat-x;
	padding:0 0 10px 8px;
	margin:0;
	border-top:1px solid #f3f3f3;
}

.accordionbox li {
	padding-right:5px;
}

.accordionbox li.current {
	background:#fff;
	margin-left:-8px;
	padding-left:24px;
	padding-bottom:1px;
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;
}

.accordionbox .inactive {
	background:url('/images/common/template/leftnav/acc_header_bg.gif') left center no-repeat;
	margin-bottom:0;
}

.storehomelink {
	display:block;
	margin:2px 0 10px 0;
	text-align:center;
	padding-right:10px;
}


/** contextual right nav (pgc, cpc, mygallery) **/
.contextualnav {
	width:210px;
	border:1px solid #d4d4d4;
}

.contextualnavliner {
	border:1px solid #fff;
	background:url(/images/quepos/rnav_bg.gif);
	padding:15px;
}


/** sidebar add to cart module **/
div.side-cart {
	padding:0 0 0 8px;
}

div.side-cart select {
	width:140px;
}

#addQuantity {
	margin-bottom:5px;
}

#addQuantity input {
	margin:0;
}

.printcheck {
	font-size:10px;
	font-weight:bold;
	color:#2AB320;
	clear:left;
	padding-bottom:3px;
}

.printcheck img {
	padding-right:4px;
	vertical-align:-10%;
}

div.side-cart .cartlink {
	padding:2px 0 8px;
}

div.side-cart .cartlink img {
	vertical-align:middle;
}

div.side-cart .buttonholder {
	height:30px;
}

div.side-cart .termsalert {
	float:left;
	width:10px;
	height:20px;
}

div.side-cart .termsholder {
	height:28px;
}

div.side-cart select {
	margin-bottom:5px;
}

#photoresolution {
	text-align:left;
	clear:left;
	padding:5px 0 0;
	font-size:10px;
	border-bottom:1px solid #d4d4d4;
	margin-bottom:5px;
}



/** SidebarBenefits.jsp **/
ul.benefits {
    margin:0;
    padding:0;
}
ul.benefits li {
    margin:0 0 1em 1em;
    line-height: 13pt;
}

.member-benefits {
    margin: 15px 0 0;
}



/** SidebarSignin.jsp **/
.navTitle {
    font-weight:bold;
    margin-bottom:4px;
}

#password, #email, label.block {
    display:block;
    margin:0 0 2px;
}

#autologin-checkbox  {
    margin:0 .3em 0 0;
    padding:0;
    vertical-align:middle;
}

.signin-nav-dots {
    margin:0 0 .5em 0;
}

hr.signinrule {
    height:1px;
    margin:16px 0 10px;
    background:#5F94D1;
    color:#5F94D1;
    border:0;
}

.forgotpassword {
    clear:left;
    font-size:10px;
    margin-top:30px !important;
    margin-top:0;
}



/** SidebarHelp.jsp **/
.top5 ol {
	margin:0 0 0 26px;
	padding:0;
}

.top5 ol li {
	margin:2px 0 3px;
}

.promoBox  {
	width:139px;
	background-color:#fff;
	border-left : 1px solid #7B84AF;
	border-right : 1px solid #7B84AF;
	padding : 2px 8px 0px 13px;
	font-size: 10px;
}

div.ofotoNow{
    background-color:#fff;
    border-left:1px solid #CDCDD6;
    border-right:1px solid #CDCDD6;
    border-top:0;
    border-bottom:0;
    font-size:10px;
    width:161px;
    w\idth:149px;
    padding:5px;
}

div.ofotoNow ul{
    margin:0.5em 0 0;
    padding:0;
}

div.ofotoNow li{
    margin:0 0 0.5em 2em;
}



/** SidebarOrder.jsp **/
#BC-80000 {
	margin-top:15px;
}

#sidebargiftpromo {
	margin-left:10px;
}

div.tipPrices {
    background:#fff;
    border-left:1px solid #6666ae;
    border-right:1px solid #6666ae;
    width:159px;
    padding-bottom:3px;
    margin-bottom:-3px; /* fix whitespace jog in IE */
}

div.tipPrices table{
    border-width:5px 0 3px 0;
    border-collapse: collapse;
    border-spacing: 0;
    margin-left:0;
    margin-bottom:0;
}

div.tipPrices td {
    padding:0 0 0 12px;
    border:0;
    margin:0;
    font-size:10px;
}

div.tipPrices .tipTitle {
    width:100%;
    text-align:center;
}

div.tipPrices .tipList {
    margin:0 1em;
    list-style-type: disc;
}

.tipPricesTop {
    margin:60px 0 0;
}



/** SidebarOrder.jsp **/
#BC-20000 {
    margin:30px 0 0;
}


/** SidebarPGC.jsp**/
ul.subnav li.bold{
    font-weight:bold;
    margin:0 0 0.5em 2em;
}

.smallTitle {
    font-weight:bold;
    font-size:10px;
    margin:20px 0 0;
}

table.PGCPrices {
    margin:12px 0;
    padding:0;
    background-color:#fff;
    border-collapse: collapse;
    border-spacing: 0;
    width:100%;
}



/** SidebarShare.jsp **/
ul.tip {
    padding:0;
    margin-top:1em;
}

ul.tip li {
    margin:0 0 1em 1.5em;
}

div.tip-body{
    width:139px;
    background-color:#fff;
    font-size:10px;
    border-bottom:1px solid #fff;
    border-left:1px solid #CDCDD6;
    border-right:1px solid #CDCDD6;
    padding:0 10px;
}



/** SidebarUpload.jsp **/
#BC-31550 {
	margin-top:1em;
}

#SidebarUpload .outlinebox-content input {
	margin:0 .2em 2em 0;
}

#SidebarUpload .outlinebox-content label {
	clear:right;
}



/** SidebarPhotos.jsp **/
#hmprPopupLink {
    display:none;
}

#hmprTunnelLink {
    display:none;
}

#editAlbumSidebar {
    position:relative;
    visibility:hidden;
}

.editArrow {
    text-decoration: none;
    margin-left:6px;
}

#owner {
	width:149px;
	margin:2px 0 2px 16px;
	background:#ECEFF8;
}

#roll {
	margin:4px 0 0 8px;
}



/** SidebarWelcome.jsp **/
img.dots{
    margin:15px 0;
}

div.bigButton{
    margin:1em;
}



/** UnifiedStoreNav.jsp **/
#film-mailer{
    float:right;
    margin:3px;
}

#film-content{
    margin:5px 0 0;
}



/** UnifiedCardStoreNav.jsp **/
div#promo-pricing{
    margin:10px 10px 5px 0;
}

.expire-date {
    margin:0 0 1em 1em;
}

#recipient-change {
    margin:0 0 1em 1em;
}

.recipient-link {
    margin:0 0 0 1em;
}

#recipients {
    margin:1em 0;
    font-weight:bold;
}

#nextback {
	height:30px;
	padding-top:10px;
}

#csdc-sidebar-main {
	margin:30px 0 0;
}

#csdc-sidebar-main img, .photoPreview, #csdc-sidebar-main #selected-photo-title {
	margin:4px 0 0;
}

#csdc-buy-more {
	margin:50px 0 0;
}

/** This class is a fix to images which are wider than content area in IE6 */
.padding-override {
    display: block;
    margin-right: -5px;
}



/** SidebarGiftStore.jsp **/
#photogifts-wrapper {
	text-align: center;
	margin:0;
}

#photogifts-wrapper ul{
	text-align: left;
	margin:0 10px 0 0;
	padding:0;
}

#photogifts-wrapper ul li{
	margin:0 0 0 2em;
}

#promo-bottom {
   	margin:0 0 21px 0;
}

#ware-image {
   	margin:0;
	padding:0;
}

div.selectedphoto {
	margin:0 14px 12px;
	position:relative;
}

body.csdc div.selectedphoto {
	margin:0;
}

div.selectedphoto img {
	margin:5px 0;
}

#mobile-phone-icon {
	vertical-align:middle;
}

.down-arrow {
   	margin-left:7px;
}



/** this is used for album lists**/
ul.album-list, #orderPrints ul.album-list {
   list-style: none;
   margin:0px;
   padding:0px;
}

ul.album-list li, #orderPrints ul.album-list li{
	background-image: url(/images/page/SelectPhotos/icon_album.gif);
    background-repeat: no-repeat;
	padding:0px;
	margin:0px;
	background-position:0;
	font-weight:bold;
	padding-left:18px;
	height:16px;
}

ul.arrow-list {
   list-style: none;
   margin:0 0 1em 0;
   padding:0px;

}

ul.arrow-list li{
	background-image: url(/images/common/blue_arrow_2.gif);
    background-repeat: no-repeat;
	padding:0px;
	margin:0px;
	background-position:0;
	font-weight:bold;
	padding-left:18px;
}




/*-----------------------------------------------------------------------------
9. global confirmation, alert and warning boxes
-----------------------------------------------------------------------------*/

.confirmation_box, .alert_box, .warning_box, .error_box, .tip_box, .sidebar_info_box {
	clear:both;
	padding: 4px 5px 5px;
	margin: 12px 0;
	font-weight: bold;
	line-height: 18px;
	height:auto;
	min-height:20px;
}

.tip_box, .sidebar_info_box {
	font-weight:normal;
	font-size:11px;
	line-height:15px;
	color:#525252;
	background: url(/images/quepos/icons/tip.gif) no-repeat 9px 6px;
	border: 1px solid #C2D5EF;
	padding: 4px 2px 11px 24px !important;
	padding: 11px 2px 11px 27px;
}

.tip_link_separator {
 margin-top:-10px;
}

.sidebar_info_box {
  background-image: none;
  padding-left:9px;
}

.sidebar_info_box ul {
  margin-left:16px;
  margin-bottom:0;
}

.confirmation_box {
	border:1px solid #2AB320;
	color:#2AB320;
	background:url(/images/quepos/icons/confirmation_check.gif) 6px 4px no-repeat;
	padding-left:33px;
}

.warning_box {
	border:1px solid #FA950A;
}

.alert_box {
	border: 1px solid #EDAF35;
	color: #525252;
	background: url(/images/quepos/icons/alert_icon.gif) no-repeat 11px 4px;
	padding-left:39px;
}

.error_box {
	border: 1px solid #E4151B;
	color: #E4151B;
	background: url(/images/quepos/icons/error_icon.gif) no-repeat 12px 4px;
	padding: 4px 4px 4px 40px;
}

.error_inline_box {
   color: #E4151B;
	background: url(/images/quepos/icons/error_icon_sm.gif) no-repeat 0px 1px;
	padding: 1px 0 8px 19px;
	margin: 0 0;
}

.confirmation_box a, .alert_box a, .warning_box a, .error_box a, .error_inline_box a, .tip_box a, .sidebar_info_box a {
 	font-weight:normal;
}

.alert_box span, .tip_box span {
	margin: 0 0;
}

.sidebar_info_box .terms {
	font-size:10px;
	line-height:11px;
}



/*-------------------------------------
== custom-printed cards - csdc - overrides
--------------------------------------*/

body.csdc #nav {
	float:right;
}



/*-------------------------------------
== empty account content (albumMenu, selectPhotos)
--------------------------------------*/

#emptyaccountprompt {
	border-top:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	padding:12px 0;
}

#uploadprompt {
	float:left;
	width:125px;
	text-align:right;
}

.emptypodcontent {
	margin-left:140px;
}

.emptypodcontent h2 {
	font-size:13px;
}


/*-----------------------------------------------------------------------------
10. buttons and pseudo-buttons (pri-l, pri-r, etc)
-----------------------------------------------------------------------------*/

button {
    padding:0;
    margin:0;
	border:0;
	cursor:pointer;
	display:inline;
}

/* ie6 expandomagic fix */
* html button {
	width:10px;
    overflow:visible;
}
/**/

div.pri-l, div.pri-l-sidebar,
div.pri-r, div.pri-r-sidebar,
div.sec-l, div.sec-l-sidebar,
div.sec-r, div.sec-r-sidebar,
div.ter-l, div.ter-r,
div.pri-small-l, div.pri-small-r {
	display:inline;
}

div.pri-l a, div.pri-l a:link, div.pri-l a:visited,
div.pri-r a, div.pri-r a:link, div.pri-r a:visited,
div.pri-l-sidebar a, div.pri-l-sidebar a:link, div.pri-l-sidebar a:visited,
div.pri-r-sidebar a, div.pri-r-sidebar a:link, div.pri-r-sidebar a:visited,
div.pri-small-l a, div.pri-small-l a:link, div.pri-small-l a:visited,
div.pri-small-r a, div.pri-small-r a:link, div.pri-small-r a:visited,
div.sec-l a, div.sec-l a:link, div.sec-l a:visited,
div.sec-r a, div.sec-r a:link, div.sec-r a:visited,
div.sec-l-sidebar a, div.sec-l-sidebar a:link, div.sec-l-sidebar a:visited,
div.sec-r-sidebar a, div.sec-r-sidebar a:link, div.sec-r-sidebar a:visited,
div.ter-l a, div.ter-l a:link, div.ter-l a:visited,
div.ter-r a, div.ter-r a:link, div.ter-r a:visited,
a.pri-l, a.pri-l:link, a.pri-l:visited,
a.pri-r, a.pri-r:link, a.pri-r:visited,
a.pri-l-sidebar, div.pri-l-sidebar:link, a.pri-l-sidebar:visited,
a.pri-r-sidebar, div.pri-r-sidebar:link, a.pri-r-sidebar:visited,
a.pri-small-l, div.pri-small-l:link, a.pri-small-l:visited,
a.pri-small-r, div.pri-small-r:link, a.pri-small-r:visited,
a.sec-l, div.sec-l:link, a.sec-l:visited,
a.sec-r, div.sec-r:link, a.sec-r:visited,
a.sec-l-sidebar, div.sec-l-sidebar:link, a.sec-l-sidebar:visited,
a.sec-r-sidebar, div.sec-r-sidebar:link, a.sec-r-sidebar:visited,
a.ter-l, div.ter-l:link, a.ter-l:visited,
a.ter-r, div.ter-r:link, a.ter-r:visited,
button.pri-l, button.pri-r,
button.sec-l, button.sec-r,
button.ter-r, button.ter-l,
button.pri-small-l, button.pri-small-r  {
	display:block;
	float:left;
	background:#FFEDB5 url(/images/quepos/buttons/pributton.gif) top left repeat-x;
    border:1px solid #fc3;
	padding:3px 8px 4px;
	font-size:11px;
	font-weight:bold;
	font-family:verdana, sans-serif;
	color:#333;
	text-decoration:none;
    white-space:nowrap;
}

div.pri-r a, div.pri-r a:link, div.pri-r a:visited,
div.sec-r a, div.sec-r a:link, div.sec-r a:visited,
div.pri-r-sidebar a:link, div.pri-r-sidebar a:visited,
div.sec-r-sidebar a:link, div.sec-r-sidebar a:visited,
div.pri-small-r a, div.pri-small-r a:link, div.pri-small-r a:visited,
div.ter-r a, div.ter-r a:link, div.ter-r a:visited,
a.pri-r, a.pri-r:link, a.pri-r:visited,
a.sec-r, a.sec-r:link, a.sec-r:visited,
a.pri-r-sidebar:link, a.pri-r-sidebar:visited,
a.sec-r-sidebar:link, a.sec-r-sidebar:visited,
a.pri-small-r, a.pri-small-r:link, a.pri-small-r:visited,
a.ter-r, a.ter-r:link, div.ter-r:visited,
button.pri-r, button.sec-r, button.ter-r, button.pri-small-r {
	float:right;
}

div.sec-l a, div.sec-l a:link, div.sec-l a:visited,
div.sec-r a, div.sec-r a:link, div.sec-r a:visited,
div.sec-l-sidebar a:link, div.sec-l-sidebar a:visited,
div.sec-r-sidebar a:link, div.sec-r-sidebar a:visited,
div.ter-l a, div.ter-l a:link, div.ter-l a:visited,
div.ter-r a, div.ter-r a:link, div.ter-r a:visited,
a.sec-l, a.sec-l:link, a.sec-l:visited,
a.sec-r, a.sec-r:link, a.sec-r:visited,
a.sec-l-sidebar:link, a.sec-l-sidebar:visited,
a.sec-r-sidebar:link, a.sec-r-sidebar:visited,
a.ter-l, a.ter-l:link, a.ter-l:visited,
a.ter-r, a.ter-r:link, a.ter-r:visited,
button.sec-r, button.sec-l,
button.ter-r, button.ter-l {
	background:#E1E8F6 url(/images/quepos/buttons/secbutton.gif) top left repeat-x;
    border:1px solid #C2D5EF;
}

div.ter-l a, div.ter-l a:link, div.ter-l a:visited,
div.ter-r a, div.ter-r a:link, div.ter-r a:visited,
div.pri-small-l a, div.pri-small-l a:link, div.pri-small-l a:visited,
div.pri-small-r a, div.pri-small-r a:link, div.pri-small-r a:visited,
a.ter-l, a.ter-l:link, a.ter-l:visited,
a.ter-r, a.ter-r:link, a.ter-r:visited,
a.pri-small-l, a.pri-small-l:link, a.pri-small-l:visited,
a.pri-small-r, a.pri-small-r:link, a.pri-small-r:visited,
button.ter-r, button.ter-l,
button.pri-small-l, button.pri-small-r {
	padding:2px 6px 3px;
	font-weight:normal;
}

div.pri-l a:hover, div.pri-l-sidebar a:hover,
div.pri-r a:hover, div.pri-r-sidebar a:hover,
div.pri-small-l a:hover, div.pri-small-r a:hover,
a.pri-l:hover, a.pri-l-sidebar:hover,
a.pri-r:hover, a.pri-r-sidebar:hover,
a.pri-small-l:hover, a.pri-small-r:hover,
button.pri-l:hover, button.pri-r:hover,
button.pri-small-l:hover, button.pri-small-r:hover {
	color:#000;
	text-decoration:none;
}

div.sec-l a:hover, div.sec-l-sidebar a:hover,
div.sec-r a:hover, div.sec-r-sidebar a:hover,
div.ter-l a:hover, div.ter-r a:hover,
a.sec-l:hover, a.sec-l-sidebar:hover,
a.sec-r:hover, a.sec-r-sidebar:hover,
a.ter-l:hover, a.ter-r:hover,
button.sec-l:hover, button.sec-r:hover,
button.ter-l:hover, button.ter-r:hover {
	color:#000;
	text-decoration:none;
}


/* <button> tag overrides */
button.pri-l, button.pri-r, button.sec-l, button.sec-r, button.ter-r, button.ter-l, button.pri-small-l, button.pri-small-r {
	padding:0;
	border:0;
	background:none;
}

button.pri-l span, button.pri-r span, button.sec-l span, button.sec-r span, button.ter-r span, button.ter-l span,
button.pri-small-l span, button.pri-small-r span {
	display:inline-table;
	/*Undo MacIE fix\*/
	display:block;
	/**/
	padding:3px 8px 4px;
    border:1px solid #FFD546;
	background:url(/images/quepos/buttons/pributton.gif) repeat-x;
}

button.ter-r span, button.ter-l span,
button.pri-small-l span, button.pri-small-r span {
	padding:2px 6px 3px;
}

button.sec-l span, button.sec-r span, button.ter-r span, button.ter-l span {
    border:1px solid #CDDDF2;
	font-weight:normal;
	background:url(/images/quepos/buttons/secbutton.gif) repeat-x;
}


/* arrows and other modified buttons */

div.pri-arrow-right a:link, div.pri-arrow-right a:visited,
a.pri-arrow-right:link, a.pri-arrow-right:visited,
button.pri-arrow-right span {
	background: url(/images/quepos/buttons/pri_arrow_r.gif) no-repeat top right;
	padding-right:20px;
}

div.pri-arrow-left a:link, div.pri-arrow-left a:visited,
a.pri-arrow-left:link, a.pri-arrow-left:visited,
button.pri-arrow-left span {
	background: url(/images/quepos/buttons/pri_arrow_l.gif) no-repeat top left;
	padding-left:20px;
}

div.sec-arrow-right a:link, div.sec-arrow-right a:visited,
a.sec-arrow-right:link, a.sec-arrow-right:visited,
button.sec-arrow-right span {
	background: url(/images/quepos/buttons/sec_arrow_r.gif) no-repeat top right;
	padding-right:20px;
}

div.sec-arrow-left a:link, div.sec-arrow-left a:visited,
a.sec-arrow-left:link, a.sec-arrow-left:visited,
button.sec-arrow-left span {
	background: url("/images/quepos/buttons/sec_arrow_l.gif") no-repeat top left;
	padding-left:20px;
}

div.pri-disabled a, div.pri-disabled a:link, div.pri-disabled a:visited, div.pri-disabled a:hover,
div.pri-arrow-left-disabled a, div.pri-arrow-left-disabled a:hover,
div.pri-arrow-right-disabled a, div.pri-arrow-right-disabled a:hover,
a.pri-disabled {
	background:#ccc url(/images/quepos/buttons/pri_disabled.gif) repeat-x;
	color:#777;
	border:1px solid #e0e0e0;
}

div.pri-arrow-right-disabled a, div.pri-arrow-right-disabled a:hover {
	background: #ccc url(/images/quepos/buttons/pri_arrow_r_disabled.gif) no-repeat top right;
	padding-right:20px;
}

div.pri-arrow-left-disabled a, div.pri-arrow-left-disabled a:hover {
	background: #ccc url(/images/quepos/buttons/pri_arrow_l_disabled.gif) no-repeat top left;
	padding-left:20px;
}




/*-----------------------------------------------------------------------------
11. CMS
-----------------------------------------------------------------------------*/


/* From housewaresOverview.css  */
	.ho-content-option {
		float:left;
		margin: 10px 15px 0 0;
		background-color: #F9F5F2;
	}

	.ho-content-option a {
		width: 140px;
		display: block;
		margin: 5px;
		padding: 0px;
		text-align: center;
	}

	.ho-content-option p {
		padding: 5px;
		background-color: #E4D4A3;
		margin: 0px;
		color: #980020;
		font-weight: bold;
		text-align: center; 
	}

	#ho-content1 {
		width: 510px;
	}

	.option-last {
		float: left;
		margin-right: 0px;
	}

	.podHeaderWithSuhead {
		margin-top: 0;
		border-width: 1px;
		border-style: solid;
	}

	.podHeaderWithSuhead div {
		display: block;
		height: 18px;
		padding-top: 3px;
		padding-right: 0pt;
		padding-bottom: 0pt;
		padding-left: 0pt;
		border-width: 1px;
		border-style: solid;
		border-color: #ffffff;
		border-bottom-width: medium;
		border-bottom-style: none;
		border-bottom-color: -moz-use-text-color;
		font-family: verdana;
		font-size: 11px;
		font-weight: bold;
		text-align: center;
	}

	.subheadDisplayed div {
	    height: 100%;
	}
    
	.subheadDisplayed span {    
	    font-size: 10px;                            
	    display: block;
	    padding-top: 3px;
	}	  
		  
	ul  {
		margin-left: 20px;
		padding-left: 20px;
	}



/*-----------------------------------------------------------------------------
12. Unsorted
-----------------------------------------------------------------------------*/

.photothumb {
	border:1px solid #ddd;
}


/** HolidayStoreInclude styles **/
.holidaystore {
	display:block;
	height:30px;
}

.holidaystore p {
	float:right;
	width:170px;
	text-align:left;
	font-size:10px;
}

.holidaystore img {
	float:left;
}

.holidaystore a {
	display:block;
	padding-top:3px;
}

.holidaystore .clear {
	display:none;
}



/*-------------------------------------
== view and edit photos tab (albummenu, browsephotos)
--------------------------------------*/

#breadcrumbs {
	margin-bottom:5px;
	padding-top:5px;
	width:295px;
}

/** default pagination style **/
.pagination {
	line-height:20px;
	word-spacing:2px;
}


/** album icon **/
.albumlink-span {
	background:url(images/common/icons/album_icon_tf.gif) center no-repeat;
	width:114px;
	height:114px;
}

.albumlink {
	position: relative;
	display:block;
	text-decoration: none;
	width:100px;
	height:96px;
	padding:10px 9px 10px 4px;
	background:url(/images/common/icons/album_icon_tf.gif) center no-repeat;
	text-align:center;
	vertical-align:middle;
	outline:none;
}

.favoritealbumlink {
	background:url(/images/common/icons/album_icon_fav.gif) center no-repeat;
}

a.favoritealbumlink:hover {
	background:url(/images/common/icons/album_icon_fav_hover.gif) center no-repeat;
}

.albumlink:hover, .noicon:hover {
	background:url(/images/common/icons/album_icon_tf_hover.gif) center no-repeat;
}

.albumlink img {
	vertical-align:middle;
}

.albumlink img.shim {
	border:0;
}

.noicon img {
	cursor:default;
}


/** account table**/
table.account {
	clear:both;
	border-collapse:collapse;
	padding:0;
	border-spacing: 0;
	width:100%;
}

tr.alternate {
	background-color:#eee;
}

table.account th{
	padding:4px;
	text-align:left;
}

table.account td{
	padding:4px;
}

table.account input {
	margin:0;
}

.back-to-top {
	text-align: right;
	clear: left;
}

/** outlinebox styles **/
.outlinebox-container {
	display:inline-table;
	margin-bottom:0;
}

.outlinebox-top {
	display:inline-table;
	width:100%;
	height:11px;
	background:url(/images/common/curve_f5_tr.gif) no-repeat top right #f5f5f5;
	font-size:1px;
}
.outlinebox-top-blank {
    margin-top: 5px;
	display:inline-table;
	width:100%;
	height:11px;
	background:url(/images/common/curve_f5_tr.gif) no-repeat top right;
	font-size:1px;
}

.outlinebox-top-blank span {
	float:left;
	width:11px;
	height:11px;
	background:url(/images/common/curve_f5_tl.gif) no-repeat top left;
}

.outlinebox-top span {
	float:left;
	width:11px;
	height:11px;
	background:url(/images/common/curve_f5_tl.gif) no-repeat top left;
}

.outlinebox-bottom {
	display:block;
	width:100%;
	height:11px;
	background:url(/images/common/curve_f5_br.gif) no-repeat bottom right #f5f5f5;
	font-size:1px;
}

.outlinebox-bottom span {
	float:left;
	width:11px;
	height:11px;
	background:url(/images/common/curve_f5_bl.gif) no-repeat bottom left;
}

.outlinebox-content {
	background-color: #f5f5f5;
	border-left:1px solid #CDCDD6;
	border-right:1px solid #CDCDD6;
	padding:3px 8px 0;
}

* html .outlinebox-content {height: 1%;}



/** colorbox styles **/
.colorbox-container, .sec-colorbox-container {
	display:inline-table;
	margin-bottom:0;
	background:#f5f9fe;
}

.colorbox-top, .sec-colorbox-top {
	display:inline-table;
	width:100%;
	height:11px;
	background:url(/images/regacq_form_topright.gif) no-repeat top right #f5f9fe;
	font-size:1px;
}

.colorbox-top span, .sec-colorbox-top span {
	float:left;
	width:11px;
	height:11px;
	background:url(/images/regacq_form_topleft.gif) no-repeat top left;
}

.colorbox-bottom, .sec-colorbox-bottom {
	display:block;
	width:100%;
	height:11px;
	background:url(/images/regacq_form_bottomright.gif) no-repeat bottom right #f5f9fe;
	font-size:1px;
	clear: left;
}

.colorbox-bottom span, .sec-colorbox-bottom span {
	float:left;
	width:11px;
	height:11px;
	background:url(/images/regacq_form_bottomleft.gif) no-repeat bottom left;
}

.colorbox-content, .sec-colorbox-content {
	background:#f5f9fe;
	padding:3px 8px 0;
	line-height:1.2;
}


/** sec-colorbox styles: **/
.sec-colorbox-container {
	background:#eee;
}

.sec-colorbox-top {
 	background:url(/images/web_form_topright.gif) no-repeat top right #eee;
}

.sec-colorbox-top span {
 	background:url(/images/web_form_topleft.gif) no-repeat top left;
}

.sec-colorbox-bottom {
 	background:url(/images/web_form_bottomright.gif) no-repeat bottom right #eee;
}

.sec-colorbox-bottom span {
 	background:url(/images/web_form_bottomleft.gif) no-repeat bottom left;
}

.sec-colorbox-content {
	background:#eee;
}


/** this is a radio, label combo class needed to place the label right next a radio button**/
.radio-label input {
	margin:2px !important;
	margin:0;
	/*\*/
	vertical-align:-20%;
	/**/
}

.radio-label label{
	display:inline;
}

/** photo renderer table **/
table.photo-renderer {
	border-collapse:collapse;
	padding:0;
	margin:0;
	width:100%;
}

table.photo-renderer td {
	text-align:left;
	vertical-align:bottom;
	font-size:10px;
	width:125px;
	padding:4px;
}

.photo-preview {
	padding:0 0 5px;
}


/** cardstore styles **/
#csdc-logo-wrapper{
   	display:block;
	width:100%;
	text-align:right;
	clear:left;
}

.csdc-mini-icon {
	float:right;
	width:175px;
	margin:0 0 1em;
}

.csdc-mail-icon {
	float:right;
	width:120px;
	margin:0 0 1em;
}




/*-------------------------------------
== tables
-------------------------------------*/

table.font-settings {
	border-collapse:collapse;
	padding:0;
    margin:0 0 1em;
}

table.font-settings td {
	text-align:left;
	vertical-align:top;
	padding:0;
}

table.font-settings input {
	margin:0;
}

table.csdc-address {
	border-collapse:collapse;
	padding:0;
	margin:0 0 1em;
}

table.csdc-address td {
   	text-align:left;
	vertical-align:top;
	padding:0 0 .5em;
}


.data-table {
	font-size:10px;
	border:1px solid #ccc;
	border-spacing:0;
	color:#000;
	margin-bottom:2ex;
	position:relative;
	top:1ex;
	border-collapse:collapse;
	empty-cells:hide;
}

.body-table {
    width:99.8%;
	border-collapse:collapse;
}

.data-table caption {
	background-color:#c1d4eA;
	font-size:11px;
	text-align:left;
	padding:4px;
	border:1px solid #ccc;
	border-bottom-width:0;
	color:#525252;
	font-weight:900;
}

.data-table thead th {
	font-size:11px;
	background-color:#f5f9fe;
	color:#525252;
	font-weight:bold;
	border:1px solid #ccc;
	padding:6px 4px;
	text-align:left;
	white-space:nowrap;
}

.data-table tbody th {
	vertical-align:text-top;
	text-align:left;
	border:1px solid #ccc;
	font-weight:400;
	padding:6px 4px;
}

.data-table td {
	padding:5px;
	border:1px solid #ccc;
	font-size:10px;
}

td del {
	display:block;
}

.numeric, .data-table th.numeric {
	text-align:right;
}


/** overview pages sign in box **/
.ovsigninbox {
	float:right;
	position:relative;
	height:50px;
	width:250px;
	white-space:nowrap;
}

.ovsigninbox p {
	text-align:right;
	clear:right;
	padding-top:6px;
	margin:0;
}


/** compact print prices table **/
.printtable {
	width:300px;
}


/* tables in the sidebar need a unique color */
.sidebar-table thead tr th {
	background:#f0f0f0;
	font-size:11px;
}

.buttons-centered, .buttons-common {
	clear: left;
	width: 150px;
	margin: 0 auto;
}

/* Columnar table-based forms */
form.column-form label {
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	display: block;
}

form.column-form label small {
	font-weight: 100;
	font-size: x-small;
	display: block;
	margin: -12px 0 4px 0;
	padding: 8px 0 0 0;
}

form.column-form input {
    margin-bottom: 2px;
}


/* Help and About list styles */
ul.page-toc {
	margin: 2px 0 16px 8px;
	padding: 0;
}

ul.page-toc li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}


/* credits table on cart */
table.credits {
	margin:10px 0 0 0;
}

table.credits td {
	padding:5px 5px;
}


/* address style */
.address {
	line-height:1.3em;
	margin:0 .5em .5em .5em;
}


/** Orange 11x11 bullet images used in various places **/
.bul-orange {
	width: 11px;
	height: 11px;
	margin-right: .3em;
}

#holiday-ordering-deadlines img {
    vertical-align: middle;
}


/** headerbox styles (clear bg/header bar w/ title **/
.headerbox-container {
	display:inline-table;
	margin-bottom:0;
	width:100%;
}

.headerbox-top {
	width:100%;
    font-family:arial, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#525252;
	height:18px;
	line-height:19px !important;
	line-height:18px; /* for IE */
	background:url(/images/common/curve_f5_tr.gif) no-repeat top right;
	border-bottom:1px solid #C7CBD1;
}

.headerbox-top span {
	float:left;
	width:11px;
	height:18px;
	background:url(/images/common/curve_f5_tl.gif) no-repeat top left;
}

.headerbox-bottom {
	display:block;
	width:100%;
	height:11px;
	background:url(/images/common/curve_f5_br.gif) no-repeat bottom right;
	font-size:1px;
}

.headerbox-bottom span {
	float:left;
	width:11px;
	height:11px;
	background:url(/images/common/curve_f5_bl.gif) no-repeat bottom left;
}

.headerbox-content {
	border-left:1px solid #CDCDD6;
	border-right:1px solid #CDCDD6;
	padding:3px 8px 0;
	font-size:11px;
}

.headerbox-content td {
	font-size:10px;
}

.headerbox-content ul {
	margin:0 0 0 18px;
	padding:0;
}

.headerbox-content ul li {
	padding:0 0 4px;
	margin:0;
}

#orderPrints, #PrintPriceModule, #EasierUploadModule {
    margin:0 0 8px;
    width:166px;
}

#PrintPriceModule td {
	font-size:11px;
	width:50%;
	padding-left:8px;
}

#PrintPriceModule td.numeric {
	padding: 0 8px 0 0;
}

#PrintPriceModule img {
	margin:2px 0 0 8px;
}


/*** autocomplete ***/
.autocomplete-hilite {
	background-color: #c1d4ea;
}

.autocomplete-mousehilite {
	background-color: #ecf2fa;
}

.autocomplete-plain {
	background-color: #fff;
}

.hitbox {
	position: absolute;
	border: 1px solid black;
	overflow: hidden;
	background-color: #fff;
	z-index: 1;
}

.iconhelplink {
	font-size:11px;
	font-weight:bold;
	white-space:nowrap;
}

.iconhelplink img {
	vertical-align:middle;
	margin-right:4px;
}

.debugcontent {
	border:1px solid #ccc;
	background:#f0f0f0;
	clear:left;
	font-size:10px;
	font-weight:normal;
	margin:8px 0;
	padding:4px;
}


/*** photo-in-a-phone promo ***/
#wallpaper {
    margin:20px 0 0 30px;
	position:relative;
}

#thumbwrapper {
	text-align:center;
}

#thumbwrapper img {
	vertical-align:middle;
	border:0;
}

#photoinaphone-short-portrait {
	position:absolute;
	width:73px;
	height:96px;
	top:8px;
	left:14px;
}

#photoinaphone-short-landscape {
	position:absolute;
	width:97px;
	height:72px;
	top:16px;
	left:61px;
}

#photoinaphone-long-portrait {
	position:absolute;
	width:73px;
	height:96px;
	top:40px;
	left:23px;
}

#photoinaphone-long-landscape {
	position:absolute;
	width:82px;
	height:72px;
	top:40px;
	left:19px;
}

.product-blurb{
        text-align:left;
	padding:0 0 10px 5px;
}
.exampleinput {
  color:#717171;
}
.supplementary {
  color:#999;
}


/*-----------------------------------------------------------------------------
== classes to style the album empty icon area in the state of "Add Photos to This Album" for
UnifiedDisplayAlbumIcon.inc included in the following jsps: AlbumMenu.jsp, GalleryPublishAlbum.jsp,
GalleryView.jsp, OrderAlbums.jsp, OwnerShareLanding.jsp, PPAutoFill.jsp, PPCalAutoFill.jsp,
PPSelectAlbums.jsp, ProcessedFilm.jsp, SelectAlbumsCollage.jsp, UploadComplete.jsp, UploadSelectAlbum.jsp
-----------------------------------------------------------------------------*/

#addPhtsTxt {
	position: absolute;
	width: 90px;
	top: 40%;
	left:10px;
	color: #666;
    text-align: center;
	size: 12px;
    font-family: verdana;
	font-weight: bolder;
}




/*-------------------------------------
== inline confirmation pseudo-dialog
--------------------------------------*/
.confirmationScreencontainer {
	position:relative;
}

.confirmationScreen {
	position:absolute;
	text-align:left;
	left:0;
	top:0;
	width:135px;
	height:auto !important;
	height:130px;
	min-height:130px;
	background:#fff;
	border:1px solid #ccc;
	display:none;
	padding:6px;
	z-index:1;
}

.confirmationScreencontainer .confirmationScreen {
	left:-9px;
	text-indent:0;
}

* html .confirmationScreencontainer .confirmationScreen {
	left:-1px;
}

.confirmationScreen .sec-l:link, .confirmationScreen .sec-l:visited, .confirmationScreen .sec-l:hover {
	margin-left:20px;
}

* html #BC-30000 ul {
	z-index:-1;
}


/** overrides for the drop-shadowed version **/
.confirmationShadow {
	display:none;
	background:url(/images/quepos/dropShadow.png) right bottom no-repeat;
	position:absolute;
	margin:4px 0 0 4px;
	padding:0 8px 8px 0;
	left:0;
	top:0;
	width:144px;
	z-index:1;
}

* html .confirmationShadow {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/quepos/dropShadow.png',sizingMethod='crop');
}

.confirmationShadow .confirmationScreen {
	margin:-4px 0 0 -4px;
	position:static;
	width:auto;
	height:auto !important;
	height:130px;
	min-height:130px;
	display:block;
	z-index:0;
}

* html .confirmationShadow .confirmationScreen {
	margin:0;
}



/*-------------------------------------
== search form
--------------------------------------*/

#searchframe {
	position:relative;
	float:right;
	width:220px;
	margin:0 0 0 5px;
	font-size:10px;
	padding-bottom:10px;
}

#searchbox {
	width:120px;
	height:15px;
	float:right;
	border:1px solid #ccc;
	margin:1px 5px 0 0 !important;
}

#searchframe .error {
	font-weight:normal;
}

#basicsearcherror {
	clear:right;
	display:none;
	padding:1px 0 0 21px;
	margin-top:2px;
	height:auto !important;
	height:16px;
	min-height:16px;
	background:url(/images/quepos/icons/error_icon_sm.gif) 0px 0px no-repeat;
}

.exampleinput {
  color:#717171;
}

.supplementary {
  color:#999;
}



/*-----------------------------------------------------------------------------
== classes to style the album empty icon area in the state of "Add Photos to This Album" for
UnifiedDisplayAlbumIcon.inc included in the following jsps: AlbumMenu.jsp, GalleryPublishAlbum.jsp,
GalleryView.jsp, OrderAlbums.jsp, OwnerShareLanding.jsp, PPAutoFill.jsp, PPCalAutoFill.jsp,
PPSelectAlbums.jsp, ProcessedFilm.jsp, SelectAlbumsCollage.jsp, UploadComplete.jsp, UploadSelectAlbum.jsp
-----------------------------------------------------------------------------*/

#addPhtsTxt {
	position: absolute;
	width: 90px;
	top: 40%;
	left:10px;
	color: #666;
    text-align: center;
	size: 12px;
    font-family: verdana;
	font-weight: bolder;
}


/*** inline confirmation dialog ***/
.confirmationScreen {
	position:absolute;
	text-align:left;
	left:0;
	top:0;
	width: 123px;
	height:165px;
	background:#fff;
	border:1px solid #ccc;
	line-height:18px;
	display:none;
	padding:6px 6px 0 6px;
}

.confirmationScreen .sec-l:link, .confirmationScreen .sec-l:visited, .confirmationScreen .sec-l:hover {
	margin-left:20px;
}
/*** Webwork Folded Cards Common Nav Elements ***/
.selectCardBreadcrumb {
	margin:0 0 1em 0;
}

#projectHeaderWrapper {
	margin-bottom:1em;
}

#breadCrumbWrapper a {
	white-space:nowrap;

}

#projectHeaderWrapper h1, #breadCrumbWrapper{
	float:left;
	margin:0;
	width:80%;
}

.projectCaratlink {
	padding:0 0 10px 10px;
	display:block;
	background:url(/images/quepos/icons/select_li.gif) no-repeat left 4px;
	font-weight:bold;
	float:right;
}

/*** Webwork Components ***/
.paginationComponentNav {
	border-top: 1px solid #d6d7de;
	border-bottom: 1px solid #d6d7de;
  	margin:0 1em 1em 0;
	padding:.5em;
}
.paginationComponentInfo {
	float:left;
}
.paginationComponentNavLinks {
	float:right;
	width:320px;
	text-align:right;
}

.paginationComponentNavLinks a {
	margin:0 .3em;
}


/*-----------------------------------------------------------------------------
| project backgrounds for UnifiedDisplayCalendarIcon.inc
| last digit corresponds to projectType, e.g. SiteConstants.PROJECT_TYPE_CALENDAR_TNG
-----------------------------------------------------------------------------*/

.project-icon-bkgd {
	border:1px solid #fff;
	width:142px;
	height:166px;
	z-index:2;
	text-align:center;
	background:url(/images/project_bkgds/book_icon_lg.gif) no-repeat;
}

.project-icon-bkgd img {
	padding-top:31px;
	z-index:10;
}

.project-icon-bkgd .no-photo {
	font-weight:bold;
	margin-top:50px;
}

.project-icon_3 {
	background:url(/images/project_bkgds/calendar_icon_lg.gif) no-repeat;
}

.project-icon_3 img {
	padding-top:22px;
}

.project-icon_9 {
	background:url(/images/project_bkgds/card_bg_lg.gif) no-repeat;
}

.project-icon_9 img {
	padding-top:10px;
}
#preview_logo {
	float:left;
	width:225px;
	height:36px;
	margin-right:2px;
	padding:0;
	background:url(/images/quepos/template/main_logo.gif) no-repeat 8px 7px;
}
#masterdiv a{
	 text-decoration: none;
 }

#localeca {
	position:absolute;
	top:52px;
	left:18px;
}
/*-------------------------------------
Interstitial Page Styles
-------------------------------------*/
#interstitialFadeLayer {
	position:absolute;
	top:0;	
	background:url(/images/common/dialog/fadeLayer.png);
	filter:Alpha(opacity:80);
	width:745px;
	z-index:90;
}

#interstitialFadeLayer/*IE5*/ {
	background:transparent;
	filter:none;
}

.interContent {
	width:500px;			
	padding:10px 5px 10px 20px;	
	color:#ffffff;
}

#interstitialContentLayer {	
	background:url(/images/common/gradient_interstitial.gif) left top repeat-x #887ab9;
	position: absolute; 
	left: 130px; 
	top: 250px; 
	z-index: 100; 
	display: block; 
	padding-bottom: 10px ! important;
	text-align: left;
	border:1px solid #999999;
}

div.trynowbutton, div.nothanksbutton {
	float:left;
}

.trynowbutton a {
	background:url(/images/common/tryitnow.png);
	width:123px;
	height:32px;
	display:block;
	
}

.nothanksbutton a {
	background:url(/images/common/nothanks.png);
	width:125px;
	height:32px;
	display:block;
	margin-left:15px;
}

*html .trynowbutton a {
	background:url(/images/common/tryitnow.gif);	
}

*html .nothanksbutton a {
	background:url(/images/common/nothanks.gif);	
}

#tabs li.specialoffers a, #tabs li.specialoffers a:hover{		
	color:#CC0000;
}