﻿body{
  background: #D7D7D7 url('../images/global/css/page-background.gif') repeat-y center;
  margin: 0;
  padding: 0;
  }
#container{
  width: 744px;
  margin: 0 auto;
  background-color: #FFF;
  }				
#help-and-search,
#microsite-tools{
  padding: 8px 0;
  width: 372px;
  }


/* Position these elements off the page */
.off-left,
.structural-label{
  position: absolute;
  left: -1999px;
  }

/* ALIGNMENT */
.left{
	float: left;
	margin-right: 19px;
	margin-bottom: 17px
}
.right{
	float: right;
	margin-left: 19px;
	margin-bottom: 17px;
}
.centre{    
	display: block;
	margin: 0 auto;
	margin-bottom: 17px;
}

/* ========================================================

	TYPOGRAPHY 

	Default styles for headers, paragraphs, lists, tables, 
	pullquotes, images etc.
	*/

/* PADDING AND MARGINS */
h1, h2, h3, h4, h5, h6, ul, dl, dt, dd, table, p, hr, form, fieldset{
  	margin: 0;
  	padding: 0
} 
ol{
  	padding-left: 2em	
}
h1, ul, dl, p, hr, form, fieldset, address{
  	margin-bottom: 19px
}
h2{
  	margin-bottom: 8px;
  	padding-bottom: 4px
}
h3, h4, h5, h6{
  	margin-bottom: 0
}
h1{
	padding: 5px 0;
	line-height: 20px;
}
body{
	line-height: 1.5em 
}
/* FONTS */
body{
  	font-family:Arial, Verdana, Helvetica, sans-serif
}
h1, h2{
  	font-family: Arial, Helvetica, sans-serif;
}
/* FONT SIZES */
body{
  	font-size: 70%;
}
h1{
  	font-size: 1.75em;
}
h2{
  	font-size: 1.25em
}
h3, h4, h5, h6{
  	font-size: 1em
}
/* FONT WEIGHT */
dt{
	font-weight: bold;
} 
/* FONT COLOURS AND STYLES */
body{
  	color: #106407;
}
a{  
	color: #106407;
  	text-decoration:underline;
  	font-weight:bold;
} 
a:hover{
  	text-decoration: none;
  	color:#106407;
}

h1 a, h2 a{
  	color:#106407;
  	text-decoration:none
}
 
h1{
  	border-bottom: 1px solid #CCC;
  	color: #106407
}
h2{
  	border-bottom: 1px solid #CCC;
}
h2, h3, h4, h5, h6, dt{
  	color: #000
}
h4, h5, h6{
	display: inline;
	float: left;
	margin-right: 5px
}
code{
	color: #000;
	white-space: nowrap;
}
acronym{
	border-bottom: 1px dotted;
}
address{
	font-style: normal;
}

/* Block and pull quotes */
.pullquote p,
blockquote p{
	margin-bottom: 0;
  	background:  url('../images/global/css/quote-open.gif') left 2px no-repeat;
	text-indent: 21px;
  	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.2em;
	color: #333;
}
div.pullquote.left,
div.pullquote.right,
blockquote.left,
blockquote.right{
	width: 167px;
	clear:both;
}

div.pullquote.right, blockquote.right{
	margin-left:1px;
}

.pullquote .cite{
	background: #F7F7F7 url('../images/global/css/panel-shadow.gif') left bottom repeat-x;
	padding-bottom: 23px;
	padding-top: 3px;
	font-size: 1em;
	line-height: 1em;
	color: #666666;
}


.clear{
  	clear: both
}
/* IMAGE BORDERS */
a img{
  	border: 0 solid;
}
.border {
  	border:solid 1px #CCC;
  	padding:2px;
	background-color: #FFF;
}
.white-border {
  	border:solid 1px #FFF;
  	padding:2px;
	background-color: #FFF;
}
a:hover img.border,
a:hover img.white-border{
  	border:solid 1px #3497D5; 
}
/* TABLES */
table {
	border-collapse: collapse;
}
td, th{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 2px 8px 2px 1px;
}

table.boxed{
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
}
table.boxed td,
table.boxed th{
	border-top: 0 solid #CCC;
	border-bottom: 0 solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 2px 4px 2px 4px
	
}

/* Added by AD 15/05/07  */
table.no-top td, th{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 2px 8px 2px 0
	}
/* end AD 15/05/07  */
.no-border td,
.no-border th{
	border: 0 solid;
}
th{
	color: #000; 
	text-align: left;
	background: #E5E5E5;
	padding-left: 1px;
	border-right: 1px solid #FFF;
}
table,
caption{
	margin-bottom: 8px;
}
caption{
	font-style: italic; color: #000
}



/* LINKS THAT OPEN IN NEW WINDOWS */
.external-site,
.new-window,
.microsite{
	padding: 0 15px 0 0;
	background:  url('../images/global/css/new-window.gif') no-repeat right bottom;
}
/* close window */
.close-window{
	padding: 0 17px 0 0;
	background:  url('../images/global/css/pop-up-close.gif') no-repeat right bottom;
}

/* Hide 'new window' icon from image links */
.external-site img,
.new-window img,
.microsite img{
	margin-right: -15px;
}
/* CLEAR ON FOCUS */
.clear-on-focus{
	color: #999;
}

/* TOP OF PAGE LINKS */
.top-of-page{
	float: right;
	position: relative;
	top: -2.5em;
	padding-left: 9px;
	background:  url('../images/global/css/green-bullet-up.gif') left no-repeat;
}

/* RED DOT STYLES */
.reddotnotes{
background-color: #e81b1b; 
color: #fff; 
font-weight: bold;
}

/* ========================================================

   NAVIGATION STYLES
   
   Includes:
   	Global navigation
    Local navigation
	Tabs
	Progress bars
		
*/

/* GLOBAL NAVIGATION */
#global-navigation {
  	float: left;
  	clear: both;
  	background: url("../images/global/css/global-nav-bg.gif") repeat-x;
  	margin:0;
  	padding:0;
 	list-style:none;
 	width:744px;
}
#global-navigation ul { background: none; padding: 0; margin: 0; list-style:none;}
#global-navigation li {
  	background: url("../images/global/css/global-nav-bg.gif") repeat-x;
  	line-height: 1.2em;
  	float:left;
  	margin:0;
  	padding:0;
}

/* Basic global nav link style */ 
#global-navigation a{
  	color: #000;
  	text-align: center;
  	display:block;
  	width: 82px;
  	padding: 15px 20px;
  	font-size: 11px;
}
#global-navigation li a.selected {
  	color: #660033;
  	font-weight:bold;
}

/* BREADCRUMBS */

.breadcrumbs{
	margin-bottom: 8px;
	float: left;
	padding-top: 2px;
	width: 100%;
}
.breadcrumbs ul,
.breadcrumbs li,
.breadcrumbs a{
	float: left;
	display: inline;
	margin-bottom: 0;
}

.breadcrumbs li{
	background-image: none;
	padding-left: 0;
}
.breadcrumbs a{
	padding-right: 8px;
	margin-right: 4px;
	background: url('../images/global/css/arrow-breadcrumb.gif') center right no-repeat;
}


/*Heading*/
.heading { padding: 20px; background:#fff; position:relative;}
.call {position:absolute; top: 30px; right: 20px; color: #eee; font-size: 17px; font-weight: bold;}

.content { float: left; background: none; width: 744px; clear: both; padding: 0 0 20px 0;}
.sub-content { display:block; padding: 20px; margin: 0; background: none;}

.sub-content .aboutus { border: 0; background: none;}
.sub-content .aboutus h1 { border: 0; background: none;}
.sub-content .aboutus p { border: 0; background: none;}

.sub-content .leftCol { float: left;  width: 300px; }
.sub-content .rightCol { float: left; width: 380px; margin: 0 0 0 20px; }

.module { background: #E0E0E0; padding: 20px; }
.module h3 { font-size: 130%; color: #666; padding: 0 0 10px 0; }

.sub-content .gallery ul { margin: 0 -6px -5px 0; overflow:hidden; }
.sub-content .gallery ul li { float: left; padding: 0 6px 5px 1px;}

.module .product img.thumb {float: left; margin: 0 10px 0 0;}
.module .product h4 { font-size: 14px; display: block; float: none; }

.googleAds{margin: 0 0 0 8px;}
