@charset "UTF-8";

/* ======================================================================================== *\
CSS Document Created by Marcel Daems and Karman Wong | London
\* ======================================================================================== */





/* the "container" is the positioning for the navigation */

.container {
	width: 815px;
	text-align: left;
	padding-top: 160px;
	font: 11px "Lucida grande", "Arial", "Helvetica", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	
	}
	
a {color:#879BA9;
text-decoration:none;
font-weight:bold;}

a:visited, a:hover, a:active {color:#676B81;
text-decoration:none;
font-weight:bold;}


#header img{margin-top:0px;}
#header ul {display:inline-block; 
margin-top:0px; 
padding:0; 
list-style:none; 
white-space:nowrap;}

#header li {display:inline;}


#header li a {display:block; 
margin-top:0px;  
float:left; 
color:white; 
text-decoration:none; 
padding:0 10px 0 10px; 
font: bold 11px "Lucida grande", "Arial", "Helvetica", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
}

#header li a:hover {
padding:0 10px; 
margin-top:0px; 
background-image:url(../media/header/header-nav-on.gif);
background-repeat:repeat-x;
}


<!--[if lte IE 7]>
#menu ul {display:inline;}

	
/*#header li, #header li a {
position:relative;
display:inline;
font:10px "Lucida grande", "Arial", "Helvetica", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
color:white;
font-weight:bold;
text-decoration:none;
padding:0;
z-index:4;
display : block;

margin:0px 20px 0px 10px;}

/* General coding */

html {
	padding: 0px;
	margin: 0px;
	}

body {
	padding: 0px;
	margin: 0px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:11px;
	background-image: url(../media/standard/bckgr_5px.gif);
	text-align: left;
	line-height:16px;
	}
	
p {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;}

img {
	border: 0px;
	text-decoration: none;
	}

/* Background gradient */

#gradientblue {
	width: 871px;
	min-height: 300px;
	background-image: url(../media/standard/bckgr_gradient_blue.gif);
	background-repeat: repeat-y;
	}

#gradientwhite {
	width: 871px;
	min-height: 300px;
	background-image: url(../media/standard/bckgr_gradient_white.gif);
	background-repeat: repeat-y;
	}

/* Coding for the header and tracker */

#headerlogo {
	width: 865px;
	height: 79px;
	background-color: white;
	}

#header { background-image:url(../media/standard/header-bkg.gif);
background-repeat: repeat-x;}
#headerpicture {
	width: 865px;
	height: 231px;
	}
	
#tracker {
	
	
	}

/* different colors for the tracker background */

.trackergreen {
	color: #445C31;
	}

.trackerblue {
	color: #233376;
	}

.trackerbrown {
	color: #98331D;
	}

.trackergrey {
	color: #444546;
	}

.trackerpurple {
	background-image: url(../media/trackers/tracker_purple.gif);
	background-repeat: no-repeat;
	background-position: -330px top;
	}
	
	
#trackerblue{
width: 865px;
	height: 20px;
	background-image: url(../media/trackers/tracker_blue.gif);
	background-repeat: no-repeat;
	background-position: -330px top;
	text-align:left;
	
	
	}
	
#trackerbrown{
width: 865px;
	height: 20px;
	background-image: url(../media/trackers/tracker_brown.gif);
	background-repeat: no-repeat;
	background-position: -330px top;
	text-align:left;
	
	
	}
	
#trackergreen{
width: 865px;
	height: 20px;
	background-image: url(../media/trackers/tracker_green.gif);
	background-repeat: no-repeat;
	background-position: -330px top;
	text-align:left;
	
	
	}
	
#trackermagenta{
width: 865px;
	height: 20px;
	background-image: url(../media/trackers/tracker_magenta.gif);
	background-repeat: no-repeat;
	background-position: -330px top;
	text-align:left;
	
	
	}
	
#trackersecondary{
width: 865px;
	height: 20px;
	background-image: url(../media/trackers/tracker_gradientblue.gif);
	background-repeat: no-repeat;
	background-position: -330px top;
	text-align:left;
	
	
	}
.brcrumb{

	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:9px;
	line-height:20px;
	color:#E2E2E2;
	text-align:left;
	padding-left: 35px;
	margin-top:600px;
	text-decoration:none;
	}

.brcrumb a {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:9px;
	line-height:19px;
	color:#E2E2E2;
	padding-left: 0px;
	text-decoration:none;
}
/* Coding for the content */

#content {
	width: 610px;
	text-align: left;
	color:#333333;
	}
	
#content li {
	
	line-height: 16px;
	
	}

#content h1 {
	font-weight: bold;
	font-size: 13px;
	line-height: 21px;
	border-bottom: dotted 1px #999999;
	padding: 20px 0px 2px 5px;
	letter-spacing: 0px;
	}

#content p {
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
	padding-left: 5px;
	}
	
#tablegrid a {color:#879BA9;
text-decoration:none;
font-weight:bold;
padding: 0px 13px 0px 18px;
background-image:url(../media/panels/arrow-blue.gif);
	background-repeat: no-repeat;
	background-position: 5px 2px;}

#contenttwocolumn {

	width: 610px;
	float: left;
	color: white;
	}
#contenttwocolumn p{	
font-weight: normal;
	font-size: 12px;
	line-height: 19px;
	padding-left: 5px;}

#contentleft {
	width: 320px;
	float: left;
	color: white;
	}

#contentright {
	width: 290px;
	float: left;
	color: white;
	}

#contentleft p, #contentleft h1, #contenttwocolumn p {
	margin-right: 30px;
	}

#contentleft h1, #contentright h1, #contenttwocolumn h1 {
	border-bottom: dotted 1px white;
	}
	
#contentleft p a{color:#FFFFFF;
padding: 0px 5px 0px 16px;
	background-image: url(../media/panels/arrow.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;}

#contentleft p a:hover{color:#DCE7FF;
padding: 0px 5px 0px 16px;
	background-image: url(../media/panels/arrow.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;}
	
	
#contentright p a {
text-decoration:none}

#contentright p a:hover {text-decoration:none}

.subtitle {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	}

.date {
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
	}
	
.texttosidebar {
	font-weight: bold;
	color: #3C6792;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	
	
	}
	
.whitebold {color: #FFFFFF; font-weight: bold; }

li {line-height:16px}

/* Different colors for the p text */

.textblack {
	color: black;
	}

.textwhite {
	color: white;
	}

/* Different colors for the h1 titles */

.titleblack {
	color: black;
	text-transform:uppercase;
	}

.titlegreen {
	color: #445C31;
	text-transform:uppercase;
	}

.titleblue {
	color: #233376;
text-transform:uppercase;
	}

.titlebrown {
	color: #98331D;
	text-transform:uppercase;
	}

.titlegrey {
	color: #444546;
	text-transform:uppercase;
	}

.titlemagenta {
	color: #582D44;
	text-transform:uppercase;
	}
	
	

/* Select when you want the blue gradient background, but then also use the "gradientblue" div! */

.gradientbackground {
	width: 865px;
	background-image: url(../media/standard/home_bluegradient.jpg);
	background-repeat: repeat-x;
	background-color: #879BA9;
	}

/* Coding for the footer */

#footer {
	width: 865px;
	clear: both;
	padding-top: 10px;
	}

#footer p {
	font-size: 9px;
	text-align: left;
	text-indent: 35px;
	padding: 4px 0px;
	color: white;
	background-color: #666666;
	text-align:center;
	}

#footer a {
	font-size: 9px;
	text-align: left;
	text-indent: 35px;
	padding: 4px 0px;
	color: white;
	text-decoration:none;
	text-align:center;
	}

/* This is to get a clean start, back from zero/zero positioning */

#backtotop {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	}

/* Coding for the panels */

#paneltop {
	height: 20px;
	}

#contactrepeat {
	position: relative;
	top: -15px;
	min-height: 50px;
	background-image: url(../media/panels/bluemid_repeat.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "Lucida grande", "Arial", "Helvetica", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	color: white;
	padding-bottom:5px;
	
	}

#contacttop {
min-height: 90px;
	background-image: url(../media/panels/blue_top.gif);
	background-repeat: repeat-y;
	background-position: center top;
	}

#contacttop h1 {
	font-weight: bold;
	font-size: 12px;
	line-height: 24px;
	text-align: left;
	padding-top: 13px;
	padding-left: 15px;
	}

#contacttop p {
	font-weight: bold;
	font-size: 11px;
	line-height: 17px;
	text-align: left;
	padding: 3px 15px 0px 15px;
	}

#contactrepeat a:link {
	color: white;
	text-decoration:none;
}
#contactrepeat a:visited {
	color: white;
	text-decoration:none;
}
#contactrepeat a:hover {
	color:#C2DFF4;
	text-decoration:none;
}
#contactrepeat a:active {
	color: white;
	text-decoration:none;
}
#contactrepeat a {
	font-weight: bold;
	font-size: 11px;
}


#contactend {
	position: relative;
	top: -20px;
	height: 21px;
	background-image: url(../media/panels/blue_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
#contactendhome {
	position: relative;
	top: -20px;
	height: 21px;
	background-image:url(../media/panels/bluebot-home.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
/*
#loginrepeat {
	min-height: 90px;
	background-image: url(../media/panels/Products_repeat.gif);
	background-repeat: repeat-y;
	background-position: center top;
	}

#logintop {
	position: relative;
	top: -15px;
	min-height: 50px;
	background-image: url(../media/panels/products_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "Lucida grande", "Arial", "Helvetica", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	color: white;
	}

#logintop h1 {
	font-weight: bold;
	font-size: 12px;
	line-height: 24px;
	text-align: left;
	padding-top: 13px;
	}

#logintop p {
	font-weight: normal;
	font-size: 10px;
	line-height: 18px;
	text-align: center;
	padding: 0px 13px;
	}

#loginend {
	position: relative;
	top: -20px;
	height: 21px;
	background-image: url(../media/panels/products_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}


*/
#productrepeat {
	position: relative;
	top: -15px;
	min-height: 50px;
	background-image: url(../media/panels/bluemid_repeat.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: white;
	padding-bottom: 5px;
	
	}

#producttop {
min-height: 90px;
	background-image: url(../media/panels/blue_top.gif);
	background-repeat: repeat-y;
	background-position: center top;
	}

#producttop h1 {
	font-weight: bold;
	font-size: 12px;
	line-height: 24px;
	text-align: left;
	padding-top: 13px;
	padding-left: 15px;
	}

#producttop p {
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	padding: 0px 13px 0px 26px;
	background-image: url(../media/panels/arrow.gif);
	background-repeat: no-repeat;
	background-position: 12px 2px;
	}

#producttop p a{
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	color:white;
	text-decoration:none;
	}

#productend {
	position: relative;
	top: -20px;
	height: 21px;
	background-image: url(../media/panels/blue_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;

	}

#tablegrid {background-color:#fcfcfc}
#tablegrid tr.odd{background-color:#f0f2f4}


.pullquote {
font:Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 14px;
color:#666666;
line-height:18px;
text-align: center;
margin: 10px;
float: right;
width: 200px;
border-top-width: thick;
border-top-style: ridge;
border-top-color: #879BA9;
border-bottom-width: thick;
border-bottom-style: ridge;
border-bottom-color: #879BA9;
padding: 10px 20px 10px 20px;

}


.quotename {font-size: 11px;line-height:16px;}