/* =====================================================
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;

}

#sharetab_indicator {
	position:absolute;
	top:12px;
	right:8px;
}

.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, div.pri-arrow-right-disabled a:link, div.pri-arrow-right-disabled a:visited,
a.pri-disabled, a.pri-arrow-right-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, div.pri-arrow-right-disabled a:link, div.pri-arrow-right-disabled a:visited, a.pri-arrow-right-disabled{

	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);	

}

/*-------------------------------------

Cart Alert

-------------------------------------*/

#alertWrapper {

		width:160px;		

		position:absolute;

		left:560px;

		margin-top:-50px;		

		z-index:100;		

}

#main-2-col #alertWrapper{
	left:360px;
#tabs li.specialoffers a, #tabs li.specialoffers a:hover{		
	color:#CC0000;

}


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