/* GENERAL STYLES */
/*
	Base font-size is %75

	Font size: 16px = 1.35em
	Font size: 14px = 1.2em
	Font size: 12px = 1em
	Font size: 11px = .95em
	Font size: 10px = .85em


MAIN GLOBAL STYLES
------------------

	- Global Definitions: Body, Images, Links, Forms, Paragraphs, Wrapper, Clear
	
	- Content Containers
		- Promo Chips
		- Left/Right content containers
		- Quick Links
	- Form Page Styles
	- Headers
		- Page Header
		- Sub Header
		- Section Header
	- Navigation
 	- Horizontal Rules
	- Spacers

CSS WORKAROUNDS
------------------
[ * ] IE 6/7 
[ _ ] IE 6 Only

*/


/* GLOBAL DEFINITIONS */
html > body {
	position:relative;
	}
body {
	background-color: #ecf6f5;
	background-position: center; 
	color: #000000;
	font : 75% arial, helvetica, sans-serif;
	line-height: 1.35em;
	margin: 0px;
	padding: 0px;
	}

#wrapper {
	text-align: center;
	}

img {
	border: 0px;
	}
form {
	margin: 0px;
	padding: 0px;
	}
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	overflow:auto;
	}
input {
	height:16px;
	}
option {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	}
.checkBox {
	margin-right: 5px;
	*vertical-align: middle;
	}
.radioButton {
	margin-right: 5px;
	vertical-align: middle;
	}
/* the ::root hack below shows this info to ONLY Safari browsers */
::root .radioButton {
	margin-bottom: 4px;
	}
.dropdown {
	margin-left: 10px;
	}

a {
	color: #42bcb4;
	text-decoration: none;
	}
a:hover {
	color: #42bcb4;
	text-decoration: none;
	}
a:active {
	color: #42bcb4;
	text-decoration: none;
	}
a.bold {
	font-weight: bold;
	}
a.selected {
	color: #CC3131;
	text-decoration: none;
	}
span.selected {
	color: #CC3131;
	}

p {
	margin: 0px;
	padding: 0px 10px 10px 0px;
	}
p.spacer_20 {
	margin: 0px;
	padding: 0px 10px 20px 0px;
	}
.small{
	font-size: 10px;
	line-height: 1.2em;
	}
acronym {
	text-decoration: none;
	}
.clearBoth {
	clear: both;
	height: 0px;
	margin: 0px;
	overflow: hidden;
	}
th.tableheader {
	margin: 0px;
	padding: 0px 10px 0px 4px;
        color: #ffffff;
        font-weight: bold;

	}
/*HORIZONTAL RULES */
div.horRule {
	background-color:#006b5f;
	height:1px;
	margin:0pt;
	padding:0pt;
	}
div.horRule hr {
	display:none;
	}

/* HEADING STYLES */

h1 {
	color: #666666;
	font-size: 28px;
	line-height: 28px;
	font-weight: normal;
	margin: 0px;
	padding: 12px 0px 15px 0px;
	}
h2 {
	color: #666666;
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
	padding: 10px 0px 10px 0px;
	}
h3 {
	color: #666666;	
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 10px 0px 5px 0px;
	}
h3.calloutHead {
	color: #006b5f;
	display:block;
	font-size: 12px;
	line-height: 1em;
	font-weight: bold;
	margin: 0px;
	padding: 6px 0px 0px 0px;
	}
h4 {
	color: #000000;
	font-size: 12px;
	font-family:Georgia;
	line-height: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 4px 0px 10px 0px;
	}
.underline {
	border-bottom:1px solid #82A9D0;
}

/* SPACERS */
.spacer5 {
	font-size:5px;
	height:5px;
	}
.spacer10 {
	height:10px;
	}
.spacer15 {
	height:15px;
	}
.spacer20 {
	height:20px;
	}
.spacer25 {
	height:25px;
	}
.spacer30 {
	height:30px;
	}

/* ALIGNMENT*/
.vAlignTop {
	vertical-align:top !important;
	}
.vAlignMiddle {
	vertical-align:middle !important;
	}
.vAlignBottom {
	vertical-align:bottom !important;
	}

/*FLOATS*/
.floatRight {
	float:right;
	}
.floatLeft {
	float:left;
	}

/*
GLOBAL SITE HEADER
------------------
- Branding
- Main Navigation
- Utility Navigation
*/

div#headerContainer {
	background: url(../images/header_gradient.gif) repeat-x;
	margin-left: auto;
	margin-right: auto;	
	position: relative;
	width:100%;
	}
div#header {
	background: url(../images/header_bg.gif) no-repeat;
	float:left;
	font-size: 11px;	
	overflow: hidden;
	text-align: left;
	padding:0px 25px 0px 0px;
	height:164px;
	width:978px;
	}
div#headerLogoContainer {
	float: left;
	margin-top:10px;
	}
div#headerLogo {
	padding:0px;
	}
div#headerSupportNav {
	float: left;
	}
div.headerRight {
	float: right;
	}
div#headerSupportNav ul, 
div#headerSupportNav li, 
div.headerRight ul, 
div.headerRight li {
	margin: 0px;
	padding: 0px;
	}

div#headerSupportNav ul li, 
div.headerRight ul li {
	float: left;
	list-style-type: none;
	padding: 0px 10px 0px 0px;
	}
div.headerRight {
	color:#42bcb4;
	}
.countrySelector {
	padding:10px 0px 0px 0px;
	text-align:right;
	}
select#countrySelector {
	margin-top:10px;
	}
.callcentre {
	position:relative;
	}
/*
PRINT
*/
.printHeader {
	display: none;
	}

/*
CONTENT CONTAINER
--------------------
	- Content Containers for Home Page
	- Content Containers for Content Pages
*/
.contentContainerHome .col1, .contentContainerHome .col2, .contentContainerHome .col3 {
	float:left;
	height:306px; /* 305 + 10 + 10 =326 */
	width:236px; /* 236 + 10+10 = 256 */
	margin:3px 2px 2px 0px;
	padding:10px;
	} 
.contentContainerHome .col1 {
	background:url(../images/home_col1_gradient.gif) no-repeat bottom;
	background-color:#006b5f;
	color:#ffffff;
	/* Scrollable Area = 255px; */
	}
.contentContainerHome .col2 {
	background:url(../images/home_col2_gradient.gif) no-repeat bottom;	
	padding:0px;	
	height:326px;
	width:256px;
	}
.contentContainerHome .col3 {
	padding:0px;
	width:256px;
	margin-right:0px;
	}
.contentContainerHome .col1 .content {
	height:276px;
	}
.contentContainerHome .col1 .footerLink {
	color:#9dd2cd;
	padding:12px 0px 0px 0px;
	text-align:center
	}
.contentContainerHome .col1 .footerLink a {
	color:#9dd2cd;
	font-size:11px;
	padding:0px 5px 0px 5px;
	}
.contentContainerHome .col1 h3 {
	color:#9dd2cd;
	padding: 0px 0px 6px 0px;
	text-align:left;
	font-size:16px;
	line-height:1.2em;
	}
.contentContainerHome .col2 h6 {
	color: #006B5F;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 12px;
	}
.contentContainerHome .col2 .footerLink {
	color:#006b5f;
	padding:12px 0px 0px 0px;
	text-align:center;
	}
.contentContainerHome .col2 .footerLink a {
	color:#006b5f;
	font-size:11px;
	padding:0px 5px 0px 5px;
	}
.contentContainerHome .col2 .scrollContent {
	padding:0px 5px 0px 10px
	}
.contentContainerHome .col2 .sectionHeading {
	padding-bottom:10px;
	}
.contentContainer{
	padding:0px 20px 50px 20px;
	}
.contentContainer a{
	text-decoration:none;
	color: #006B5F;
	}
.contentContainer a:hover{
	text-decoration:underline;
}

/*
CALLOUTS
*/
div.calloutContainer {
	text-align:center;
	}
div.calloutContainer img {
	border:none;
	margin:0px;
	padding:0px 0px 2px 0px;
	}
/*
GLOBAL SITE FOOTER
------------------
	- Footer Navigation
	- Copyright Information
*/

div#footerContainer {
	background-color: #ecf6f5;
	border-top:1px solid #00ae9b;
	color:#42bcb4;
	margin-left: auto;
	margin-right: auto;
	}
*html div#footerContainer {
	height: 100px;
	}
div#footer {
	float:left;
	overflow:hidden;
	position:relative;
	top:-20px;
	width:980px;
	}
*:first-child+html div#footer {
	top:-10px;
	}
div#footerNav {
	float: left;
	font-size: 11px;
	margin: 0px;
	text-align: center;
	width: 568px;
	}
div#footerLink {
	float: right;
	text-align:right;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	text-align: right;
	width: 206px;
}
div#footerCopyright {
	float: left;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	width: 206px;
	}
div#footerNav ul, 
div#footerNav li, 
div#footerCopyright ul, 
div#footerCopyright li,
div#footerLink ul,
div#footerLink li {
	margin: 0px;
	padding: 0px;
	}
div#footerNav ul li,
div#footerLink ul li {
	float: left;
	list-style-type: none;
	padding: 7px 10px 7px 0px;
	}
div#footerLink ul li {
	float: right;
}

div#footerCopyright ul li {
	float: left;
	list-style-type: none;
	padding: 7px 0px 7px 15px;
	}
div#footerNav li.sep {
	padding:10px 10px 0pt 0pt;
	}
div#footerNav li.last {
	padding-right: 0px;
}

div#footerNav ul {
	margin:0 auto 100px auto;
	display: table;
}

div#footerNav ul li {
	display: table-cell;
}

/* IE Hack to properly center an UL */
div#footerNav ul {*display:inline-block; }
div#footerNav ul {*display:inline;}

div#footerContainer a{
	color:#42bcb4;
	}
div.sitemap {
	float:left;
	padding:0px 0px 0px 15px;
	position:relative;	
	text-align:left;
	text-transform:lowercase;
	top:-20px;
	width:206px;
	}
div.sitemap a {
	background: transparent url(../images/icon_sitemap.gif) no-repeat scroll 0px 1px;
	font-size:10px;
	padding:0px 0px 0px 25px;
	}
/*
BREAD CRUMB NAVIGATION
------------------
	- Breadcrumb
*/

div.breadcrumb {
	float:left;
	padding:0px 0px 10px 0px;
	font-size: 10px;
	height:20px
	}
div.breadcrumb ul {
	margin:0px;
	padding:0px;
	}
div.breadcrumb ul li {
	color:#42bcb4;
	float:left;
	list-style-type:none;
	text-transform:lowercase;
	}
div.breadcrumb ul li span {	
	background: url(../images/icon_bc_divider.gif) no-repeat right;	
	margin: 0px 5px 0px 0px; 
	padding: 0px 11px 2px 0px;
	text-decoration:none;
	}
div.breadcrumb ul li a {
	color: #42BCB4;
}
div.breadcrumb ul li a:hover {
	text-decoration:underline;
	}

/*
SCROLLBAR
*/
.Container {
	width: 256px;
	height: 200px;
	background: #FFF url(images/container_background.gif) no-repeat;
	}
#Scroller-1 { 
	overflow: hidden;
	width: 256px;
	height: 200px;
	}
#Scroller-1 p {
	margin: 0; padding: 10px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-indent: 20px;
	color: #6F6048;
	}
.Scroller-Container {
	}
#Scrollbar-Container {
	}
.Scrollbar-Up {
	cursor: pointer;
	position: absolute;
	}
.Scrollbar-Track {
	width: 20px; height: 161px;
	background: transparent url(images/scrollbar_track.gif) no-repeat center center;
	}
.Scrollbar-Handle {
	position: absolute;
	width: 20px; height: 22px;
	}
.Scrollbar-Down {
	cursor: pointer;
	position: absolute;
	top: 187px;
	}
div.disclaimer {
	color: #666666;
	}
/*
ERRORS
----------
 - Error Message Styles
*/
.error {
	color:#CC3131;
	font-weight:normal;
	}

/*
VARIABLE WIDTH
*/
.w10 {width:10px !important;}
.w20 {width:20px !important;}
.w30 {width:30px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w130 {width:130px !important;}
.w140 {width:140px !important;}
.w150 {width:150px !important;}
.w160 {width:160px !important;}
.w170 {width:170px !important;}
.w180 {width:180px !important;}
.w190 {width:190px !important;}
.w200 {width:200px !important;}
.w210 {width:210px !important;}
.w220 {width:220px !important;}
select.w220 {width:224px !important; /* hack for select list to cover the extra 4px difference*/}
.w230 {width:230px !important;}
.w240 {width:240px !important;}
.w250 {width:250px !important;}
.w260 {width:260px !important;}
.w270 {width:270px !important;}
.w280 {width:280px !important;}
.w290 {width:290px !important;}
.w300 {width:300px !important;}

/* EDITOR PROPERTIES */