@charset "utf-8";
/* CSS Document */

body {margin: 0px; padding: 0px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em;} 

h1, h2, h3, h4, p, form, table, tr, th, td {margin: 0px; padding: 0px; border: 0px;}

h1 {font-size: 0.85em; padding: 0px 10px 12px 0px;}
h2 {font-size: 0.75em; padding: 0px 10px 12px 0px;}
p {font-size: 0.75em; padding: 0px 10px 12px 0px; line-height: 1.3em;}

img {display: block;}

#theWrapper {width: 853px; margin: 26px auto 26px auto; padding: 0px 31px 0px 31px; text-align: left;}

#theHeader {width: 853px; clear: both;}
#theLogo {width: 656px; float: left;}
#thePhoneNo {width: 197px; float: left;}
	
#theContent {width: 853px; clear: both; text-align: left; padding-top: 41px;}

#theNav {width: 210px; float: left;}
.navItem {}

#theMainContent {width: 642px; float: left;}
.headingItem {display: block; margin: 0px 0px 6px 0px;} 

#theIntro {width: 642px;}

#theCaseStudies {width: 642px; padding: 41px 0px 0px 0px;}
.csItem {float: left; width: 198px; margin: 0px 21px 21px 0px; border: 1px solid #CCCCCC;}
.csItemEndCol {float: left; width: 198px; margin: 0px 0px 21px 0px; border: 1px solid #CCCCCC;}
.csNotes {clear: both;}

#theQuotes {clear: both; width: 642px; padding: 41px 0px 0px 0px;}
#quoteBrand {float: left; width: 307px; margin-right: 28px;}
#quoteDelivery {float: left; width: 307px; margin-right: 0px;}
			
#whatWeDo {clear: both; width: 642px; padding: 41px 0px 0px 0px;}

#whatWeDoBrand {float: left; width: 307px; margin-right: 28px;}
#whatWeDoDeliver {float: left; width: 307px; margin-right: 0px;}

#whatsNew {clear: both; width: 642px; padding: 41px 0px 0px 0px;}
.whatsNewItem {float: left; width: 200px; padding: 0px 14px 0px 0px;}
.whatsNewItem2a {float: left; width: 307px; padding: 14px 28px 28px 0px;}
.whatsNewItem2b {float: left; width: 307px; padding: 14px 0px 28px 0px;}

#whereWeAre {clear: both; width: 642px; padding: 41px 0px 0px 0px;}
#whereWeAreMap {width: 307px; float: left;}
#whereWeAreMap img {border: 1px solid #CCCCCC;}
#whereWeAreText {width: 286px; float: left; padding: 0px 0px 0px 21px;}


#theNewsletter {width: 180px; margin: 40px 0px 0px 0px; padding: 0px 0px 10px 0px;}

#theNewsletter p {padding: 0px 8px 8px 0px; color: #333333;}

#newsletterForm {padding: 10px 8px 10px 0px;}
#newsletterForm p {padding: 0px 0px 8px 0px; color: #000000;}

.newsletterField {border: 1px solid #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em;}
.newsletterSubmit {border: 1px solid #FFFFFF; background-color: #FFFFFF; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: bold;}

#theNewsletterEditions {clear: both; width: 642px; padding: 41px 0px 0px 0px;} 
.newsletterItem {float: left; width: 200px; padding: 0px 14px 30px 0px;}
.newsletterItem h2 {height: 30px;}
 
#theFooter {clear: both; width: 642px; margin: 41px 0px 0px 0px; padding: 10px 0px 21px 0px; border-top: 1px solid #CCCCCC;}
p.legalNotes {font-size: 0.6em;}
.footerDivider {padding: 0px 7px 0px 7px;}

#endorsementLogos {clear: both; width: 642px; padding: 21px 0px 100px 0px;}
#endorsementLogos img {display: inline; margin-right: 20px;} 

/* Tooltips */

.tooltip {border-bottom: 1px dotted #CCC;}

#dhtmltooltip{ position: absolute; left: -300px; width: 150px; border: 1px solid #CCC; padding: 7px; background-color: #EEE; visibility: hidden; z-index: 100; text-align: left; font-size: 0.7em;}

#dhtmlpointer{position:absolute; left: -300px; z-index: 101; visibility: hidden;}

#followUs {padding: 40px 0 0 0;}
#followUs h2 {padding: 0px 10px 6px 0px;}
#followUs p {padding: 0px 20px 12px 0px;}
#followUs img {margin: 0 0 6px 0;}

#contactUs {padding: 40px 0 0 0;}
#contactUs h2 {padding: 0px 20px 6px 0px;}
#contactUs p {padding: 0px 30px 12px 0px;}
#contactUs img {margin: 0 0 6px 0;}