* { padding: 0; margin: 0; }

body {
         font-family: Arial, sans-serif;
         font-size: 13px;
         background-color: #ccc;
         height: 100%
}
textarea, input {
font-family: Arial, Sans-Serif;
font-size: 12px;
}
#wrapper { 
         margin: 0 auto;
         width: 922px;
         background-color:#fff;
         overflow:hidden;
}
a {color: #666;font-weight:bold;text-decoration: none;}
a:hover {color: #AF5B0A;text-decoration:none;}
.hide {display:none;}

img, p, div, a, span
{
    behavior: url(iepngfix.htc);
}

fieldset
{
    -moz-border-radius: 7px;
    border: 1px #dddddd solid;
    padding: 11px;
    width: 600px;
    margin-top: 10px;
}
/* ----- PAGE LAYOUT ----- */
#leftcolumn { 
         color: #333;
         background: #fff;         
         background-repeat: repeat-y;
         margin-top: 10px;
         padding-top: 0;
         width: 244px;
         float: left;         
         border-right: solid 1px #ccc;
         padding-bottom:1950px;
	     margin-bottom: -1950px;
}
#header  {         
         float:right;     
         background-color: #fff;
         margin: 10px 0px 0 0;
         padding: 0 0 20px 0;
         width:677px;
}

#contentwrapper {width: 676px;
                 margin: 0;
                 float:right;
                 position:relative;
                 background: #fff;                 
                 overflow:hidden;
                 }
#rightcolumn { 
         float: right;
         color: #333;
         background: #F2F2E6;
         width: 188px;
         display: inline;
         position: relative;
         padding-bottom:1900px;
	margin-bottom: -1900px;
}
#maincolumn {
        width: 486px;
        height: auto;
        margin: 0px 178px 0px 0px;
        background: #fff;

 }
 #maincolumnb {
        width: 100%;
        height: auto;
        margin: 0px 178px 0px 0px;
        background: #fff;

 }

#footer {position:relative;
         width: 100%;
         background-color: #999;
         z-index:2;
         clear:both;                 
}
/* ----- END OF STANDARD PAGE LAYOUT ------ */
#header form {float:right;margin: 0 5px 0 0;}
.search {border:1px solid #ccc;padding:4px;}
.search input {font-size:11px; color:#333;}
.searcharea {font-size:10px;color:#ccc;}

#footerbox {
         width: 830px;         
         color: #333;
         background: #666;
         margin: 0px 0px 0 0px;
         padding: 5px;
         }
/*#maincolumn img 
{   margin:0px;
    padding:0px;
    width: 477px;
    height: 200px;
    position :relative;
}*/
#content {width:456px;margin: 15px 0 20px 0;padding:5px 5px 5px 5px;}
#content h1 {clear:left;color:#333;
             font-size:18px;
             margin-left:8px;
             padding: 3px 0 0 0;}
#content h2 {clear:left;color:#333;
             font-size:16px;
             margin-left:8px;
             padding: 10px 0 0 0;}
#content h3 {clear:left;color:#444444;
             font-size:14px;
             margin-left:8px;
             padding: 10px 0 0 0;}             
#content p img {float:left;margin-top: 5px;margin-right: 8px;border-right: solid 1px #ccc;border-bottom: solid 1px #ccc;}             
#content p {padding-top: 10px;padding-left:9px;font-size:12px; color:#000;}
#content table {
margin-left:9px;
font-size:12px;
}
#content ul, #content ol {margin: 10px 0 0 55px;}
#content ul li, #content ol li {font-size: 12px;}
.download {clear:left;float:left;margin:-5px 5px 0 0;width:20px; height:20px;padding:0;border:0;background-image: url(images/icons/download.gif);}
.downloadReport {clear:left;float:left;margin:-5px 5px 0 0;width:28px; height:27px;padding:0;border:0;background-image: url(images/icons/downloadArrow.gif);}

.web {float:left;margin:0 5px 0 0;width:20px; height:20px;padding:0;border:0;background-image: url(images/icons/globe.gif);}

#contentalt {width:456px;background-color:#F2F2E6;margin: 15px 0 0 0;padding:0 5px 11px 5px;}
#contentalt h1 {color:#333;
             font-size:18px;
             margin-left:8px;
             padding: 3px 0 0 0;}
#contentalt p img {float:left;margin-right: 8px;border-right: solid 1px #ccc;border-bottom: solid 1px #ccc;}             
#contentalt p {padding-top: 10px;padding-left:9px;font-size:11px; color:#000;}

#contentaltb {width:456px;background-color:#fff;margin: 15px 0 0 0;padding:0 5px 11px 5px;}
#contentaltb h1 {color:#333;
             font-size:18px;
             margin-left:8px;
             padding: 3px 0 0 0;}
#contentaltb p img {float:left;margin-right: 8px;border-right: solid 1px #333;border-bottom: solid 1px #333;}             
#contentaltb p {padding-top: 10px;padding-left:9px;font-size:12px; color:#000;}
#contentaltb ul {padding-top: 5px;}
#contentaltb ul li {padding-left:9px;font-size:12px; color:#000;list-style:none;}
#contentexec {width:100%;margin: 15px 0 20px 0;padding:5px 5px 5px 5px;}
#contentexec h1 {color:#333;
             font-size:18px;
             margin-left:8px;
             padding: 3px 0 0 0;}
#contentexec p img {float:left;margin-top: 5px;margin-right: 8px;border-right: solid 1px #333;border-bottom: solid 1px #333;}             
#contentexec p {padding-top: 10px;padding-left:9px;padding-right: 20px;font-size:12px; color:#000;}
#contentexec ul {margin: 10px 0 0 55px}
#contentexec ul li {font-size: 12px; list-style:none;}
.imgcen{margin:0 0 0 50px;}
.bullets {padding: 0 0 0 35px;}
#content .bullets ul {padding:15px;list-style-image: url(images/icons/bullets.gif);list-style-position: outside;}
#content .bullets ul li{display:list-item;}
.find {display:block; float:right; margin: 20px 0 0 0;font-weight:bold; color:#999;}
.spacer {clear:left;height:0;}
.findalt {display:block; float:right; margin: 20px 0 0 0;font-weight:bold; color:#999;}
.spaceralt {clear:left;height:0;}

#banners {margin: 5px;}
#banners img {margin: 0 0 10px 5px;border: 0;}
.menu-tag{color:#1B4B27;font-size:12px;line-height: 10px;}
#header img {border:0;margin: 25px 0 0 20px;}
#footer a{color:#999;}
#footer a:hover{color: #AF5B0A;}
.footer-links {float:left;font-size:10px;}
#footer p {font-size:10px; color:#fff;text-align:right; margin: 2px 5px 2px 0;line-height: 10px;}
.footerlinks {clear:both;margin: 0px -5px 10px 0;background-color: #F2F2E6;}
.footerlinks img {padding: 3px 15px 3px 0;}
#news {margin:10px 5px 0 5px;}
#news h1 {color:#333; font-size:18px; margin-left: 5px;margin-bottom: 10px;}
#news p {padding: 5px; font-size: 11px;color: #000;}
#news p.date {color: #666; font-weight:bold;font-size:11px;}
#rightcolumn h1 {font-size: 14px; color: #333;padding: 3px 0 3px 5px;}
#rightcolumn p {font-size: 10px; color: #000; padding: 0 5px 5px 5px;}
#breadcrumbs {font-size:10px; text-decoration:none; margin: 0px 0 0 8px;}
#breadcrumbs strong{font-size:11px;}
.morenews {display:block; float:right; font-weight:bold;color:#999;font-size:11px;margin: 0 -14px 0 0;}
.rss {float:right;padding:0 7px 7px 0;font-size: 11px;}
.rssimg {float:right;margin: 15px 5px 0 0;border:0;}
.rss a {color: #F69B42;}
.rss a:hover {color:#AF5B0A;}
.didyou img {margin:10px 0 10px 35px;}
.signature {margin:10px 5px 0 225px;}
.signature img{margin: 0 0 0 20px;}
.signature p{font-weight: bold;font-style: italic;padding:0;margin:-10px 0 0 0;}

/* --- IMAGE ENLARGE --- */
#enlarge {position:relative;margin:0 0 0 50px; background-color:#fff; z-index:100;}
#enlarge a.p1, #enlarge a.p1:visited {display:block;text-decoration:none; background:#fff; top:0; left:0; border:0;}
#enlarge a img {border:0;}
#enlarge a.p1:hover {text-decoration:none; color:#000;}
#enlarge a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#enlarge a.p1:hover .large {display:block; position:absolute; top:-65px; left:-40px; width:578px; height:218px; border:10px solid #ccc;}
#enlarge a.p2:hover {text-decoration:none; color:#000;}
#enlarge a.p2:hover .large {display:block; position:absolute; top:-65px; left:-40px; width:500px; height:252px; border:10px solid #ccc;}

#enlarge a.D2:hover {text-decoration:none; color:#000;}
#enlarge a.D2:hover .large {display:block; position:absolute; top:-220px; left:-200px; width:400px; height:446px; border:10px solid #ccc;}


/* --- PLACEHOLDER REPLACEMENT --- */
.imgholder {display:none;}
.bannerimg {background-image: url(images/placeholder.jpg);height: 200px; background-repeat:no-repeat;}

/*---- GENERAL BANNER IMAGES --- */
body#about .bannerimg{background-image: url(images/placeholder7.jpg);}
body#annual .bannerimg{background-image: url(images/placeholder.jpg);}
body#key .bannerimg{background-image: url(images/placeholder13.jpg);}
body#banner .bannerimg{background-image: url(images/placeholder2.jpg);}
body#franchise .bannerimg{background-image: url(images/placeholder18.jpg);}
body#foodforthought .bannerimg{background-image: url(images/placeholder22.jpg);}
body#community .bannerimg{background-image: url(images/placeholder8.jpg);}
body#newsarchive .bannerimg{background-image: url(images/placeholder9.jpg);}
body#refurb .bannerimg{background-image: url(images/placeholder20.jpg);}
body#contact .bannerimg{background-image: url(images/placeholder23.jpg);}
/*-- TRAINING --- */
body#training .bannerimg{background-image: url(images/placeholder24.jpg);}
/* --- BANNERS --- */
body#newworld .bannerimg{background-image: url(images/placeholder5.jpg);}
body#newworld2 .bannerimg{background-image: url(images/placeholder28.jpg);}
body#pns .bannerimg{background-image: url(images/placeholder15.jpg);}
body#pns2 .bannerimg{background-image: url(images/placeholder25.jpg);}
body#pns3 .bannerimg{background-image: url(images/placeholder26.jpg);}
body#pns4 .bannerimg{background-image: url(images/placeholder27.jpg);}
body#foursquare .bannerimg{background-image: url(images/placeholder14.jpg);}
body#trents .bannerimg{background-image: url(images/placeholder21.jpg);}
body#ots .bannerimg{background-image: url(images/placeholder16.jpg);}
body#henrys .bannerimg{background-image: url(images/placeholder12.jpg);}
/* --- HOW WE DO BUSINESS SECTION ---*/
body#info .bannerimg{background-image: url(images/placeholder8.jpg);}
body#ecommerce .bannerimg{background-image: url(images/placeholder17.jpg);}
body#gs1 .bannerimg{background-image: url(images/placeholder13.jpg);}
body#packaging .bannerimg{background-image: url(images/placeholder18.jpg);}
body#policy .bannerimg{background-image: url(images/placeholder6.jpg);}
body#procurement .bannerimg{background-image: url(images/placeholder18.jpg);}
body#invoicing .bannerimg{background-image: url(images/placeholder17.jpg);}
body#payments .bannerimg{background-image: url(images/placeholder11.jpg);}
body#trade .bannerimg{background-image: url(images/placeholder10.jpg);}
body#downloads .bannerimg{background-image: url(images/placeholder13.jpg);}
body#working .bannerimg{background-image: url(images/placeholder13.jpg);}
/* --- BANNER INFO DETAILS --- */
body#infonewworld .bannerimg{background-image: url(images/placeholder5.jpg);}
body#infopns .bannerimg{background-image: url(images/placeholder4.jpg);}
body#infofoursquare .bannerimg{background-image: url(images/placeholder19.jpg);}

/* Annual Report Section */
table.tblUser
{
margin-top:10px;
}

table.tblUser td 
{
    padding:5px;
    vertical-align:top;
}
table.tblUser td.fieldLbl
{
width:120px;
font-size: 11px;
padding: 8px 5px;
}
table.tblUser .required 
{
    font-weight:bold;
    font-size:12px;
    color:#FF0000;
}
table.tblUser .txtField200 
{
    width:200px;
}
table.tblUser span.erroralert
{
    margin:0;
    padding:0;
}

fieldset.loginbox {
border:1px dashed #CCC;
padding:10px;
margin:10px 20px;
width:360px;
}
fieldset.loginbox legend {
	font-weight: bold;
	line-height: 1.1;
	color:#fff;
	background: #666;
	border: 1px solid #333;
	padding: 2px 6px;
}

fieldset.loginbox div.button {
	width:242px;
	float:right;
	height:30px;
	margin-top:3px;
	padding:3px;
}

.buttons {
	background: #76a521;
	color: #FFFFFF; 
	padding: 2px;
	border-width: 1px;
	border-style: solid;
	border-color: #9ccc2e #1b4b27 #1b4b27 #9ccc2e;
	text-decoration: none;
	text-transform:uppercase;
	cursor:pointer;
	font-weight:bold;
}


div.alertBox {
padding:5px;
color:red;
font-size:11px;
border:solid 1px #FF0000;
margin:10px 20px 10px 20px;
background: url(images/red20p.png) repeat;
}

/* Funky new download formatting */
p.downloads {
width:440px;
}
p.downloads a {
display:block;
width:440px;
background:#E4E4E4 url(images/downloadsBG.png) no-repeat left bottom;
padding:0 0 10px;
color:#50611A;
}
p.downloads a .wrapper {
display:block;
padding:12px 0 4px 45px;
width:395px;
position:relative;
background:transparent url(images/downloadsBG.png) no-repeat scroll 0 0;
}
p.downloads .icon {
position:absolute;
top:3px;
left:5px;
display:block;
width:35px;
height:35px;
background: transparent url(images/downloadIcons.png) no-repeat;
}
p.downloads .doc-pdf .icon {
background-position: -140px 0;
}
p.downloads .doc-www .icon {
background-position: -175px 0;
}
p.downloads .doc-xls .icon {
background-position: -70px 0;
}

p.downloads a:hover {
background-position:right bottom;
padding:0 0 10px;
display:block;
width:440px;
color:#EFEFEF;
}
p.downloads a:hover .wrapper {
background-position:right 0;
display:block;
padding:12px 0 4px 45px;
width:395px;
position:relative;
}

tr.odd {
background: #EEEEEE;
}

/* Team pages under Retail Banner Groups */
.team {
width:470px;
border:solid 1px #EEEEEE;
}
.team .smalltext {
font-weight:normal;
font-size:11px;
}
.team td {
padding:3px;
vertical-align:top;
}
.team .heading {
width:180px;
font-weight:bold;
}
.team .phone {
background: url(images/icons/iconPhone.png) no-repeat 0 2px;
padding-left:20px;
font-weight:normal;
}
.team .email {
background: url(images/icons/iconEmail.png) no-repeat 0 2px;
padding-left:20px;
}
.team .email a {
font-weight:normal;
}

.promoCharges {
border:solid 1px #DDDDDD;
width:460px;
margin-bottom:10px;
}
.promoCharges td {
padding:4px;
}