/*
*******************************************************************

	EMI-INCENTIVE.COM
	
	Description:		Main CSS
	Author:				Elliot Jay Stocks (www.elliotjaystocks.com)
	Version:			22nd March 2006
	Browser(s):			All browsrs

*******************************************************************
*/


/* Basic elements */
body { background: #fff url(../images/bgRepeaterTop.jpg) top left repeat-x; text-align: center; margin: 0; }
body, p, ul, li { font: 13px/15px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; color: #000; }
h2 { font: bold 17px/15px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 30px 0 -8px 0; }
h3 { font: bold 17px/15px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; color: #066; margin: 20px 0 0 0; }
h4 { font: bold 17px/15px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0 0 -8px 0; }
a { color:#900; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }
hr { border-top: 1px #666 dotted; border-right: none; border-bottom: none; border-left: none; }


/* Layout - main */
#containerOne { width: 100%; position: relative; text-align: center; }
#containerTwo { text-align: left; position: relative; width: 980px; margin: 0 auto 0 auto; }
#pageContent { position: relative; margin: 0 126px -10px 118px; }
#flashHeader { margin: -1px 0 0 0; }
#bottomOfThePage { position: relative; }
#flashFooter { margin: 10px 0 1px 0; }
#footerRepeater { margin: -71px 0 0 0; height: 71px; width: 100%; background: url(../images/bgRepeaterBottom.jpg) top left repeat-x; }
#leftColumn { width: 210px; float: left; margin: 0; }


/* Right panel */
#rightColumn { margin: 0 0 0 230px; }


/* Extra bits */
#tableLeft { float: left; width: 340px; margin: 15px 0 0 0; }
#tableRight { margin: 15px 0 0 360px; }
.packshot { border: 1px solid #000; margin: 0 10px 10px 0; float: left; }
.packshotCS { border: 1px solid #000; margin: 0 30px 10px 0; float: left; }
#csTable { margin: 15px 0 0 0; }
.quotePara { color: #069; font-weight: bold; }
.quoteSource { color: #ccc; font-weight: bold; }
.logoLinks { margin: 0 0 0 20px; }
a.returnToTop { margin: 0 0 0 650px; }


/* Page title image replacement */
h1#home, h1#premiums, h1#offShelf, h1#retail, h1#brand, h1#mobile, h1#contact, h1#poo, h1#caseStudies, h1#caseStudiesPrem, h1#caseStudiesOff, h1#caseStudiesRetail { text-indent: -5000px; margin: 0 0 0 -7px; }
h1#home { background: url(../images/titleHome.gif) top left no-repeat; width: 80px; height: 33px; }
h1#premiums { background: url(../images/titlePremiums.gif) top left no-repeat; width: 134px; height: 33px; }
h1#offShelf { background: url(../images/titleOffTheShelf.gif) top left no-repeat; width: 183px; height: 33px; }
h1#retail { background: url(../images/titleRetailExclusives.gif) top left no-repeat; width: 231px; height: 33px; }
h1#brand { background: url(../images/titleBrandPartnerships.gif) top left no-repeat; width: 273px; height: 33px; }
h1#mobile { background: url(../images/titleMobileDigital.gif) top left no-repeat; width: 206px; height: 33px; }
h1#contact { background: url(../images/titleContact.gif) top left no-repeat; width: 115px; height: 33px; }
h1#poo { background: url(../images/titlePoo.gif) top left no-repeat; width: 69px; height: 33px; }
h1#caseStudies { background: url(../images/titleCaseStudies.gif) top left no-repeat; width: 171px; height: 33px; }
h1#caseStudiesPrem { background: url(../images/titleCaseStudies-prem.gif) top left no-repeat; width: 318px; height: 33px; }
h1#caseStudiesOff { background: url(../images/titleCaseStudies-off.gif) top left no-repeat; width: 368px; height: 33px; }
h1#caseStudiesRetail { background: url(../images/titleCaseStudies-retail.gif) top left no-repeat; width: 413px; height: 33px; }