/* @override http://trilogy-uk.com/new/screen.css */

/*
 Trilogy Logistics Master Styles
 http://www.trilogy-uk.com
 Ben Bodien 2006
 bbodien@trilogy-uk.com
*/
 

/*
 Primary elements
*/

html { overflow: scroll; }

body {
  text-align: center;
  margin-top: 10px;
  font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
  color: #4a4a4a;  
}

a img { border: 0; }

/*
 Container elements
*/

.container {
  margin: 0 auto;
  width: 800px;
  height: 100%;
  text-align: left;  
}

#header { margin: 5px; }

#bodyarea p a {
  text-decoration: none;
  color: #4d4d4d;
  border-bottom: 1px dotted #b1b1b1; 
}

#bodyarea p a:hover {
  border-bottom: none;
  color: #f29300; 
}

/*
 Nav bars
*/

#navbar {
  background: #00257a url(images/nav-bg.gif) repeat-x;  
  margin: 10px 5px 0 5px;
  padding: 0;
  height: 38px;
}

#navbar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#navbar li {
  float: left;
  margin: 0;
  padding: 0;
  border-right: 1px solid #3f5890;
}

#navbar li a {
  float: left;
  height: 18px;
  margin: 0;
  padding: 10px 12px;
  font: 1.5em "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
  letter-spacing: -0.4px;
  text-decoration: none;
  color: white;
}

#navbar li a:hover {  
  text-decoration: none;
  background-color: #5272ba;
}

#current {
  background: #00257a url(images/nav-bg-inv.gif) repeat-x;
  font-weight: bold;
}

#navunderline {
  padding-bottom: 8px;
  background: #ffbc01 url(images/sec-bg2.gif) top left repeat-x;
  margin: 0 5px;
  border-bottom: 1px solid #f29300;
}



/*
 Content area subdivision (multiple proportions
*/

#fullpane {
  width: 100%;
  color: #9f9f9f;
  text-align: left;
}

#leftpane {
  width: 25%;
  float: left;
  color: #9f9f9f;
  text-align: left;
}

#centrepane {
  width: 50%;
  float: left;
  color: #9f9f9f;
  text-align: justify;
}

#centrepane-full {
  width: 75%;
  float: left;
  color: #9f9f9f;
  text-align: justify;
}

#rightpane {
  width: 25%;
  float: left;
  color: #9f9f9f;
  text-align: left;  
}

/*
 Body text area
*/

.content {
  margin: 5px;
  padding: 0;
  font: 1.1em/1.3em Verdana, Helvetica, Arial, sans-serif;
  color: #727272;
}

.content p {
  margin-top: 0;
  padding: 0;
  margin-bottom: 12px;
  line-height: 1.5;
  font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

.content p.overview {
  text-align: center;
  border: 1px solid #cacaca;
  background-color: #f8f8f8;
  padding: 5px;
  font: normal 1.1em/1.6 "Lucida Grande", Lucida, Verdana, sans-serif;
}

.content p.overview em { 
  font-style: normal;
  font-weight: bold; 
  font-size: 1.1em; 
}

.content h1 {
  font-size: 1.4em;
  margin: 11px 0 10px 0;
  color: #4d4d4d;
}

.content h2 {
  font-size: 1.4em;
  margin-bottom: 10px;
  color: #4d4d4d;
}

.content h3 {
  font: 1.4em Tahoma, Verdana, Arial, sans-serif;
  margin-bottom: 8px; 
  margin-top: 8px;
}

.content h3.servicetitle {
  margin-top: -2px;
  margin-left: 4px;
  font-size: 1.3em;
}

.content h4 {
  font: bold 11px;
  margin-top: 5px;
  margin-bottom: 8px;
}

.content h5 {
  font: normal 11px;
  margin-top: 5px;
  margin-bottom: 0;
}

.content strong { color: #606060; }

.content hr {
  border: 0 none;
  height: 8px;  
  color: white;
}

.content acronym {
  border-bottom: 1px dotted #727272;
  font-style: italic;
}

.content ul {
  margin: 8px 0 0 2px;
  padding: 0;
}

.content ul.extraspace { margin-bottom: 8px; }

.content ul li {
  list-style: none;
  padding-left: 18px;
  background: url(images/icons/bullet_orange.gif) top left no-repeat; 
  min-height: 20px;
  text-align: left;
}


/*
 Side (context) boxes
*/

.detailbox {
  border: 1px solid #cacaca;
  background: #f8f8f8;
  padding: 5px 8px 5px 8px;
  margin-bottom: 15px;
}

.detailbox ul li a {
  text-decoration: none;
  color: #4d4d4d;
  border-bottom: 1px dotted #b1b1b1;  
}

.detailbox ul li a:hover {
  border-bottom: none;
  color: #f29300; 
}

.imagebox {
  margin: 10px 5px;
  text-align: center;
  border: 1px solid #f29300;
  width: 125px;
}

/*
 Icon bullet links for context links
*/

.icon_link {
  padding: 3px 0 0 22px;
  background-position: 0 2px;
  background-repeat: no-repeat;
  min-height: 20px;
  height: auto !important; /* ie hack */
  height: 20px;
}

.icon_link.website_link { background-image: url(images/icons/world_link.gif); }
.icon_link.profile_link { background-image: url(images/icons/profile.gif); }
.icon_link.share_link { background-image: url(images/icons/money.gif); }
.icon_link.viewall_link { background-image: url(images/icons/viewall.gif); }
.icon_link.game_link { background-image: url(images/icons/games.gif); }
.icon_link.dvd_link { background-image: url(images/icons/dvd.gif); }
.icon_link.book_link { background-image: url(images/icons/book.gif); }
.icon_link.toy_link { background-image: url(images/icons/toy.gif); }
.icon_link.mobile_link { background-image: url(images/icons/mobile.gif); }
.icon_link.ecom_link { background-image: url(images/icons/ecom.gif); }
.icon_link.music_link { background-image: url(images/icons/music.gif); }
.icon_link.newacct_link { background-image: url(images/icons/newacct.gif); }

.icon_link.contact_hours {
  background-image: url(images/icons/clock.gif);
  font-size: 10px;
}

.icon_link.contact_telephone {
  background-image: url(images/icons/mobile.gif);
  font-size: 10px;
}

.icon_link.contact_fax {
  background-image: url(images/icons/fax.gif);
  font-size: 10px;
}

.icon_link.contact_email {
  background-image: url(images/icons/email.gif);
  font-size: 10px;
}

.icon_link.contact_address {
  background-image: url(images/icons/building.gif);
  font-size: 10px;  
}

.icon_link.contact_map {
  background-image: url(images/icons/map.gif);
  font-size: 10px;
}

.icon_link.vcard_link {
  background-image: url(images/icons/vcard.gif);
  font-size: 10px;
}

.icon_link.news_item {    
  background-image: url(images/icons/newspaper.gif); 
  font-size: 10px;
}

.icon_link.case_link { background-image: url(images/icons/folder_page.gif); }

.icon_link.mediakit_link {
  background-image: url(images/icons/media.gif);
  font-size: 10px;
}

.icon_link.date_link { background-image: url(images/icons/calendar.gif); }
.icon_link.pdf_link { background-image: url(images/icons/pdf.gif); }
.icon_link.info_link { background-image: url(images/icons/info.gif); }
.icon_link.retail_internet { background-image: url(images/icons/computer.gif); }
.icon_link.retail_mailorder { background-image: url(images/icons/report.gif); }
.icon_link.retail_specialist { background-image: url(images/icons/pie.gif); }
.icon_link.retail_chains { background-image: url(images/icons/orgchart.gif); }
.icon_link.retail_supermarkets { background-image: url(images/icons/cart.gif); }
.icon_link.retail_toyshobbies { background-image: url(images/icons/toy.gif); }
.icon_link.retail_independents { background-image: url(images/icons/person.gif); }

/*
 Job dept links
*/

.operations_link {
  padding-left: 22px;
  padding-top: 3px;
  background: url(images/icons/wrench.gif) no-repeat 0 50%;
  height: 20px;
}

.finance_link {
  padding-left: 22px;
  padding-top: 3px;
  background: url(images/icons/chart.gif) no-repeat 0 50%;
  height: 20px;
}

.it_link {
  padding-left: 22px;
  padding-top: 3px;
  background: url(images/icons/computer.gif) no-repeat 0 50%;
  height: 20px;
}

.sales_link {
  padding-left: 22px;
  padding-top: 3px;
  background: url(images/icons/money.gif) no-repeat 0 50%;
  height: 20px;
}

.management_link {
  padding-left: 22px;
  padding-top: 3px;
  background: url(images/icons/orgchart.gif) no-repeat 0 50%;
  height: 20px;
}


/*
 Block quote styling (Dan Cederholm technique)
*/

.q_open {
  float: left;
  background: url(images/quote-top.gif) no-repeat;
  height: 22px;
  width: 29px;
}

.q_close {
  float: right;
  margin-top: -18px;
  background: url(images/quote-bottom.gif) no-repeat;
  height: 22px;
  width: 29px;
}

blockquote { font: 0.9em Helvetica, Arial, sans-serif; }

blockquote strong { font-size: 1.2em; }

.quotesource {
  padding-top: 2px;
  font-size: 0.9em;
}

/*
 Contact form style
*/

#contactform { width: 100%; }

#contactform input {
  font: 11px Verdana, Arial, sans-serif;
  letter-spacing: -1px;
  color: #4a4a4a;
  background: white;
  border: 1px solid #bebebe;
}

#contactform input.check {
  margin: 0 10px 0 2px;
  border: 0 none;
}

#contactform td {
  vertical-align: top;
  padding-bottom: 10px;  
  font-size: 10px;
}

#contactform td td { padding-bottom: 3px; }

#contactform a {
  text-decoration: none;
  color: #4d4d4d;
  border-bottom: 1px dotted #b1b1b1; 
  padding-bottom: 1px
}

#contactform a:hover {
  border-bottom: none;
  color: #f29300; 
}

#contactform td.label { font: bold 11px; }

#contactform td.boxfield_label {
  padding-top: 3px;
  width: 70px;
  text-align: left;  
}

#contactform textarea {
  display: block;
  padding: 2px;
  font: 11px Verdana, Arial, sans-serif;
  letter-spacing: -1px;
  color: #4a4a4a;
  border: 1px solid #bebebe;
}

/*
 Press release styles
*/

.pressrelease {
  margin-bottom: 10px;
  text-align: left;
  border: 1px dotted #cacaca;
  padding: 4px;
  background: #fbfbfb;
  font-size: 10px;
}

.icon_link.press_releasetitle {
  background-image: url(images/icons/page.gif);  
  font-weight: bold;
}

.icon_link.press_releasedate { background-image: url(images/icons/calendar.gif); }

.icon_link.press_releaseintro { background-image: url(images/icons/newspaper.gif); }

.icon_link.press_releaselink {
  font-weight: normal;
  background-image: url(images/icons/pdf.gif);
}

.controller {
  float: right;
  margin-top: -14px; 
  margin-right: -2px;
}

.yeartitle {
  font-size: 1.3em;
  margin-bottom: 10px;
}

/*
 Job posting styles 
*/

.jobposting { 
  margin-bottom: 15px;
  border: 1px dotted #cacaca;
  padding: 4px 8px;
  background: #fbfbfb;
}

.jobposting li { font-size: 10px; }

.jobtitle {
  padding-left: 22px;
  padding-top: 3px;
  background: url(images/icons/person.gif) no-repeat 0 50%;
  font-weight: bold;
}

.jobdesc {
  padding-left: 22px;
  padding-top: 3px;  
  margin-bottom: 4px;
}

.jobsalary {
  padding-left: 22px;
  padding-top: 3px;
  background: url(images/icons/coins.gif) no-repeat 0 50%;
  font-style: italic;
  margin-bottom: 2px;
}


/*
 JS support styles
*/

.display {
  margin: 4px 0;
  font-size: 12px;
}

.display a {
  text-decoration: none;
  color: #4e4e4e;  
}

.stretcher { background-color: #fff; }

#body-zone {
  margin-top: 18px;
  text-align: left;
  height: auto;
  overflow: visible;
  display: none;
}

#body-zone div { display: none; }

.servicebody { margin-bottom: 0; }

/*
 Footer styles
*/

#footer {    
  border-top: 1px dashed #ccc;
  margin: 20px auto 0 auto;
  font-size: 10px;
  color: #999;  
  text-align: center;
  width: 50%;
}

.tagline { padding: 10px 0; }

#footer p a {
  color: #666;
  text-decoration: none;
  border-bottom: 1px dotted #999;  
}

#footer p a:hover {
  color: #ff9900;
  border-bottom: 1px solid #999; 
} 

/*
 Additional/Misc styles
*/

.news_pad { padding-bottom: 12px; }

.iconlink_pad { padding-bottom: 7px; }

.tagline-text {
  text-align: center;
  font: 1.4em Arial, sans-serif;
}

#retailpartners { margin: 0 auto; }

#retailpartners td {
  border: 1px solid #d7d7d7;
  width: 120px;
  height: 87px;
  text-align: center;  
}

#small { font-size: 0.9em; }

.disclaimer {
  font: 9px Arial, sans-serif;
  text-align: center;
  color: #c0c0c0;
}

#rp-header { padding-left: 12px; }

.linkstyle a {
  text-decoration: none;
  color: #4d4d4d;
  border-bottom: 1px dotted #b1b1b1; 
  padding-bottom: 1px;
}

.linkstyle a:hover {
  border-bottom: none;
  color: #f29300; 
}

.imageblock {
  text-align: center;
  font-size: 10px;
}

.imageblock img {
  margin-bottom: 5px;
  text-align: center;
}

.imageblock_partner {
  text-align: center;
  padding-bottom: 15px;
}

.bordered { border: 1px solid #bebebe; }

.accreditations {
  text-align: center;
  margin-top: 15px;
}

.accreditations img { vertical-align: middle; }

.accreditations a.padout { margin-right: 5%; }


/*
 Float clearing (Tony Aslett technique)
*/

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }
/* End hide from IE-mac */