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

1. Basic typography and utilities
2. Template
	2.1 Column size
3. Common
4. Header and TopNav
	4.1 Persistent Cart (minicart)
	4.2 Breadcrumbs (tertiarynav)
5. Left Nav
	5.1 Accordion
6. Content
7. Footer
8. Buttons
9. Containers
10. Debug & Utility

Section-specific CSS files
	Album and photo organization: photos.css
	Printing, print config: prints.css
	Upload: upload.css
	Cart: cart.css
	Store: catalog.css
	IE6 overrides (conditionally included): ie6.css
	
===================================================== */

@import "yui-reset-min.css";


/*-----------------------------------------------------------------------------
	1. Basic Typography & Utilities
-----------------------------------------------------------------------------*/
	a, a:link, a:active { color:#336699; text-decoration:none; }
	a:visited { color:#7799bb; }
	a:hover { color:#0099ff; }

/* small text */
	.fineprint { font-size:.9em; }
	.subheader { font-size:14px; }
	em, .emphasized { font-weight:bold;	}
	.errortext, .errorMsg, .saleprice { color:#cc0000; }
	.secondarytext { color: #666; }
	.warningtext { opacity: 0.25; }
	.warning {background: #ffcc00 url(/gallery/images/icons/warning_icon.png) top left no-repeat; }
	.striketext {text-decoration: line-through; color:#cc0000;}

	h1, h2, h3, h4, h5, .head1, .head2, .head3, .head4, .head5, .head6 {font-weight:bold;}
	h1, .head1 {font-size:16px;}
	h2, .head2 {font-size:14px;}
	h3, .head3 {font-size:14px;}
	h4, .head4 {font-size:12px;}
	h5, .head5 {font-size:12px;}


/* utility class for parents to contain floats - modified in ie6.css */
	.clearfix:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
	.clearfix { display:block; min-height:1px; }

	
/*-----------------------------------------------------------------------------
	2. Template
-----------------------------------------------------------------------------*/
	html { 
		background:#eccf83;
		font-size:11px;
		height:100%;
		line-height:15px;
	}
	
	body {
		background:url(/gallery/images/template/body_background.jpg) left top repeat-x #eccf83;
		color:#333; 
		font-family: helvetica, corbel, arial, sans-serif; 
		height:100%;
		text-align:center;
	}
	
	/*  min-height, png asset overridden in ie6.css */
	#principal {
		background:url(/gallery/images/template/body_shadow.png) left top repeat-y;
		min-height:100%;
		margin:0 auto; 
		padding:0 7px;
		position:relative;
		text-align:left;
		width:980px; 
	}
	
	/* min-height also defined in ie6.css */
	#pageheader {
		background:url(/gallery/images/template/header_background.gif) left top no-repeat #f6f6f6;
		min-height:108px;
		position:relative;
		z-index:11; /* This is given to avoid IE z-index bug - related to FGRONE-1746 */
	}
	
	/* min-height also defined in ie6.css */
	#pagecontent {
		background:url(/gallery/images/template/content_background.gif) left top repeat-x;
		clear:both;
		min-height:400px;
		padding:10px 10px 50px 10px;
		position:relative;
	}
	
	#pagecontent .cartcontentcolumn {
		float:left; 
		min-height:750px; 
		overflow:hidden;
		position:relative;
		padding-bottom:150px; 
	}
	
	/* min-height also defined in ie6.css */
	#pagefooter {
		position:absolute;
		bottom:0;
		background:#f7f7f7;
		border-top:2px solid #fec631;
		line-height:14px;
		min-height:16px; 
		padding:10px 20px 10px 10px;
		width:950px;
	}
	
	/* min-height also defined in ie6.css */
	#pagecontent .contentcolumn {
		float:left; 
		min-height:400px; 
		overflow:hidden;
		position:relative; 
	}

	.leftcolumn {
		margin-right:10px; 
		width:170px;
	}
	
	.rightcolumn {
	
		width:150px;
	}


/*	2.1 Column size selectors
-----------------------------------------------------------------------------*/
	.threecolumnmode .maincolumn {width:620px;}
	.threecolumnmode .twocolumnspan, 
	.twocolumnmode .maincolumn {width:780px;}
	.twocolumnmode .rightcolumn {width:180px;}
	.onecolumnmode .maincolumn {width:960px;}

/** Shopping Basket page column size overrides **/
	/* min-height also defined in ie6.css */
	.shoppingbasket .rightcolumn {
		width:180px; 
		min-height:600px;
	}


/*-----------------------------------------------------------------------------
	3. Common Classes
-----------------------------------------------------------------------------*/
	.iconclose {
		background:url(/gallery/images/icon_delete.gif) no-repeat; 
		width:16px; 
		height:16px;
		float:right;
	}

/** horizontal navigation lists **/
	.navbar { list-style:none; }
	
	.navbar li {
		float:left; 
		margin-right:5px;
	}
	
	.navbar a { white-space:nowrap; }	
	

/*-----------------------------------------------------------------------------
	4. Header and Primary Nav
-----------------------------------------------------------------------------*/

/** logo and locale **/
	#gallerylogo, #gallerylogo a {
		background:url(/gallery/images/template/main_logo.gif) left top no-repeat;
		height:57px; 
		text-indent:-100em; 
		width:236px;
		display:block; 
		overflow:hidden;
	}

/** primary navigation (tabs) **/
	#primarynav {
		background:url(/gallery/images/template/primarynav/topnav_bg.gif) left bottom repeat-x;
		bottom:0;
		display:block; 
		font-size:12px;
		font-weight:bold;
		height:34px;
		padding-left:4px;
		position:absolute;
		width:976px;
	}
	
	#primarynav li {
		float:left;
		height:34px;
		margin:0;
		white-space:nowrap;
	}
	
	#primarynav a {
		background:url(/gallery/images/template/primarynav/toptab_bg.gif) right top no-repeat;
		color:#555;
		display:block;
		margin:0;
	}
	
	#primarynav a span {
		display:block;
		height:25px;
		min-width:80px;
		padding:9px 14px 0 14px;
		text-align:center;
		text-shadow:2px 2px 1px #eee;
		cursor:pointer;
	}
	
	#primarynav a:hover {
		background:url(/gallery/images/template/primarynav/toptab_bg_h.gif) right top no-repeat;		
	}
	
	#primarynav li.current a {
		background:url(/gallery/images/template/primarynav/toptab_bg_a_right.gif) right top no-repeat;
		color:#e00d24;
	}
	
	#primarynav li.current span {
		background:url(/gallery/images/template/primarynav/toptab_bg_a_left.gif) left top no-repeat;
		position:relative;
		left:-2px;
		text-shadow:none;
	}


/*	4.1 Persistent Cart (minicart)
-----------------------------------------------------------------------------*/

	.persistentholder {
		position:absolute;
		right:0px;
		top:24px; 
		width:269px;		
	}

	#persistentcart {
		position:relative;
		bottom:0;
		right:0;
		height:84px; 
		width:269px; 
		z-index:10;
	}	

	.persistentcartbg {
		background:url(/gallery/images/template/topcart_bg.gif) left bottom no-repeat;
		position:absolute; 
		width:269px;
		height:64px;
		right:0px;
		top:20px;
	}
	
	#persistentcart .header {
		background:url(/gallery/images/template/topcart_top_bg.gif) left top no-repeat;
		padding:8px 10px 0; 
	}

	#persistentcart .helpme {float:right;}
	#persistentcart .navbar {padding:5px 10px;}
	#persistentcart .addpad {padding:8px 10px;}
	#persistentcart .navbar li {border-left:1px solid #ccc; padding-left:5px;}
	#persistentcart .navbar li.firstitem {border:none; padding-left:0;}
	#persistentcart .content {padding-left:10px; text-align:right; margin-top:5px;}
	#persistentcart #cartcount {float:left; padding-top:5px; padding-left:17px;}
	#persistentcart .links {float:left; border-top:0; padding:0;}
	#persistentcart a.linkbutton { margin:1px 12px 0 0; }
	#persistentcart .cart-icon {
    	background: transparent url(/gallery/images/template/icon_cart.gif) no-repeat 0 4px; 
	}
	#persistentcart .cart-iconfull {
    	background: transparent url(/gallery/images/template/icon_fullcart.gif) no-repeat 0 4px;  
	}



/*	4.2 Breadcrumbs, Tertiary Nav, Search
-----------------------------------------------------------------------------*/

/** tertiarynav **/
	.tertiarynav {
		height:14px;
		margin-bottom:10px
	}
	
	.breadcrumb {
		display:inline; 
		color:#666;
	}

	.breadcrumb li {
		background:url(/gallery/images/icons/breadcrumb_bg.gif) left center no-repeat;
		display:inline; 
		padding:1px 2px 1px 14px;
	}

	.breadcrumb .firstitem {
		background:none;
		padding-left:0;
	}


	.shopsearch { 
		display:none;
	}

/* no search yet
	.tertiarynav .iconsearch {
		padding:2px 6px; 
		background:url(/gallery/images/search.gif) no-repeat; 
		margin-left:8px
	}
	
	.tertiarynav .input {
		border:1px solid #ccc; 
		padding:1px;
	}

	.shopsearch input{ 
		width:130px;
	}
*/



/*-----------------------------------------------------------------------------
	5. Left Navigation
-----------------------------------------------------------------------------*/
	

/*	5.1 Accordion Navigation
-----------------------------------------------------------------------------*/

	/* png assets overridden in ie6.css */
	.accordionnav {
		background:url(/gallery/images/template/accordion/accordion_bot.png) left bottom no-repeat;
		padding-bottom:4px;
		margin-bottom:10px;
	}
	
	.accordioncontainer {
		background:url(/gallery/images/template/accordion/accordion_top.png) left top no-repeat;
		padding:1px;
	}
	
	.accordionnav ul { 
		background:url(/gallery/images/template/accordion/accordion_section.gif) left top repeat-y;
		border-top:1px solid #b4b3ac;
		border-bottom:1px solid #b4b3ac;
		padding:0 2px;
	}
	
	.accordionnav ul li {
		border-bottom:1px solid #f3f3f3;
	}
	
	.accordionnav ul li a {
		background:url(/gallery/images/template/accordion/nav_hover.gif) 6px center no-repeat;
		display:block;
		padding:7px 2px 7px 26px;
	}
	
	.accordionnav ul li a:hover, .accordionnav ul li a:active, .accordionnav ul li a.current  {
		background:url(/gallery/images/template/accordion/nav_active.gif) 3px center no-repeat #f3f3f3;
		color:#333;
	}
	
	.accordionnav ul li a.current {
		font-weight:bold;
	}

	.accordiontoggler {
		border-top:1px solid #d6d5cd;
		border-bottom:1px solid #bab8b0;
	}
	
	.lastsection {
		border-bottom:0;
		margin-bottom:-1px;
	}

	.accordiontoggler a, .accordiontoggler a:link, .accordiontoggler a:visited, .accordiontoggler span {
		color:#555;
		display:block;
		font-size:12px;
		font-weight:bold;
		outline:none;
		padding:10px;
	}
	
	.accordiontoggler a:hover {
		background:url(/gallery/images/icons/accordion_hover.png) left top no-repeat;
	}
	
	.accordioncontainer h3.current,.accordioncontainer h3.current a, .accordioncontainer h3.current a:hover {
		background:url(/gallery/images/icons/accordion_current.gif) 149px 15px no-repeat;
		color:#222;
		margin-bottom:0;
		cursor:default;
	}
	

/*-----------------------------------------------------------------------------
	6. Content
-----------------------------------------------------------------------------*/

.pagination li { 
	display:inline; 
	margin-left:1px;
	padding:0px 1px;
}

.pagination .prevpage {
	background: transparent url(/gallery/images/icons/prevpage_sm.gif) center center no-repeat;
	padding-right:5px;
}

.pagination .nextpage {
	background: transparent url(/gallery/images/icons/nextpage_sm.gif) center center no-repeat;
	padding-left:5px;
}

.pagination li.current a {
	background:#999;
	color:#fff;
	padding:1px 3px;
}



/*-----------------------------------------------------------------------------
	7. Footer
-----------------------------------------------------------------------------*/

#pagefooter .navbar li {
	border-left:1px solid #999;
	padding:0 10px;
	margin:0;
}

#pagefooter .navbar li.firstitem {
	border:none;
}

#pagefooter .copyright {
	color:#999;
	float:right;
	text-align:right;
}

#pagefooter.transitioning {
	position:static;
}



/*-----------------------------------------------------------------------------
	8. Buttons and pseudo-buttons
-----------------------------------------------------------------------------*/

/* margin overridden for persistent cart */
/* all png assets overridden in ie6.css */
	a.linkbutton {
		display:-moz-inline-box;
		display:inline-block;
		height:25px;
		margin:0 12px 0 10px;
	}

	a.linkbutton span {
		background-position:100% 0;
		color:#313131;
		cursor:pointer;
		display:block;
		font-size:11px;
		font-weight:bold;
		height:20px;
		line-height:14px;
		margin:0 -12px 0 16px;
		min-width:40px;
		padding:5px 16px 0 0;
		text-align:center;
		white-space:nowrap;
	}

	.linkbutton:hover, .linkbutton:focus {
		background-position:0 -60px;
		outline:none;
	}

	.linkbutton:hover span, .linkbutton:focus span {
		background-position:100% -60px;
	}

	a.linkbutton:active {
		background-position:0 -120px;
		outline:none;
	}

	a.linkbutton:active span {
		background-position:100% -120px;
	}	

	.linkbutton span input {
		background-color: transparent;
		border:0;	
		cursor:pointer;
		display:inline;
		font-family:helvetica, corbel, arial, sans-serif;
		font-size:11px;
		font-weight:bold;
		line-height:14px;
		padding:4px 10px;
		margin:-5px -10px 0 -10px;
	}	

/** primary, orange button **/
	a.linkbutton, a.linkbutton span {
		background-image:url(/gallery/images/template/buttons/primary.png);
		background-repeat:no-repeat;
	}

/** secondary, blue button **/
	a.secondarybutton, a.secondarybutton span {
		background-image:url(/gallery/images/template/buttons/secondary.png);
	}

/** tertiary, white button **/
	a.tertiarybutton, a.tertiarybutton span  {
		background-image:url(/gallery/images/template/buttons/tertiary.png);
	}

/** minicart and phototray button **/
	a.altprimary {
		height:23px;
	}
	
	a.arrowback, a.arrowback span {
		background-image:url(/gallery/images/template/buttons/back.png);
	}

	a.altprimary span {
		height:19px;
		padding:4px 13px 0 0;
		margin:0 -12px 0 13px;
	}
	
	a.altprimary, a.altprimary span {
		background-image:url(/gallery/images/template/buttons/altprimary.png);
	}


/** overrides for smaller buttons **/
	a.smallbutton, a.smallsecondarybutton, a.smalltertiarybutton {
		height:19px;
	}

	a.smallbutton span, a.smallsecondarybutton span, a.smalltertiarybutton span {
		height:17px;		
		margin-left:14px;
		min-width:30px;
		padding:2px 10px 0 0;
	}

/** small primary, orange button **/
	a.smallbutton, a.smallbutton span {
		background-image:url(/gallery/images/template/buttons/smallprimary.png);
	}

/** small secondary, blue button **/
	a.smallsecondarybutton, a.smallsecondarybutton span {
		background-image:url(/gallery/images/template/buttons/smallsecondary.png);
	}

/** small tertiary, white button **/
	a.smalltertiarybutton, a.smalltertiarybutton span  {
		background-image:url(/gallery/images/template/buttons/smalltertiary.png);
	}


/* png asset overridden in ie6.css */
	a.prevarrow, a.nextarrow {
		display:-moz-inline-box;
		display:inline-block;
		height:18px;
		overflow:hidden;
		text-indent:-100em; 
		width:16px;
	}

	a.prevarrow {
		background:url(/gallery/images/icons/prevarrow.png) 0 2px no-repeat;
	}

/* png asset overridden in ie6.css */
	a.nextarrow {
		background:url(/gallery/images/icons/nextarrow.png) 0 2px no-repeat;
	}
	
	a.prevarrow:hover, a.nextarrow:hover { 	
		background-position:0 -23px;
	}
	
	a.prevarrow:active, a.nextarrow:active, a.prevarrow:focus, a.nextarrow:focus  { 	
		background-position:0 -49px;
		outline:none;
	}

	a.disabledbutton, a.disabledbutton:hover, a.disabledbutton:active, a.disabledbutton:focus {
		background-position:0 -180px;
		outline:none;
	}

	a.disabledbutton span, a.disabledbutton:hover span, a.disabledbutton:active span, a.disabledbutton:focus span {
		background-position:100% -180px;
	}
	


/*-----------------------------------------------------------------------------
	9. Containers
-----------------------------------------------------------------------------*/
	
/** roundified box **/	
	.roundtopleft {
		background:url(/gallery/images/template/containers/roundtopleft.gif) left top no-repeat;
		margin-right:5px;
	}
	
	.roundtopright {
		background:url(/gallery/images/template/containers/roundtopright.gif) right top no-repeat;
		position:relative;
		right:-5px;
		padding:8px 8px 0 8px;
	}
	
	.roundbotleft {
		background:url(/gallery/images/template/containers/roundbotleft.gif) left bottom no-repeat;
		height:8px;
		margin-right:10px;
	}
	
	.roundbotright {
		background:url(/gallery/images/template/containers/roundbotright.gif) right bottom no-repeat;
		height:8px;
		position:relative;
		right:0;
	}

	
/** dialog box **/
	div#modal_overlay {
		display:none;
		position: absolute;
		left: 7px;
		top:0;
		width: 100%;
		min-height: 100%;
		text-align:center;
		z-index:1000;
		background-color: #f7f7f7;
		opacity:.7;
		filter: alpha(opacity=70);
	}
	div#modal_overlay[id] { /* IE6 and below Can't See This */
		position: fixed;
	}

	.dialogbox {
		display:none;
		position: absolute;
		top:50%;
		left:50%;
		z-index:2000;
	}
	.dialogbox[id] { /* IE6 and below Can't See This */
		position: fixed;
	}

/* png assets overridden in ie6.css */
	.dialogtopleft {
		background:url(/gallery/images/template/containers/dialog_topleft.png) left top no-repeat;
		margin-right:10px;
	}
	
	.dialogtopright {
		background:url(/gallery/images/template/containers/dialog_topright.png) right 1px no-repeat;
		position:relative;
		right:-10px;
		padding:12px 14px 4px 2px;
	}
	
	.dialogbotleft {
		background:url(/gallery/images/template/containers/dialog_botleft.png) left top no-repeat;
		height:10px;
		margin-right:10px;
	}
	
	.dialogbotright {
		background:url(/gallery/images/template/containers/dialog_botright.png) right bottom no-repeat;
		height:10px;
		position:relative;
	}
	
	.dialogclose {
		background:url(/gallery/images/icons/config_close.png) center top no-repeat;
		position:absolute;
		top:16px;
		right:16px;
		width:20px;
		height:14px;
		line-height:10px;
	}

	.dialogclose:hover {
		background-position:center -14px;
	}
	
	
/** dialog box internal panel **/
	.dpaneltopleft {
		background:url(/gallery/images/template/containers/dialogpanel_topleft.gif) left top no-repeat;
		margin-right:4px;
	}

	.dpaneltopright {
		background:url(/gallery/images/template/containers/dialogpanel_topright.gif) right top no-repeat;
		position:relative;
		right:-4px;
		padding:10px 10px 6px 6px;
	}

	.dpanelbotleft {
		background:url(/gallery/images/template/containers/dialogpanel_botleft.gif) left top no-repeat;
		height:4px;
		margin-right:4px;
		overflow:hidden;
	}

	.dpanelbotright {
		background:url(/gallery/images/template/containers/dialogpanel_botright.gif) right bottom no-repeat;
		height:4px;
		position:relative;
	}


/* png assets overridden in ie6.css */
	.addressboxtopleft {
		background:url(/gallery/images/template/containers/addressbox_topleft.png) left top no-repeat;
		margin-right:10px;
	}
	
	.addressboxtopright {
		background:url(/gallery/images/template/containers/addressbox_topright.png) right 1px no-repeat;
		position:relative;
		right:-10px;
		padding:12px 14px 4px 2px;
	}
	
	.addressboxbotleft {
		background:url(/gallery/images/template/containers/addressbox_botleft.png) left top no-repeat;
		height:10px;
		margin-right:10px;
	}
	
	.addressboxbotright {
		background:url(/gallery/images/template/containers/addressbox_botright.png) right bottom no-repeat;
		height:10px;
		position:relative;
	}	
	


/*-----------------------------------------------------------------------------
	10. Debug/temporary & Utility
-----------------------------------------------------------------------------*/

	/** album icon / stack icon for browsing and cart **/
	/* png asset overridden in ie6.css */
	.twocolumnmode .albumnav li, div.albumdragging, .cartprintstack {
		background:url(/gallery/images/albums/album_bg_small.png) left top no-repeat;
		cursor:pointer;
		display:block;
		float:left;
		margin:0 12px 10px 0;
		min-height:20px;
		padding-top:93px;
		position:relative;
		width:100px;
		z-index:150;
	}

	.twocolumnmode .albumnav li:hover, .cartprintstack:hover {
		background:url(/gallery/images/albums/album_bg_small_hover.png) left top no-repeat;
	}

	.twocolumnmode .albumnav .albumthumb, div.albumdragging .albumthumb, .cartprintstack .albumthumb {
		display:block;
		position:absolute;
		height:65px;
		width:65px;
		top:15px;
		left:14px;
		overflow:hidden;
	}

	.twocolumnmode .albumnav li img, div.albumdragging img, .cartprintstack img {
		height:65px;
		min-width:65px;
		display:block;
		position:absolute;
		top:0;
		left:0;
		cursor:move;
	}
	
	.rightcolumn .linkbutton {
		margin-top:10px;
	}
	
	#alerter {
		position:absolute;
		display:none;
	}
	
	#utilitypanel {
		position:absolute;
		top:0;
		left:0;
		min-width:90px;
		min-height:90px;
		background:#fefefe;
		border:4px solid #ddd;
		padding:10px;
		text-align:left;
		opacity:.1;
		filter:alpha(opacity=10);
	}

	#utilitypanel a {
		display:block;
		outline:none;
	}

	#utilitypanel:hover {
		opacity:1;
		filter:alpha(opacity=100);
	}

	#progressThrobber {
		height:150px; 
		width:265px; 
		margin:-75px 0 0 -125px;
		display:none;
		text-align:center;
	}

	.throbberContent {
		padding:35px; 
	}

	#serviceError, #timeoutError {
		height:150px; 
		width:310px; 
		margin:-75px 0 0 -155px;
		display:none;
		text-align:center;
	}

	.errorContent {
		padding:35px; 
	}

	.errorContent p {
		margin:10px 0px; 
	}

	.dialogMsgContent {
		text-align:center;
	}

    ul.nav-accordion li.current span{
		background:url(/gallery/images/template/accordion/nav_active.gif) 3px center no-repeat #f3f3f3;
		color:#333;
		display:block;
		padding:7px 2px 7px 26px;
	}
	.landingcss {
		position:absolute;margin-top:195px;margin-right:10px;background:url(../../gallery/images/template/containers/sign_in_background.png) left top no-repeat;margin-left:650px;
	}
	.printcss {
		position:absolute;margin-top:50px;margin-right:10px;background:url(../../gallery/images/template/containers/sign_in_background.png) left top no-repeat;margin-left:650px;
	}
	.minicartbut {
		position:absolute;
		bottom:20px; 
		right:10px; 
	}