/*	===============================================================
	© Lodige
	http://www.tdgintegrated.com/	

	Type:				Type Styles
	Build by:			TDG Integrated
	Document Author:	James Lester
	Author Email:		j.lester@tdgintegrated.com
	Creation Date:		3rd July 2008
	---------------------------------------------------------------
	Version number: 	1.0
	Last edited:		NA - Still in developement
	============================================================ */
	
	
/*  ===============================================================

	DOCUMENT CONTENTS
	
	1.	Global settings
	2.	Positioning & Structure rules
	3.	Primary navigation
	4.	Secondary Navigation
    5.  Sidebar
	6.	Footer
    7.	Hidden Elements (print only elements)
    8.	Admin Elements
	------------------------------------------------------------ */
	
	
/*	---------------------------------------------------------------
	#1 GLOBAL SETTINGS
	---------------------------------------------------------------
	these are mostly font sizing and positional issues
	------------------------------------------------------------ */

body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; }


#home-images-block p {
    display: block;
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.1em;
    color: #ffffff;
    font-weight: bold;  
    margin: 5px 0px 0px 19px;
    padding: 0px 0px 0px 0px;
}

p.box-text {
    display: block !important;
    font-family: Arial, Helvetica, Sans-Serif !important;  
    font-size: 1.1em !important;
    color: #ffffff !important;
    font-weight: bold !important;  
    margin: 5px 0px 0px 19px !important;
    padding: 0px 0px 0px 0px !important; 
    line-height: 130% !important;
}



#textbox-left p, #textbox-news p {
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.2em;
    color: #7d7d7d;
    line-height: 190% !important;
    margin-left: 0px !important;
}
p.boxtext a { color: #7d7d7d; }
p.boxtext a:hover { color: #003478; }

#download-footer-right a { color: #7d7d7d; }
#download-footer-right a:hover { color: #003478; }

#textbox-news p { font-size: 1.1em; }

p.intro { margin-top: 0px; }




#newsletter-middle input {
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.2em;
    color: #999999;
    border: 1px solid #999999;
    padding: 2px;
    margin-bottom: 5px;
}
.Signup { width: 193px; }

#search-block input {
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.1em;
    color: #999999;
    margin: 0px;
    padding: 0px;
}
.search-field { border: 1px solid #999999; padding: 1px 4px 1px 4px !important; width: 152px; float: right; }
.search-button { float: right; margin: 0px 0px 0px 4px !important; }


#mainpage-content p {
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.2em;
    color: #7d7d7d;
    line-height: 150%;
    margin-left: 12px;
    margin-right: 18px;
    margin-top: 4px;
    margin-bottom: 14px;
}

#product-lists ul, #product-lists ol {
    margin: 4px 0px 14px 26px; padding: 0px 0px 0px 0px;
}
#product-lists li {
    margin: 0px 0px 4px 0px; 
    padding: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.2em;
    color: #7d7d7d;
    line-height: 150%;
}

#home-lists ul, #home-lists ol {
    margin: 4px 0px 14px 15px; padding: 0px 0px 0px 0px;
}
#home-lists li {
    margin: 0px 0px 5px 0px; 
    padding: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.2em;
    color: #7d7d7d;
    line-height: 150%;
}
#home-lists h3, #home-lists h2 {
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.2em;
    color: #003478;
    text-transform: uppercase;
    margin: 20px 18px 0px 0px;
}
#home-lists p {
    font-family: Arial, Helvetica, Sans-Serif;  
    line-height: 150%;
    margin-top: 4px;
    margin-bottom: 14px;
}





#admin-home-lists ul, #admin-home-lists ol {
    margin: 4px 0px 14px 15px; padding: 0px 0px 0px 0px;
}
#admin-home-lists li {
    margin: 0px 0px 5px 0px; 
    padding: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.2em;
    color: #7d7d7d;
    line-height: 150%;
}
#admin-home-lists h3, #admin-home-lists h2 {
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.2em;
    color: #003478;
    text-transform: uppercase;
    margin: 20px 18px 0px 0px !important;
}
#admin-home-lists p {
    font-family: Arial, Helvetica, Sans-Serif;  
    line-height: 150%;
    margin-top: 4px;
    margin-bottom: 14px;
}




#news-lists ul, #news-lists ol {
    margin: 4px 0px 14px 15px; padding: 0px 0px 0px 0px;
}
#news-lists li {
    margin: 0px 0px 5px 0px; 
    padding: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.2em;
    color: #7d7d7d;
    line-height: 150%;
}
#news-lists h3, #news-lists h2 {
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.2em;
    color: #003478;
    text-transform: uppercase;
    margin: 20px 18px 0px 0px !important;
}
#news-lists p {
    font-family: Arial, Helvetica, Sans-Serif;  
    line-height: 150%;
    margin-top: 4px;
    margin-bottom: 14px;
}




#mainpage-content p.heading {
    margin: 21px 18px 0px 12px;
}
#mainpage-content p.intro {
    margin: 4px 18px 0px 12px;
}

#mainpage-content h3 {
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.2em;
    color: #003478;
    text-transform: uppercase;
    margin: 20px 18px 0px 12px;
}



table.format-table {
border: 1px solid #cccccc;
border-collapse: collapse;
margin: 10px 0px 0px 15px !important;
width: 90%;
}

table.format-table td { border: 1px solid #cccccc; font-size: 0.9em; }
table.format-table th { border: 1px solid #cccccc; font-size: 0.9em; text-transform:uppercase; }


#page-mainimage-block h1, .product-headline-block h1, #News-Details h1 {
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 2.3em !important;
    color: #003478 !important;
    text-transform: capitalize;
    margin: 12px 14px 0px 11px;
    font-weight: bold;
}
.product-headline-block h1 { font-size: 2.0em !important; }


#page-mainimage-block p, .product-headline-block p {
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.2em !important;
    color: #ffffff !important;
    margin: 0px 14px 0px 14px;
    font-weight: bold;
}



.product-info-box h3, .product-info-box2 h3 { margin: 0px !important; }
.product-info-box h3 a, .product-info-box2 h3 a {
   margin: 0px !important; 
   text-transform: capitalize !important;  
   font-size: 1.2em !important; 
   color: #003478;
   text-decoration: none;
}
.product-info-box h3 a:hover, .product-info-box2 h3 a:hover { color: #e32518; }


.product-info-box p, .product-info-box2 p {
    margin: 0px !important; 
    font-size: 1.1em !important; 
}
.product-info-box2 p { line-height: 145% !important; }




#News-Listing-Page li h3 a, #CaseStudy-Listing-Page li h3 a, #Career-Listing-Page li h3 a {
   margin: 0px !important; 
   text-transform: uppercase !important;  
   font-size: 1.0em !important; 
   color: #003478;
   font-weight: bold;
   text-decoration: none; }
   
#News-Listing-Page li h3 a:hover, #CaseStudy-Listing-Page li h3 a:hover, #Career-Listing-Page li h3 a:hover { color: #e32518; }
   
#News-Listing-Page li h3 em, #CaseStudy-Listing-Page li h3 em, #Career-Listing-Page li h3 em {
   font-weight: normal !important;  }
   
#News-Details p { margin-left: 0px !important; }
#News-Details a { color: #003478 !important; }

#OlderStories a {
    float: right; 
    display: block; 
    padding-left: 14px; 
    background: Transparent url(../images/global/news-arrow.gif) no-repeat 0px 2px; 
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.2em;
    color: #7d7d7d;
    font-weight: bold;
    text-decoration: none;
}
#OlderStories a:hover { color: #e32518; }






#contact-page-left input.textfield, #contact-page-left textarea.textfield, #Confirmbox input.textfield {
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 0.9em;
    color: #7d7d7d;
    background: #f8f8f8;
    border: 1px solid #cbcbcb;
    padding: 3px;
    width: 222px;
}

#ctl00_PageTextContent_Postcode { width: 92px !important; }

#contact-page-left label, #Confirmbox label {
    float: left;
    display: block;
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 0.9em;
    color: #7d7d7d;
    font-weight: bold;
    width: 98px;
    margin: 0px;
    padding: 0px;
}

#contact-page-left p, #Confirmbox p {
    clear: left;
    margin: 0px 0px 3px 0px;
    padding: 0px;
}

#contact-page-right p {
    clear: left;
    margin: 19px 0px 0px 0px;
    padding: 0px;
    font-size: 1.1em;
}

#Confirmbox li {
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.1em;  
    color: #ff0000;
    font-weight: bold;
}
/*	---------------------------------------------------------------
	#2 POSITIONING & STRUCTURE RULES
	---------------------------------------------------------------
	Outlines the main structure of the website
	------------------------------------------------------------ */





/*	---------------------------------------------------------------
	#3 PRIMARY NAVIGATION
	---------------------------------------------------------------
	Outlines the primary navigational elements of the website
	------------------------------------------------------------ */







/*	---------------------------------------------------------------
	#4 SECONDARY NAVIGATION
	---------------------------------------------------------------
	Outlines the secondary navigational elements of the website
	------------------------------------------------------------ */

#products-nav a {
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.1em;
    color: #003478;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}
div.nav-level3 a { 
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.1em;
    color: #7e7e7e !important;
    text-transform: capitalize !important;
    font-weight: bold;
    text-decoration: none;
}


/*	---------------------------------------------------------------
	#5 SIDEBAR
	---------------------------------------------------------------
	Outlines the sidebar elements of the website
	------------------------------------------------------------ */

#mainpage-leftbar p.boxtext {
    clear: left;
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.2em;
    color: #7d7d7d;
    line-height: 150%;
    margin: 0px 15px 14px 42px;
}

  
/*	---------------------------------------------------------------
	#6 FOOTER
	---------------------------------------------------------------
	Outlines the footer elements of the website
	------------------------------------------------------------ */

#footer p {
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.0em;
    color: #999999;
    margin: 2px 0px 0px 0px;
    display: block;
}

#footer a {
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.0em;
    color: #999999;
    text-decoration: none;
}

#footer a:hover { text-decoration:  underline; }


  
  
/*	---------------------------------------------------------------
	#7 HIDDEN ELEMENTS
	---------------------------------------------------------------
	Outlines the footer elements of the website
	------------------------------------------------------------ */




/*	---------------------------------------------------------------
	#8 ADMIN ELEMENTS
	---------------------------------------------------------------
	Outlines the admin elements of the website
	------------------------------------------------------------ */


#RepeaterNest li {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
}

#RepeaterNest li a {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
}



#dl-level1 li a {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1.1em;
    text-transform: uppercase;
    color: #003478;
    font-weight: bold;
    text-decoration: none;
}

#dl-level1 li a:hover {
    background: #cccccc;
    background-image: none;
    color: #003478;
    font-weight: bold;
    text-decoration: none;
}

div.title-section h3, div.title-section h4 {  margin: 0px 0px 0px 0px !important; color: #ffffff !important; }
div.title-cells h3 {
    margin: 0px 0px 0px 0px !important; color: #7d7d7d !important;
    text-transform: capitalize !important;
}




#download-footer-left h2 {
    display: block;
    width: 144px;
    height: 14px;
    margin: 18px 0px 12px 25px;
    background: Transparent url(../images/titles/title-prod-productinfo.gif) no-repeat;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden; 
	padding: 14px 0px 0px 0px;
	margin: 17px 0px 0px 12px !important;
}
#download-footer-right h2 {
    display: block;
    width: 189px;
    height: 16px;
    margin: 18px 0px 12px 25px;
    background: Transparent url(../images/titles/title-prod-questions.gif) no-repeat;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden; 
	padding: 16px 0px 0px 0px;
	margin: 17px 0px 0px 12px !important;
}


#download-footer-left p, #download-footer-right p {
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.1em;
}
#download-footer-left p { margin: 6px 0px 0px 11px; }
#download-footer-right p { margin: 6px 22px 0px 28px; }

#download-footer-left ul { margin: 8px 0px 0px 12px; padding: 0px; }
#download-footer-left li { margin: 0px; padding: 0px; list-style: none; float: left; }
#download-footer-left li a {
    float: left;
    display: block;
    margin: 0px 10px 0px 0px; 
    padding: 3px 0px 0px 20px;
    background: Transparent url(../images/global/pdf-icon.gif) no-repeat; 
    min-height: 17px;
    height: auto !important;
    height: 17px;
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.1em;
    color: #7d7d7d;
    font-weight: bold;
    text-decoration: none;
}
#download-footer-left li a:hover { text-decoration: underline; }



#breadcrumbs {
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.1em;
    color: #cccccc;   
}

#breadcrumbs a {
    font-family: Arial, Helvetica, Sans-Serif;  
    color: #cccccc;  
    font-weight: bold; 
}
#breadcrumbs a:hover {
    text-decoration: none;
}



#Admin-Forms p, .admin-forms p {
    display: block; margin: 0px 0px 0px 0px;
}

#Admin-Forms label, .Admin-Forms label {
    clear: left;
    float: left;
    display: block;
    width: 150px;
    margin: 0px 0px 0px 12px;
    font-family: Arial, Helvetica, Sans-Serif; 
    font-size: 1.0em; 
}
.Admin-Forms label { margin: 0px 0px 0px 0px !important; }

#Admin-Forms input, #Admin-Forms textarea, .Admin-Forms select, .Admin-Forms input, .Admin-Forms textarea, .Admin-Forms select {
    display: block;
    float: left;
    margin: 0px 0px 10px 0px;
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.0em;
    color: #666666;
}

#Admin-Forms input.buttonleft, .Admin-Forms input.buttonleft {
    clear: left !important;
    float: left !important;
    display: block;
    width: 250px !important;
    margin: 20px 0px 0px 160px;
    font-family: Arial, Helvetica, Sans-Serif; 
    font-size: 1.0em; 
    text-align: left;
    padding: 4px; 
}
.Admin-Forms input.buttonleft { margin: 20px 0px 0px 148px; }

#Admin-Forms input.buttonmiddle, .Admin-Forms input.buttonmiddle {
    clear: left !important;
    float: left !important;
    display: block;
    width: 250px !important;
    margin: 10px 0px 0px 160px;
    font-family: Arial, Helvetica, Sans-Serif; 
    font-size: 1.0em; 
    text-align: left;
    padding: 4px;
}
.Admin-Forms input.buttonmiddle { margin: 10px 0px 0px 148px; }

#Admin-Forms input.buttonright, .Admin-Forms input.buttonright {
    clear: left !important;
    float: left !important;
    display: block;
    width: 250px !important;
    margin: 10px 0px 0px 160px;
    font-family: Arial, Helvetica, Sans-Serif; 
    font-size: 1.0em; 
    font-weight: bold;
    text-align: left;
    padding: 4px;
    background: #0063a2;
    color: #ffffff;
}
.Admin-Forms input.buttonright { margin: 10px 0px 0px 148px; }


#Admin-Forms h2, .Admin-Forms h2 {
    display: block;
    margin: 20px 0px 10px 12px; 
    color: #7d7d7d !important; 
    padding: 0px 0px 0px 0px; 
    font-size: 1.4em; 
    border-bottom: 1px solid #7d7d7d;
    text-transform: capitalize !important;
}

#Admin-Forms p.form-intro, .Admin-Forms p.form-intro {
    margin: 0px 0px 20px 12px; 
}




.addbuttonleft {
    clear: left !important;
    float: left !important;
    display: block;
    width: 250px !important;
    margin: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, Sans-Serif; 
    font-size: 1.1em; 
    font-weight: bold;
    text-align: left;
    padding: 4px;
    background: #0063a2;
    color: #ffffff;  
    cursor: pointer; 
}
.addbuttonright {
    clear: left !important;
    float: left !important;
    display: block;
    width: 250px !important;
    margin: 10px 0px 0px 0px;
    font-family: Arial, Helvetica, Sans-Serif; 
    font-size: 1.1em; 
    font-weight: bold;
    text-align: left;
    padding: 4px;
    background: #0063a2;
    color: #ffffff; 
    cursor: pointer;  
}
.addbuttonright:hover, .addbuttonleft:hover {
    background: #003478;
}



.DL-Links { display: block; margin: 4px 0px 0px 162px; 
    font-family: Arial, Helvetica, Sans-Serif; 
    font-size: 1.1em; 
    color: #003478;
    text-decoration: none;
    font-weight: bold;
}


.product-headline-block { padding-bottom: 5px !important; }


#News-Listing-Page h1 {
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.4em !important;
    color: #cccccc !important;
    text-transform: uppercase;
    margin: 6px 14px 14px 11px;
    font-weight: bold;
    display: block;
    border-bottom: 1px solid #cccccc;
}



.sitemap-level1 a {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1.1em;
    text-transform: uppercase;
    color: #003478;
    font-weight: bold;
    text-decoration: none;
}