/* 
-----------------------------------------------------------------
	HRL Morrison & Co.
	MCO.2758
	screen.css
	
	Created 06/04/2009 by AK
	Last Updated: See SVN	
	-----------------------------------------------------------------
	Shared styles.
	
	See section stylesheets for section style overrides.
	
	Naming conventions used in this document:
  -------------------------------------------------------------
	  Websites: All sites are prefixed with '.site-' (eg .site-advertisers, .site-admin, .site-publishers, .site-shopfront)
    Zones: All zones are prefixed with '#zone-'
    Sections: Sections are prefixed with '.section-' (eg .section-addcreative)
    Widgets: All widgets are prefixed with '#widget-'
    Navigation: All zones are prefixed with '#nav-'
    Layout: All reusable layout classes are prefixed with '.layout-'
    Text styles: Reusable text classes are prefixed with '.text-'
    Button/tool styles: Reusable button classes are prefixed with '.tool-'
    Form styles: Reusable form classes are prefixed with '.form-'
    Selected class: Use .active
    Clearing classes: .clear
    Liners: some .liner and .wrapper classes are used, divs and spans 
		  elsewhere for adding extra hooks - contextual only
			
*/

@import "common.css";
	
body { font-family:Arial, Helvetica, sans-serif; color:#b2b3b3; background-color: #000; text-align:center; }
.print { display:none; }
#top { position:absolute; left:0; top:0; }


/* MASTER TEMPLATE SHELL
-------------------------------------------- */
#shell .wrapper { background:#0a0203; position:relative; text-align:left; margin:0 auto; width:980px; min-height:750px; }
#shell .wrapper #dragon { position:absolute;  z-index:1; left:0; top:0; width:980px; height:749px; }
#shell .wrapper #dragon .liner { position:fixed; width:980px; height:749px; background:url(/resources/images/ui/backgrounds/morrisons-dragon-shell-bg.jpg) no-repeat right top; }
#shell .wrapper .wrapper-liner { position:relative; z-index:2; }
#zone-maincontent { margin:28px 0; clear:both; }
#content { float:left; width:560px; margin-left:85px; }
#related { float:left; width:216px; }


/* LINKS
-------------------------------------------- */

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


/* HEADER
-------------------------------------------- */
#zone-header { position:relative; clear:both; min-height:319px; }
#zone-header .logo { z-index:4; left:87px; top:0; position:absolute; width:121px; height:114px; margin:0; }


/* PRIMARY NAV
-------------------------------------------- */
#primary-nav { position:absolute; z-index:3; min-height:33px; width:980px; left:0; top:285px; background:url(/resources/images/ui/nav/primary-nav-bg.png); }
#primary-nav ul { margin:0 0 0 24px; }
#primary-nav li { display:inline; cursor:pointer; text-transform:uppercase; font-size:1em; }
#primary-nav li a { display:block; cursor:pointer; float:left; min-height:23px; color:#858181; padding:10px 13px 0; }
#primary-nav li a:hover { text-decoration:none; color:#bdb8b8; background:url(/resources/images/ui/nav/primary-nav-bg-hover.png); }
#primary-nav li a.active, #primary-nav li a.active:hover { color:#fff; background:url(/resources/images/ui/nav/primary-nav-bg-active.png); } 
#primary-nav li a.active { font-weight:bold; }

/* Extra primary nav/ Footer nav */
#primary-nav-supplimentary { position:absolute; z-index:3; min-height:48px; width:980px; left:0; top:0; background:url(/resources/images/ui/backgrounds/supplimentary-nav-bg.png) repeat-x; }
#primary-nav-supplimentary ul, #zone-footer ul.footer-links { float:right; margin:24px 18px 0 222px; }
#primary-nav-supplimentary li, #zone-footer .footer-links li { display:inline; padding-left:2px; padding-right:6px; background:url(/resources/images/ui/nav/supplimentary-nav-pipe.gif) no-repeat right center; text-transform:uppercase; font-size:0.8em; font-weight:bold; }
#primary-nav-supplimentary a, #zone-footer .footer-links a { color:#818080; }
#primary-nav-supplimentary li.last { padding-left:8px; background:none; }
#zone-footer .footer-links li.last, #zone-footer .footer-links li.logo { background:none; padding-right:0; }
#primary-nav-supplimentary li.last a { color:#fff; }


/* FLASH FEATURE
-------------------------------------------- */
#flash-feature { position:absolute; left:0; top: 48px; z-index:1; }
#ffflashzindexfix { border:1px solid yellow; position:absolute; z-index:2; left:0; top:48px; width:980px; height:270px; }

/* FOOTER
-------------------------------------------- */
#zone-footer { clear:both; color:#8e8d8d; margin-bottom:4em; }
#zone-footer h3, #zone-footer p, #zone-footer li { line-height:1.2em; }
#zone-footer p { font-size:0.75em; margin:0; }
#zone-footer .liner { position:relative; }

/* Footer tools */
#footer-tools { margin:12px 0 12px 72px; }
#footer-tools li { font-size:0.85em; }
#footer-tools li a { display:block; outline:none; width:100px; color:#8e8d8d; background:url(/resources/images/ui/icons/bullet-gold.gif) no-repeat 0 3px; padding-left:12px; }
#footer-tools li.tool-top a { background:url(/resources/images/ui/icons/arrow-gold-up.gif) no-repeat 0 3px; }

/* Footer addresses */
#footer-addresses { padding:5px 0 5px 84px; margin-bottom:7px; clear:both; min-height:64px; background:url(/resources/images/ui/backgrounds/footer-addresses-bg.png); }
#footer-addresses .address { float:left; width:126px; }
#footer-addresses .first { width:99px; }
#footer-addresses .second { width:93px; }
#footer-addresses h3 { color:#946e10; text-transform:uppercase; font-size:0.75em; font-weight:normal; margin:0; }

/* footer links */
#zone-footer p.copyright { margin:0 0 0 84px; float:left; }
#zone-footer ul.footer-links { margin-top:-3px; }
#zone-footer .logo a { display:block; width:100px; cursor:pointer; height:94px; background:url(/resources/images/ui/logos/morrison-co-small-logo.png) no-repeat; position:absolute; bottom:4.4em; right:73px; }
#zone-footer .logo a:hover { text-decoration:none; } 


/* TEXT STYLES
-------------------------------------------- */

/* starting text sizes */
dl, dt, dd, ul, ol, pre, input, textarea, p, blockquote, th, td { font-size:0.92em; }
p, ul, ol { margin:0 0 1em; }
#zone-maincontent p, #zone-maincontent ul, #zone-maincontent ol, #zone-maincontent dl, #zone-maincontent blockquote { line-height:1.4em; }
#content p, #content ul, #content ol, #content blockquote, #content dl { margin-bottom:1.3em; }

/* Bodytext - variations */
#zone-maincontent .intro-text { line-height:1.08em; margin-bottom:0.5em; font-size:2.4em; color:#b2b3b3; }
#zone-maincontent .text-body-large { font-size:1.1em; line-height:1.65em; margin-bottom:1em; } 
#zone-maincontent .text-body-small { font-size:0.92em; } 
blockquote { font-style:italic; font-size:1em; margin-left:24px; margin-right:24px; }

/* HEADING STYLES
-------------------------------------------- */

h1, h2, h3, h4, h5, h6 { margin:0 0 0.3em; color:#ba890b; clear:both; }
h2 a, h3 a, h4 a, h5 a, h6 a { color:#ba890b; text-decoration:underline; }
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#cea335; }
#zone-header h1 { margin:0; }
h1 { font-size:1.25em; font-weight:bold; text-transform:uppercase; margin-bottom:0.7em; }
h2 { font-size:0.8em; font-weight:normal; text-transform:uppercase; margin-bottom:1.4em; }
h3 { font-size:0.8em; font-weight:bold; text-transform:uppercase; }
h4 { font-size:0.9em; font-weight:normal; }
h5 { font-size:0.8em; font-weight:normal; }
h6 { font-size:0.8em; }


/* LIST STYLES
-------------------------------------------- */
#content ul, #content ol { margin-left:14px; list-style:disc; }
#content ul ul, #content ul ol, #content ol ol, #content ol ul { font-size:1em; margin-top:0.5em; margin-left:28px;} 

/* Anchor nav */
#content .anchor-nav { margin:1em 0 1.2em; }
#content .anchor-nav li { display:inline; padding-left:2px; padding-right:7px; background:url(/resources/images/ui/nav/anchor-nav-pipe.gif) no-repeat right center; text-transform:uppercase; font-size:0.85em; }
#content .anchor-nav li.first { padding-left:0; }
#content .anchor-nav li.last { background:none; }

/* Sitemap */
.section-sitemap #content ul.sitemap, .section-sitemap #content ul.sitemap ul { list-style:none; margin-left:0; }
.section-sitemap #content ul.sitemap li { padding-left:12px; margin-bottom:8px; background:url(/resources/images/ui/backgrounds/sitemap-level-1-bg.png) repeat-y 0 1px; }
.section-sitemap #content ul.sitemap ul { margin-left:4px; }
.section-sitemap #content ul.sitemap ul li { margin-bottom:0; background:url(/resources/images/ui/backgrounds/sitemap-level-2-bg.png) no-repeat 0 1px; }

/* IMAGES (as generated from WYSIWYG TinyMCE editor)
-------------------------------------------- */
.right { float:right; margin:4px 0 8px 12px; }
.left { float:left; margin:4px 12px 8px 0; }
span.caption { display:block; clear:both; font-size:0.8em; margin-bottom:8px; }
span.default, span.capDivLeft, span.capDivLeftBrd { display:block; float:left; }
span.capDivRight, span.capDivRightBrd { display:block; float:right; }
span.capDivRight .right, span.capDivRightBrd .right { float:left; }

/* CONTACTS
-------------------------------------------- */
.contacts { margin-bottom:2em; }
.contact { clear:both; padding:9px 0 6px 9px; margin-left:-9px; background:url(/resources/images/ui/backgrounds/contact-bg.png) repeat-x left bottom; }
.contact .image-border-1 { float:left; width:138px; margin-top:4px; }
.contact .blurb { float:left; width:400px; }
.contacts h2 { margin-bottom:0.4em; margin-top:1.5em; }
.contact h3 { color:#b2b3b3; text-transform:none; margin-bottom:0; margin-top:0.2em; font-size:0.9em; }
.contact .blurb p { margin:0; }

/* DATA TABLES
-------------------------------------------- */
caption { text-align:left; }
th, td { vertical-align:top; border:none; padding:3px 18px; }
th { font-weight:bold; text-align:left; border-bottom:1px solid #666; }
table { border-collapse:collapse; border:none; }
table .alt td { background:url(/resources/images/ui/nav/primary-nav-bg-hover.png); }
table.layout th, table.layout td { border:none; background:none; } 


/* FORMS
-------------------------------------------- */
input, select { color:#353131; }


/* MISC
-------------------------------------------- */


/* SIFR 3
------------------------------------------------- */
/*
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}
*/
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {

	
}