/*
 * Set default Margins
 */
Div.Documentation {
}

Div.Documentation H3.Headline {
   float: left;
}

Div.Documentation P {
}

Div.Documentation #Content-wide {
   float: left;
   width: 540px;
}

Div.Documentation P.Modified {
   text-align: right;
   float: right;
   margin-top: -3em;
}
Div.Documentation P.Lead {
   clear: both;
   font-style: italic;
}

/*
 * Generic Elements
 */
Div.Documentation h1, 
Div.Documentation h2, 
Div.Documentation h3, 
Div.Documentation h4, 
Div.Documentation h5, 
Div.Documentation h6, 
Div.Documentation p, 
Div.Documentation blockquote,
Div.Documentation label, 
Div.Documentation ul, 
Div.Documentation ol, 
Div.Documentation dl,  
Div.Documentation address {
	margin: 0em 0 .3em 0; 
}
div.Documentation p {
	margin: 1em 0 1em 0;
}



Div.Documentation Div.Options P {
   margin: 0;
}

Div.Documentation h1 { 
	color: #EE3F36;
   font: 18px Arial, Helvetica, sans-serif; 
   font-weight: bold; 
}


Div.Documentation h2 { font: 15px Arial, Helvetica, sans-serif; font-weight: bold; color: #EE3F36;; }
Div.Documentation h3 { font: 15px Arial, Helvetica, sans-serif; font-weight: normal; color: #EE3F36; }
Div.Documentation h4 { font: 13px Arial, Helvetica, sans-serif; font-weight: bold; color: #333; }
Div.Documentation h5 { font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #333; }
Div.Documentation h6 { font: 12px Arial, Helvetica, sans-serif; font-weight: normal; color: #333; }

Div.Documentation cite { background: #E7F4FF; }
Div.Documentation blockquote p { margin:0; }
Div.Documentation blockquote {
	padding: 1em;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: #e5f1fa;
}

/*Div.Documentation ul { list-style: disc url(images/bullet.gif); }*/

Div.Documentation UL{
   margin: 0;
   padding: 0;
}

Div.Documentation UL LI {
   list-style-image: url(images/button-chevron.png);
   list-style-position: outside;
   padding-left: 0.5em; 
   margin-left: 1.5em; 
}


Div.Documentation dt { font-weight: bold; }
Div.Documentation legend { color: #333; padding: 0 .5em; }

 
/*
 * 2 Panel Layout
 *
 */
Div.Documentation div.panel {
	width:220px;
	margin-top: 1.2em; padding: 0 15px;
}

/* Default Images */
Div.Documentation img.left { padding: 3px; border: solid 1px #ccc; float: left; margin: 0 1em 1em 0; }
Div.Documentation img.right { padding: 3px; border: solid 1px #ccc; float: right; margin: 0 0 1em 1em; }
Div.Documentation img.block { padding: 3px; border: solid 1px #ccc; margin: 1em 0 }

/*
 * TemplateNews
 *
 */
Div.Documentation Div.TemplateNews {
   /* width: 340px; */
   float: left;
   width: 100%;
}
Div.Documentation Div.TemplateNews H3 {
   display: block;
   width: 100%;
}
Div.Documentation Div.TemplateNews P.Date {
  font-weight: bolder;
  font-size: 90%;
  margin: 0;
  padding: 0;
  text-align: right;
}
Div.Documentation Div.TemplateNews P.Lead {
   border-bottom: 1px dotted silver;
   margin: 0;
   padding: 0;
   padding-bottom: 0.5em;
}

/* 
 * Solutions
 *
 */
Div.Documentation Div.Solutions {
	height: auto;
	overflow: hidden;
   margin-top: 1em;
   width: auto;
}
Div.Documentation Div.Solutions Div.Integral,
Div.Documentation Div.Solutions Div.Integrated,
div.Documentation div.Solutions div.GetAQuote {
   float: left;
   margin-right: 1em;
   margin-bottom: 1em;
   padding-right: 1em;
   width: 30%;
}
div.Documentation div.Solutions div.GetAQuote {
	background-color: #ee3f36;
	background-image: url(Images/GetAQuote.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 165px;
}
div.Documentation div.Solutions div.GetAQuote a {
	color: white;
   display: block;
	font-weight: bold; 
	font-style: normal;
	padding-left: 1em;
	padding-top: 0.5em;
}
/*
 * Bio
 */
div.Documentation div.Bio {
   	border: 1px solid #ee3f36;
   	height: 165px;
	font-family: "Trebuchet MS", sans-serif;
}
div.Documentation div.Bio div.Image {
   	float: left;
   	height: 160px;
	width: 248px;
}
div.Documentation div.Bio div.Text {
   /* background-color: #CCCCCC; */
	background-color: #DFDFDF;
	color: #555555;
	float: left; 
	line-height: 1.2em;
	margin-top: 2px;
	padding-left: 10px;
      padding-right: 10px;
      padding-top: 5px;
	height: 155px;
	width: 254px;
}
div.Documentation div.Bio div.Text h3 {
	color: #555555;
	font-weight: bold;
/*	font-family: "Century Gothic"; */
	font-size: 14pt;
	margin-bottom: 0;
}
div.Documentation div.Bio div.Text p {
	font-weight: normal;
/*	font-family: "Century Gothic"; */
	font-size: 8pt;
	margin: 0;
	margin-top: 0.5em;
}
div.Documentation div.Bio div.Text p.Title,
div.Documentation div.Bio div.Text p.Division {
	font-size: 10pt;
	margin-top: 0;
} 
/*
 * Headline Image
 */
div.Documentation img.Headline {
	border: 1px solid silver;
	height: 160px;
	width: 530px;
}
 
 
/*
 * International
 */
Div.Documentation Div.World {
	background-image: url(Images/world-wash.png);
   background-repeat: no-repeat;
	padding-top: 3em;
	padding-bottom: 10em;
}
Div.Documentation UL.Countries {
}
Div.Documentation UL.Countries A {
	background-image: url(Images/flag-gb.gif);
	background-repeat: no-repeat;
	background-position: left;
   display: block;
	padding-left: 20px;
	height: 20px;
}
Div.Documentation UL.Countries A.UK {
	background-image: url(Images/flag-gb.gif);
}
Div.Documentation UL.Countries A.PL {
	background-image: url(Images/flag-pl.gif);
}
Div.Documentation UL.Countries A.HK {
	background-image: url(Images/flag-hk.gif);
}

/*
 * Office
 *
 */
#Office {
}
#Office Div.Clear {
	clear: both;
}
#Office H1.Name {
   font-size: 2em;
   line-height: 1.2em;
   margin-bottom: 1em;
}
#Office Div.EditOfficeButton {
	background-color: ButtonFace;
   border: 1px solid gray;
   color: ButtonText;
   display: inline;
	float: right;
	margin-top: -3em;
}
#Office Div.EditOfficeButton A {
	background-color: ButtonFace;
   color: ButtonText;
	padding: 1em;
	padding-top: 0.2em;
   padding-bottom: 0.2em;
}
#Office H3 {
	background-color: #e7f6ff;
	font-family: verdana, serif;
	font-size: 1em;
}
#Office Div.Address {
border: 1px solid #e7f6ff;
   float: left;
   margin-left: 0em;
	margin-bottom: 1em;
	width: 260px;
}
#Office Div.Address PRE {
   font: 110% Verdana, sans-serif;
   line-height: 1.5em;
   overflow: hidden;
	width: 260px;
}
#Office Span.City, #Office Span.Region, #Office Span.PostCode {
   display: block;
   font-size: 120%;
   font-weight: bolder;
}
#Office Span.Country {
   display: block;
   font-size: 130%;
   font-weight: bolder;
}
#Office Div.UN {
   margin-top: 1em;
   font-size: 70%;
}
#Office Div.Contact {
   float: right;
	width: 260px;
}
#Office Div.Allport {
	border: 1px solid #e7f6ff;
   margin-bottom: 1em;
}
#Office Div.Allport Div.Logo {
   background-image: url("images/logo-26h30w.gif");
	background-repeat: no-repeat;
	height: 26px;
	width: 30px;
	float: right;
}
#Office Div.Agent {
	border: 1px solid #e7f6ff;
   margin-bottom: 1em;
}
#Office Div.Contact SPAN.Label {
   display: block;
   float: left;
   width: 5em;
}
#Office Div.Contact SPAN.Code {
   font-weight: bolder;
}
#Office Div.Services {
   border: 1px solid #e7f6ff;
   clear: left;
   float: left;
	margin-bottom: 1em;
	width: 260px;
}
#Office Div.Services Div.Code {
display: block;
float: left;
	margin-left: 1em;
   margin-top: 0.5em;
   padding-left: 20px;
	width: 4.5em;
	height: 18px;
}
#Office Div.Services Div.Air {
	background-image: url("images/icon-air.gif");
   background-repeat: no-repeat;
}
#Office Div.Services Div.Sea {
	background-image: url("images/icon-sea.gif");
   background-repeat: no-repeat;
}
#Office Div.Services Div.Road {
	background-image: url("images/icon-road.gif");
   background-repeat: no-repeat;
}
#Office Div.Services Div.Packaging {
	background-image: url("images/Icon-Packaging.gif");
   background-repeat: no-repeat;
}
#Office Div.Services Div.Specialist {
	background-image: url("images/Icon-Specialist.gif");
   background-repeat: no-repeat;
}
#Office Div.Services Div.SCM {
	background-image: url("images/Icon-SCM.gif");
   background-repeat: no-repeat;
}
#Office Div.Directions {
   border: 1px solid #e7f6ff;
   clear: both;
	margin-bottom: 0.5em;
	text-align: right;
	width: 548px
}
#Office Div.Directions {
}

/*
 * Map
 *
 */
#Map {
   clear: both;
   height: 300px;
	margin-left: 0.5em;
   text-align: center;
   width: 540px;
}
#Map.Global {
   line-height: 1px;
}
#MapInfo {
   margin: 0;
   margin-left: 0.5em;
   padding: 0;
}
#MapInfo P {
   background-image: url(Images/Yellow-Flash.gif);
   margin: 0;
   padding: 0;
   text-align: center;
   width: 540px;  
}

#MapUK {
	height: 400px;
   line-height: 1px;
   margin-left: 70px;
	width: 300px;
}
#MapInfoUK {
   margin: 0;
   margin-left: 70px;
   padding: 0;
	width: 300px;
}
#MapInfoUK P {
   background-image: url(Images/Yellow-Flash.gif);
   margin: 0;
   padding: 0;
   text-align: center;
   width: 300px;  
}
#MapEditControls {
   border: 1px solid silver;
   margin-bottom: 0.25em;
   margin-left: 1em;
   margin-right: 1em;
   text-align: left;
   width: 96%;
}
#MapEditControls Input {
	border: 1px solid gray;
   margin-left: 0;
	padding-left: 0;
}

#Outline {
}
#Outline H3 {
	background-color: #e7f6ff;
	font-family: verdana, serif;
	font-size: 1em;
	margin-top: 0;
}
#Outline Div.UK {
	border:1px solid #e7f6ff;	
	float: left;
}
#Outline Div.UK A {
	background-image: url("images/outline-uk.gif");
	background-repeat: no-repeat;
   display: block;
	height: 167px;
	width: 89px;
}
#Outline Div.World {
	border:1px solid #e7f6ff;
   float: left;
	margin-left: 0.5em;
}

#Outline Div.World A {
	background-image: url("images/outline-world.gif");
	background-repeat: no-repeat;
   display: block;
	height: 167px;
	width: 250px;
}

/*
 * Summary
 */
#Summary {
   border: 1px solid silver;
   float: right;
   margin-bottom: 1em;
   text-align: right;
   width: 50%;
}
#Summary UL {
   background-color: #f5f5f5;
   margin: 5px;
   /*list-style: circle; */
}
#Summary LI {
}
/*
 * Testimonials
 *
 */
div.Documentation p.Testimonial {
	background-color: #eeeeee;
	border: 1px solid #ee3f36;
	clear: both;
	margin: 0;
	margin-top: 1em;
	margin-bottom: 1em;
   padding: 0.8em;
}
div.Documentation p.Testimonial cite {
   background-color: transparent;
   display: block;
   font-weight: bold;
   font-style: normal;
}