/* Sections: 
--------------------------------------------------------------------------------------------------
===@topLevelContainers - wrapper / page enclosure style
===@headerContainer - header styles
===@mainContentContainer - main content container styles
===@secondaryNavContainer - nav container styles
===@contentContainer - content container styles
===@widgetContainer - widget column styles (currently placed on the right of content container)
===@baseline - general element styles, non specific
===@links - link styles
===@secondaryNavigation - secondary / global nav styles
===@tables -  table styles
===@definitionLists -  definition lists used for image - title - description layouts
===@popUpContainers - div layer styles and transparancies
===@allPurpose - general classes and DIV place holders styles -- contains color classes, and effects classes
===@dashbanner - dash banner and dash container styles
-------------------------------------------------------------------------------*/
@charset "utf-8";
/* CSS Document */

*{padding: 0; margin: 0;}

body {
	font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    line-height: 1.5;  
	background: #fff;
	margin: 0;
	padding: 0;
}

/* ===@allPurpose - All purpose Classes and DIV's START */

.clear {clear: both;}

.clearRight {clear: right;}
.clearLeft {clear: left;}	

.newsTitle {display: block;}

#wrapper.personal .underline, #popUpWrapper .underline, #microSite .underline {
	padding-bottom: 3px; 
	border-bottom: 1px solid #a5be00;
}

#wrapper.aboutUs .underline { 
	padding-bottom: 3px; 
	border-bottom: 1px solid #1a4183;
}

#wrapper.business .underline { 
	padding-bottom: 3px; 
	border-bottom: 1px solid #f48e00;
}

hr {
	clear: both;
	border: none;
	padding: 0;
	margin: 7px 0 2px 0;
	height: 1px;
	color: #e8e8e8;
	background-color: #e8e8e8;
}

sup {font-size: 9px;}

#featuredItem { 
	margin: 10px 0;
	width: auto;
	text-align:center;
}

a img {vertical-align: middle;}

.vertTop {vertical-align: top;}
.vertBottom {vertical-align: bottom;}
.vertMiddle {vertical-align: middle;}

.longListItem {
	display: inline-block; 
	text-indent: 1em;
}

.strong {font-weight: bold;}
.normalText {font-size: 12px; font-weight: normal;}
.smallText {font-size:10px;}
.largeText {font-size:15px;}
.xLargeText {font-size: 24px;}
.legal {font-size:smaller;}
.titleBold {font-weight: bold;}
.note {font-size: 10px; color: #888;}

.titleBold:after {content: " |";}	

.odd, .white {background-color: #fff;}
.even, .gray {background-color: #e4e4e4;}
.highlight {background-color: #00CCCC;}
.borders {border: 1px solid #9cd494;}
.noBorder {border: none !important;}
.noPadding {padding: 0; margin: 0;}
.tightLeft {left: 0;}
.tightRight {right: 0;}
.fullSection {width: 100%;}

.moreLink {
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.moreLink2 {
	position: absolute;
	right: 5px;
	bottom: 0px;
}

#wrapper.segment .moreLink {right: 30px; bottom: 84px;}
body.fr #wrapper.segment .moreLink {right: 20px; bottom: 50px;}

.row {margin: 1em 0;}

.floatRight {float: right !important;}
.floatLeft {float: left !important;}
.right {float: right !important;}
.left {float: left !important;}
.alignRight {text-align: right;}
.center {text-align: center;}
.noFloat {float: none !important;}

th.tightCenter {
	padding: 0.3em;
	vertical-align: middle;
	text-align: center;
} 

/* colour classes */
#wrapper.personal span.sectionColor {color: #a5be00;}
#wrapper.aboutUs span.sectionColor {color: #1a4183;}
#wrapper.business span.sectionColor {color: #f48e00;}

.blue {color: #325597;}

.greenBorder {border-color: #A5BE00;}
.blueBorder {border-color: #1A4183;}
.orangeBorder {border-color: #F48E00;}

.blueBold { 
	font-weight: bold;
	color: #325597;
}

.whiteBkg {background: #fff;}

.whiteText {
	color: #fff;
	font-weight: normal;
}

.boldWhiteText {
	color: #fff;
	font-weight: bold;
}
/* colour classes end */


/* Thickbox styles */

.anchor {
	clear:both;
	display:none;
	margin-bottom:20px;
	width:100%;
	color:#FFFFFF;
	text-align:left;
	z-index: -5
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:300000;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #9cd494;
  z-index: 3000001;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption {
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow {
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow {
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle {
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title {
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent {
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal {
  padding:15px;
}
#TB_ajaxContent p {
  padding:5px 0px 5px 0px;
}
#TB_load {
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect {
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent {
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

/* message div's (errors, success, info, etc) styles START */
.message {
	display: block;
	color: #444;
	margin-bottom: 2px;
	vertical-align: middle;
	zoom: 1;
}

.message fieldset {
	margin: 0 !important;
	padding: 0;
	border: none;
}

.message p {
	line-height: 20px;
	margin: 0;
	margin-left: 37px;
	padding: 5px;
	background: #fff;
}

.message ul {
	list-style-type: none; 
	line-height: 20px;
	margin: 0;
	margin-left: 37px;
	padding-left: 5px;
	background: #fff;
}

.message code {
	float: left;
	text-align: center;
}

div.msgErr, code.err {
	background: #ff0000 url('../../assets/images/structure/error_dk.gif') 11px center no-repeat;
}

div.msgWarning {
	background: #f38c03 url('../../assets/images/structure/warning.gif') 11px center no-repeat;
}

div.msgInfo {
	background: #336699 url('../../assets/images/structure/info_dk_03.gif') 11px center no-repeat;
}

div.msgSuccess {
	background: #26c553 url('../../assets/images/structure/success_icon.gif') 11px center no-repeat;
}

/* Site Switcher Message Divs STARTS */
#wrapper.personal div.siteSwitch {
	background-color: #f38c03;
}

#wrapper.personal .siteSwitch {
	border: 1px solid #f38c03;
}

#wrapper.business div.siteSwitch {
	background-color: #a5be00;
}

#wrapper.business .siteSwitch {
	border: 1px solid #a5be00;
}

div.siteSwitch p {
	background-color: #fff;
	margin-left: 44px;
}
/* Site Switcher Message Divs END */

.msgErr {
	border: 1px solid #ff0000;
}
	
div.msgErr p, div.msgErr ul {
	border-left: 1px solid #ff0000;
	background: #fff url('../../assets/images/structure/error_gradient.jpg') top right repeat-y;
}

.msgWarning {
	border: 1px solid #ff9900;
}

div.msgWarning p, div.msgWarning ul {
	background-color: #fff;
	border-left: 1px solid #ff9900;
}	

.msgInfo {
	border: 1px solid #1097f6;
}

div.msgInfo ul, div.msgInfo p {
	background-color: #fff;
	border-left: 1px solid #1097f6;
}	

.msgSuccess {
	border: 1px solid #26c553;
}

div.msgSuccess ul, div.msgSuccess p {
	background-color: #fff;
	border-left: 1px solid #26c553;
}	


.error, .alert {
	font-weight: bold;
	color: #ff0000;	
}

.error code {
	display: inline-block; 
	display: -moz-inline-stack; 
	width: 18px;
	zoom: 1;
	vertical-align: text-top; 
	background: url('../../assets/images/structure/error.gif') left top no-repeat;	
}

.inputErr {
	background-color: #ff9999 !important;
}

/* message div's styles END */

/* used for drop shadow divs */
.shadow {
	display: inline;
	position: relative;
	float: left;
    background: url('../../assets/images/structure/shadow.gif') no-repeat bottom right;
    margin: 12px 0 6px 6px !important;
}

.shadow div.sideBar {
	position: relative;
    display: inline-block;
    margin: -6px 6px 6px -6px !important;
}
  
/* drop shows end */

/* user for toast effect divs */
.toastHolder {
	position: relative;	
	float: left; 
	margin-right: 8px; 
	width: 228px; 
}

.toastHolder ul {margin: 0;}

.regionMargin .toastHolder {margin-right: 7px;}

.toastForeground {
	position: relative; 
	top: 3px; 
	background: #fff url('../../assets/images/structure/marque_bg.gif') top left repeat-y; 
	min-height: 120px;
	border-bottom: 1px solid #3c4b66;
	z-index: 1;
}

* html .toastForeground {height: 120px;}

.toastTop {
	display: block;
	background: #fff url('../../assets/images/structure/marque_top.gif') top left no-repeat;
}

.toastTop h2 {padding: 11px 5px 0 5px; margin: 0;}

.yellow {color: #f38c03;}
.ltBlue {color: #325597;}
.red {color: #9b3244;}

.toastBackground {
	position: absolute; 
	top: 0; 
	left: 0;
	padding: 8px 8px; 
	width: 210px;
	min-height: 160px;
	visibility: hidden;
}

/* ie6 min height setting */
* html .toastBackground {height: 160px;}

/* toast effect divs end */

/* map styles starts */
#map {
	float: right;
	text-align: right;
}

#region5 #map {
	position: relative;
	top: -5px;
	right: -5px;
	height: 100%;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
	background: url('../../assets/images/structure/tooltip_gradient.jpg') left top repeat-x;	
}

#map img.featureMap {
	margin-top: 10px;
	margin-bottom: 6px;
}
/* map styles ends */

/* evenlope styles START */
.envelope {
	position: relative;
	display: block;
	height: 15em;
	background: #fff;
	padding: 2em;
	margin: 10px;
	border: 1px solid #c0c0c0;
}

.envelope .from {
	position: absolute;
	top: 10px;
	left: 10px;
}

.envelope address {
	padding: 10px;
	border: 1px solid #9cd494;
}

.envelope .to {
	position: absolute;
	top: 7em;
	left: 40%;
}

/* ===@allPurpose - All purpose Classes and ID's END */

/* ===@topLevelContainers - START */

#microSite, #wrapper, #popUpWrapper {
	margin:2px auto;
	background: #fff;	
}

#wrapper.segment {margin: 22px auto;}
#wrapper, .w960 {width:960px;}
#popUpWrapper, .w620 {width:620px;}
.w720 {width:720px;}

/* ===@headerContainer - START */

#header {
	display: block;
	position: relative;
	margin-top: 30px;
	width:auto;
	background: #ffffff;
	z-index: 100000;
	zoom: 1; /* set hasLayout for ie6 */
}

#wrapper.segment #header {height: 73px;}
#languageBox #header {height: 71px;}

.personal #header {background: #a5be00;}
.aboutUs #header {background: #1a4183;}
.business #header {background: #f48e00;}

#popUpWrapper #header {
	height: 37px;
	background: #339743 url('/images/corner.gif') top right no-repeat;
}

#microSite #header, #wrapper.pnf #header {background: #339743 url('/images/micro_header_bg.jpg') top right no-repeat;}
#wrapper.segment #header, #languageBox #header {background: #339743 url('images/segment_header.jpg') top right no-repeat;}

#ecLogoHeader img {
	display: block;
	padding-right: 2px;
	background: #fff;
}

.loginregion {
	position: relative;
	margin: 0;
	padding: 8px 5px 10px;
	float: right;
}
#rememberMe {
	position: absolute;
	right: 60px;
	float: right;
}
#rememberMechk {
	position: absolute;
	right: 160px;
	float: right;
}
#loginMe {
	float: right;
	
}
#wrapper.segment #ecLogoHeader img {position: absolute; left: 20px; top: -34px; background:none;}
#wrapper.language #languageBox #ecLogoHeader img {position: absolute; left: 25%; top: -34px; background:none;}

#headerInSection {
	position: absolute;
	top: 7px;
	left: 205px;
	width: 700px;
}

#headerInSection h1 {
	text-indent: -50000em;
}
body.en #wrapper.personal #headerInSection h1 {background: url('../../assets/images/structure/personal-e.gif') top left no-repeat;}
body.fr #wrapper.personal #headerInSection h1 {background: url('../../assets/images/structure/personal_fr.gif') top left no-repeat;}

body.en #wrapper.business #headerInSection h1 {background: url('../../assets/images/structure/business-e.gif') top left no-repeat;}
body.fr #wrapper.business #headerInSection h1 {background: url('../../assets/images/structure/business_fr.gif') top left no-repeat;}

body.en #wrapper.aboutUs #headerInSection h1 {background: url('../../assets/images/structure/aboutUs-e.gif') top left no-repeat;}
body.fr #wrapper.aboutUs #headerInSection h1 {background: url('../../assets/images/structure/aboutUs_fr.gif') top left no-repeat;}

#headerInSection input[type="text"] {
	width: 60%;
	height: 18px;
}

#headerMainNav, #headerPopupNav {
	position: relative;
	height: 38px;	
	padding: 0 8px;
	color: #444;
	background: #fff url('../../assets/images/structure/cpid_shim.gif') bottom left repeat-x;
}

#siteLinks {
	display: block;
	text-align: right;
	font-size: 11px;
	padding-right: 10px;
}

#globalNavA { 
	position: absolute; 
	top: 0; 
	right: 0; 
	padding-bottom: 2px; 
	background: #fff; 
	z-index: 10;
}

#globalNavATabBusiness, #globalNavATabAboutUs, #globalNavATabPersonal { 
	display: inline; 
	float: left; 
	padding: 2px 20px; 
	margin-left: 2px; 
	color: #fff; 
	font-size: 13px;
	width: 70px;
	height: 20px;
	text-align: center;
} 

#globalNavATabPersonal {background: #a5be00 url('../../assets/images/structure/corner.gif') top right no-repeat;} 
#globalNavATabAboutUs {background: #1a4183 url('../../assets/images/structure/corner.gif') top right no-repeat;} 
#globalNavATabBusiness {background: #f48e00 url('../../assets/images/structure/corner.gif') top right no-repeat;} 

.baseColor {color: #444;}

#globalNavD, #globalNavE {margin-top: 7px;}
#globalNavD ul, #globalNavE ul {float: left;}

#globalNavD ul, #globalNavE ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#globalNavD ul.globalNav li, #globalNavE ul.globalNav li {
	padding: 0 15px;
	background: url('../../assets/images/structure/topMenuPipe.gif') left 3px no-repeat;
	position: relative;
}

#globalNavD ul.globalNav li ul li, #globalNavE ul.globalNav li ul li {background-image: none; width: auto; word-wrap: break-word;}
#globalNavD ul.globalNav li ul li.deepNav, #globalNavE ul.globalNav li ul li.deepNav {background-image: url('../../assets/images/structure/arrow_side.gif'); background-position: 230px center; background-repeat: no-repeat; position: relative;}

#globalNavD ul.globalNav li.first {
	padding: 0;
	padding-right: 10px;
	background: none;
}

#globalNavE ul.globalNav li.first {
	padding: 0;
	background: none;
}

/* ===@headerContainer - END */

/* ===@cpid - START */

#cpid {
	padding: 0 8px;
	color: #222;
	background: #fff;
}

#cpid p {
	padding: 0;
	padding-bottom: 3px;
}

#cpid select {margin: 0; vertical-align: text-bottom; font-size: 12px;}
#cpid p img {vertical-align: bottom;}

#wrapper.personal #cpid {border-bottom: 2px solid #a5be00;}
#wrapper.aboutUs #cpid {border-bottom: 2px solid #1a4183;}
#wrapper.business #cpid {border-bottom: 2px solid #f48e00;}

#cpidNavA {float: left;}
#cpidNavB {float: right;}

/* ===@mainContentContainer - START */

#main {
	position: relative;
	display: inline-block; /*sets hasLayout - required for IE */
	overflow: visible; /*causes modern browsers to enclose child floats*/
}	

#main {
	display: block; /* resets to proper property value without resetting layout*/
}

#main.popUp {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.magazineContainer {
	position: relative; 
	border: 1px solid #c7c7c7; 
	width: 47.5%; 
	padding: 5px; 
}

#regionMTL {width: auto; padding: 5px;}

/* ===@mainContentContainer - END */

/* ===@dashboardTabs - START */
#dashboardTabs {
/*	width: 708px; */
	height: 40px;
	color: #FFF;
	background: #3c4b66 url('../../assets/images/structure/tabs_bg.gif') top left repeat-x;
	font-size: 13px;	
	vertical-align: bottom;
	line-height: 1.2;
}

#dashboardTabs ul.toolMenu {
	margin: 0;
	padding: 0;
	padding-top: 4px;
	font-weight: bold;
	list-style-type: none;
}

#dashboardTabs ul.toolMenu li {
	display: inline;
	float: left;
	width: 115px;
	height: 33px; 
	margin: 0 0 0 3px;
	padding: 3px 0 0 5px;
	background: url('../../assets/images/structure/fpo_icons_blue.gif') top left no-repeat;
}

/* For IE 6, since can't use child selector */
#dashboardTabs ul.toolMenu li ul li {
	display: block;
	width: 100%;
	height: 100%;
	float: none;
	padding: 5px;
	background: none;
}

#dashboardTabs ul.toolMenu li#moreLinks {
	background: url('../../assets/images/structure/fpo_icons_blue_sml.gif') top left no-repeat;	
}	

#dashboardTabs ul.toolMenu li#moreLinks {
	width: 82px;
}

#dashboardTabs a { 
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
}

#dashboardTabs li h1 {
	font-size: 13px;
	line-height: 1.2;
	color: #3c4b66;
	margin: 0;
}

#dashboardTabs h1 {
	margin-left: 6px;
	line-height: 40px;
	color: #fff;
}

#dashboardTabs ul.toolMenu li:hover, #dashboardTabs ul.toolMenu li.tabHover {background: url('../../assets/images/structure/fpo_icons_grey.gif') top left no-repeat;}
#dashboardTabs ul.toolMenu li:hover a, #dashboardTabs ul.toolMenu li.tabHover a {color: #3c4b66;}
#dashboardTabs ul.toolMenu li#moreLinks:hover, #dashboardTabs ul.toolMenu li#moreLinks.tabHover {
	background: url('../../assets/images/structure/fpo_icons_grey_sml.gif') top left no-repeat;	
}	

ul#more a {color: #3c4b66;}
ul#more a:hover {text-decoration: underline;}

#dashboardTabs ul.toolMenu li#moreLinks li:hover {
	cursor: pointer;
	background: none;
}

#dashboardTabs ul li.active {background: url('../../assets/images/structure/fpo_icons_white.gif') top left no-repeat;}
#dashboardTabs ul li.active a {color: #3c4b66;}
/* ===@dashboardNav - END */

/* ===@secondaryNavContainer - START */
#region1, #region1b {
	float: left;
	width: 192px;
	margin: 8px 0;
	overflow: hidden;
}

#region1 {margin-bottom: 0;}
#region1b {float: none; clear: left; margin-top: 0;}
* html #region1b {float: left;}

#region1Content, .contents {padding: 5px;}
/* ===@secondaryNavContainer - END */

/* ===@contentContainer - START */

#main #region2, #main #region4 {float: left;}
#main div #region2, #main div #region4 {float: right;}
#region2 {
	width: 528px;
	margin: 8px 0;	
	overflow: hidden;
	position: relative;
}

/* located beside region1 (left column) */
#region4 {
	width: 768px;
	margin: 8px 0;	
}

/* located beside region3 (right column) */
#region5 {
	float: left;
	width: 720px;
	margin: 0 auto;
	z-index: 1;
}

/* one giant content region */
#region6 {
	float: left;
	width: 960px;
	z-index: 1;
	overflow: hidden;
}

#wrapper.segment #region6 {
	position: relative;
	overflow: visible;
	background: #fff url('../../assets/images/structure/segment_gradient.jpg') top left repeat-x;
}

#region5Content, #region6Content, #regionContent {margin: 8px 5px;}
.regionMargin {margin: 0 5px 8px;}
#wrapper.segment #region6Content {margin: 0px 4px 0;}
* html #wrapper.segment #region6Content {margin: -30px 4px 30px 4px;} /* ie6 - not good with negative margins */

#content {
	margin: 5px 5px 5px 10px;
	word-wrap: break-word;
}

#region5 #content, #region6 #content {margin: 0 4px 0 4px; padding-bottom: 4px;}

#main.popUp #content {margin: 5px;}
#main.print #content {margin: 10px;}

#regionContents {font-size: 12px;}
#regionContents p {margin: 2px;}
/* ===@contentContainer - END */

/* ===@widgetContainer - START */
#region3 {
	float: right;
	width: 240px;
	font-size: 11px;
	margin: 0;
	background: #e8e8e8;
	position: relative;
	padding-bottom: 5px;
	z-index: 2000; 
}

.noBg {background: none !important;}

#region3 ul {margin: 0; padding: 0 5px 0 17px;}
#region3 ul.noListBullets {padding: 0;}

#region3Content {
	position: relative;
	margin: 0;
	padding: 8px 5px 10px;
}

#region3 .widget, #region5 .widget {width: 230px; margin-bottom: 5px;}
#region3 iframe {width: 240px; overflow: hidden;}

#region6 #region3.noBg #region3Content {padding-top: 0px;}
/* ===@widgetContainer - END */

/* Region7 - Floated left, same width as region3 STARTS */
#region7 {
	float: left;
	width: 240px;
	margin: 0;
}

#region7Content {
	margin: 0 10px 0 0;
	padding: 0;	
}


#region7ContentRight {
	margin: 0 0 0 10px;
}
/* Region7 - Floated left, same width as region3 ENDS */


/* Region8 - Center column STARTS */
#region8 {	
	float: left;
	width: 468px;
	border: 1px solid #9cd494;
	margin-bottom: 10px;
	overflow: hidden;
}

#region6 #region5 #region8 {float: right; margin-right: 10px;}
* html #region6 #region5 #region8 {display: inline;}

#region8 #content {margin: 5px 20px;}
/* Region8 - Center column ENDS */

/* Region8 - 1/3rd column STARTS */
.region9 {
	float: left;
	display: block;
	width: 307px;
	margin: 0 15px 5px 0;
	overflow: hidden;
}

.formcentered {
	position: absolute;
	left: 350px;
	width: 400px;
	overflow: hidden;
}

.fieldcentered {
	padding: 5px 0px;
	position: absolute;
	right: 10px;
	overflow: hidden;
	
}

.searchcentered {
	position: absolute;
	left: 100px;
	width: 700px;
	overflow: hidden;
}
.resultscentered {
	position: absolute;
	line-height: 20pt;
	top: 130px;
	left: 120px;
	width: 700px;
	overflow: hidden;
}

.receiptlabelbkg {
	color: #000000;
	font-size: 16px;
	position: absolute;
	background: #7FFFD4;
	opacity: 0.40;
	-moz-opacity: 0.40;
	filter:alpha(opacity=40);
	left: 5px;
	width: 250px;
	height: 150px;
	overflow: hidden;
}

.receiptlabel{
	color: #000000;
	font-size: 16px;
	position: absolute;
	left: 5px;
	width: 250px;
	overflow: hidden;
}

.receiptcentered {
	color: #000000;
	font-size: 16px;
	position: absolute;
	top: 10px;
	left: 305px;
	height: 388px;
	width: 380px;
	overflow: auto;
}

.ritems {
	position: absolute;
	text-align: left;
	overflow: visible;
}

.rvalues {
	position: absolute;
	right: 20px;
	overflow: visible;	
	
}

.rsubtotal {
	position: absolute;
	top: 230px;
	width: 380px;
	overflow: visible;	
	
}

.sublabels {
	position: absolute;
	text-align: left;
	overflow: visible;
}

.subvalues {
	position: absolute;
	right: 20px;
	overflow: visible;	
	
}

.rtotal {
	position: absolute;
	top: 330px;
	width: 380px;
	overflow: visible;	
	
}

.totlabels {
	position: absolute;
	text-align: left;
	overflow: visible;
}

.totvalues {
	position: absolute;
	right: 20px;
	overflow: visible;	
	
}
.section .region9 {width: 227px; margin: 10px 9px 0 0;}
#region6 .section .region9 {width: 303px; margin: 0 9px 0 0;}

.region9 .columnSection {position: relative; padding: 0; min-height: 290px;}
* html .region9 .columnSection {height: 290px;}
.section .region9 .columnSection {min-height: 320px;}
* html .section .region9 .columnSection {height: 320px;}
#wrapper.segment .region9 .columnSection {min-height: 0;}
* html #wrapper.segment .region9 .columnSection {height: 1%;}

#wrapper.segment .widget .contents {min-height: 110px;}

.region10 {position: relative; width: 240px;}
/* Region8 - 1/3rd column ENDS */

/* ===@footer - START */

#footer { 
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto; 	
	width: 960px;
	clear: both;
	font-size: 11px;
	zoom: 1; /* set hasLayout for ie6 */
}

#wrapper.business #footerContent {background-color: #f48e00;}
#wrapper.aboutUs #footerContent {background-color: #1a4183;}
#wrapper.personal #footerContent {background-color: #a5be00;}

#footerSilver {
	display: block;
	position: relative;
	margin-top: 2px;
	min-height: 90px;
	padding: 6px 10px;
	border-top: 1px solid #ccc;
	background: #fff url('images/footer_shim.gif') bottom left repeat-x;
}

* html #footerSilver {
	height: 1%;
}

#footerSilver #canadaLogo {float: right;}
* html #footerSilver #canadaLogo {margin-top: 20px;}

#popUpWrapper #footerSilver #canadaLogo, #microSite #footerSilver #canadaLogo, #wrapper.pnf #footerSilver #canadaLogo {
	position: absolute;
	right: 10px;
	bottom: 20px;
}

#wrapper #footerSilver #canadaLogo {padding: 6px 0 0 0;}
#footerSilver #promoRight {float: right;}
#wrapper #footerSilver #promoRight {min-height: 60px;}
.footerRegion {
	float: left;
	display: inline;
	width: 20%;
}

/* pop up footer starts */
#popUpWrapper #footer, #microSite #footer {background: #fff;}

#footerContent {
	text-align: right;
	padding: 0 12px;
	background: #339743 url('../../assets/images/structure/corner.gif') top right no-repeat;
}

#popUpWrapper #footerSilver, #microSite #footerSilver, #wrapper.pnf #footerSilver {
	position: relative;
	margin-top: 2px;
	min-height: 1%;
	height: 41px;
	padding: 0.5em 1.5em;
	background: #fff url('images/footer_popUp_shim.gif') top left repeat-x;
}
/* pop up footer ends */

/* Print Wrapper Styles */
#printWrapper {width: 720px; font-size: 1em;}
#printWrapper #content {padding: 0.5em;}
#printWrapper #header {padding-bottom: 2px; border-bottom: 1px solid #000;}
#printWrapper .closePopup {right: 0; top: 16px;}
#printWrapper h1, #printWrapper h2, #printWrapper h3, #printWrapper h4, #printWrapper h5, #printWrapper h6, #printWrapper p {color: #000;}
#printWrapper #footerContent {background: none; border-top: 1px solid #000;}
#printWrapper table {border: 1px solid #000; border-collapse: collapse;}
#printWrapper table th, #printWrapper table td {background-color: transparent; color: #000; border: 1px solid #000 !important;}
#printWrapper .noPrint {text-align: right;}
@media print {
  .noPrint {display: none;}
}
/* Print Wrapper Styles End */

/* ===@footer - END */

/* ===@topLevelContainers - END */

/* ===@baseline - START */

ul {
	margin: 0 5px 0 10px;
	padding-left: 20px;
}

#region3 ul {margin-left: 0;}

p { 
	line-height: 1.4;
	padding: 4px 0;
	margin: 0;
} 

h1 {
	font: bold 21px/1.3 Arial; 
	margin: 0;
	color: #9b3244; 	
}

h2 {
	font: bold 16px/1.2 Arial; 
	margin: 10px 0;
	color: #9b3244;
}

.sectionTitle {
	margin: 0;
	line-height: 30px;
	min-height: 30px;	
	color: #003366 !important;
	padding-left: 8px;	
	background: #ccdce9;
	font-weight: bold;
	border: 1px solid #9cd494;
	text-decoration: none;
}

.Leftsignup {
	color: #003366 !important;
	font-weight: bold;
	position: absolute;
	left: 20px;
	bottom: 0px;
}

* html .sectionTitle {height: 30px;}

div#nowYouCan h2.sectionTitle {
	color: #fff !important;
	padding-left: 6px;
	background: #a5be00;
}

div#whereToBuy h2.sectionTitle {
	color: #fff !important;
	padding-left: 6px;
	background: #6699cc;
}

div#nowYouCan div.elegantTitle {border: 1px solid #A5BE00;}	
div#whereToBuy div.elegantTitle {border: 1px solid #6699cc;}	
div#marquee div.elegantTitle, div.greyTitle div.elegantTitle {border: 1px solid #7f827f;}	

div#nowYouCan li a img, div#whereToBuy li a img {
	margin-right: 5px;
}

div#didYouMean h2.sectionTitle {
	color: #fff !important;
	padding-left: 6px;
	background: #336699;	
}

div#didYouMean div.elegantTitle {
	border: 1px solid #336699;
}	

div#didYouMean ul {
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	padding-right: 50px;
}

div#whereToBuy .sectionBorder {padding: 10px;}

/* apply generic icon for all sectionTitles, that have no other classes */
h2[class="sectionTitle"] {
	padding-left: 30px; 
	background: #ccdce9 url('../../assets/images/structure/doc_icon.gif') 9px center no-repeat;
}
 
a[href $='.pdf']:first-child { 
	display: inline-block;
   	padding-right: 15px;
   	background: transparent url('../../assets/images/structure/pdf_icon_tiny.gif') no-repeat center right;
}

#header a[href $='.pdf'], #footer a[href $='.pdf'] {padding-right: 0; background: none;} 

.widget .sectionTitle, #region3 .sectionTitle, #topSearch .sectionTitle {
	height: 1%;
	padding-left: 5px;
	background: url('../../assets/images/structure/blue_grade_bg.jpg') top left repeat;
	font-size: 12px;
}

.sectionOpen, .results {
	font-weight: bold;
	border-color: #9cd494;
	background: url('../../assets/images/structure/blue_grade_bg.jpg') top left repeat;
	z-index: 1; 
}

div.optionsGradient {
	background: url('../../assets/images/structure/other_options_gradient.jpg') left top repeat-x;
	padding: 0 5px;
}	

div.optionsGradient h2 {
	margin: 2px 0;
	color: #003366 !important;
}

h2.sectionOpen span.icon, h2.sectionRecap span.icon {
	float: left;
	display: inline;
	width: 34px;
	height: 30px;
	background: url('../../assets/images/structure/query.gif') left center no-repeat;
}

.sectionClosed, .sectionRecap {
	font-weight: bold;
	border-color: #9cd494;
	background: url('../../assets/images/structure/silver_gradient.jpg') top left repeat !important;	
	z-index: 1;
	cursor: pointer;
}

h2.sectionClosed, h2.sectionClosed a, h2.sectionRecap, h2.sectionRecap a {color: #708090 !important;}

h2.sectionClosed span.icon {
	float: left;
	display: inline;
	color: #3c4b66;
	font-weight: bold;	
	width: 34px;
	height: 30px;
	background: url('../../assets/images/structure/query_plus.gif') left center no-repeat;
}

.sectionTitle.results {
	padding-left: 8px;
	font-weight: bold;
}

h2.results span.icon {
	float: left;
	display: inline;
	color: #3c4b66;
	font-weight: bold;	
	width: 34px;
	height: 30px;
	background: url('../../assets/images/structure/doc_icon.gif') left center no-repeat;
}

h2.email span.icon {
      float: left;
      display: inline;
      color: #3c4b66;
      font-weight: bold;      
      width: 16px;
      height: 9px;
      background: url('../../assets/images/structure/email_icon.gif') left center no-repeat;
}

h2.filter span.icon {
      float: left;
      display: inline;
      color: #3c4b66;
      font-weight: bold;      
      width: 16px;
      height: 13px;
      background: url('../../assets/images/structure/page_icon.gif') left center no-repeat;
}

h3 { 
	font: bold 13px/19px Arial;
	padding: 0;
	margin: 2px 0;
	color: #222222;  
}

.halfSection h3 {clear: left;}

.halfSection h3.icon{clear: none;}

h4 { 
	font: oblique bold 13px/1.3 Arial;
	margin-bottom: 3px;
	color: #222222;  
}

h5 {
	font: bold 13px/1.3 Arial;
	margin: 5px 0;
	color: #9b3244;
}

h6 { 
	font: bold 11px/1.3 Arial;
	padding: 0;
	margin: 0;
	margin-bottom: 3px;
	color: #222222;  
}

img {
	border: 0;
	padding: 0;
}

/* for IE6, to solve disappearing img when floated next to a block level element */
* html img.floatLeft {position: relative;}
* html img.floatRight {position: relative;}

p img {padding: 2px; display: inline; vertical-align: middle;}

.articleImage {
	margin: 0 0 5px 5px;
}

fieldset, .columnSection { 
	border: 1px solid #9cd494;
	padding: 5px;
	margin: 0 0 10px 0;
	display: block;
}

#region6 .section .columnSection {margin: 0;}

.segmentSection {
	background: #9cd494 url('../../assets/images/structure/segment_gradient.jpg') top left repeat-y;
}

.segmentContainer {
	position: relative;
	margin-bottom: 10px;
	color: #fff;
}

.segmentTitle {
	line-height: 48px;
	height: 1%;
	padding: 0 10px;
	font-size: 27px;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
}

.aboutUs .segmentTitle {background: url('../images/NewaboutusTab5.gif') top left no-repeat;}
.business .segmentTitle {background: url('../images/NewbusinessTab5.gif') top left no-repeat;}
.personal .segmentTitle {background: url('../images/NewpersonalTab5.gif') top left no-repeat;}
.segmentTitle a, #languageBox a {color: #fff !important;}

.segmentContents {position: relative; height: 177px; color: #000;}
.segmentContents p {position: absolute; width: 160px;}
.aboutUs .segmentContents {background: url('../images/change image and remove this/AboutUsBoxBack.jpg') center center no-repeat;}
.aboutUs .segmentContents p {top: 15px; left: 132px;}
.business .segmentContents{background: url('../images/change image and remove this/BusinessBoxBack.jpg') center center no-repeat;}
.business .segmentContents p {top: 15px; left: 120px;}
.personal .segmentContents {background: url('../images/change image and remove this/PersonalBoxBack.jpg') center center no-repeat;}
.personal .segmentContents p {width: 260px; top: 15px; left: 25px;}

.columnSection .pad20Bottom {
	padding-bottom:20px;
}

#region1 .columnSection, #region1b .columnSection {overflow: hidden; margin: 10px 0; background: none;}

#region3Content fieldset.noPadding {margin: 0 0 10px;}

.columnSection, .toastBackground {background: #fff url('../../assets/images/structure/landing_gradient.gif') left bottom repeat-x;}

.columnFloat {float: left; width: 29%;}
.toastBackground {border: 1px solid #3c4b66; border-top: 4px solid #3c4b66;}

div#accordion fieldset {
	margin-bottom: 2px;
}

address {font-style: normal;}

/* ===@baseline - END */

/* Mast Head Styles */
	#mastHead {position: relative; height: 220px; background: url('../images/segment_main.jpg') top left no-repeat; overflow: hidden;}
	#mastheadform {position: relative; height: 409px; background: url('../images/formbkg.jpg') top left no-repeat; overflow: auto;}
	#mastheadsearch {position: relative; height: 409px; background: url('../images/searchbkg.jpg') top left no-repeat; overflow: auto;}
	#mastheadreceipt {position: relative; height: 409px; background: url('../images/receiptsbkg.jpg') top left no-repeat; overflow: hidden;}
	#mastHead .overview {position: absolute; width: 300px; top: 30px; left: 30px; color: #fff; font-size: 14px;}
	body.fr #mastHead .overview {top: 20px;}	
	#mastHead .overview h1 {color: #fff;}
	
	#mastHead #slider {
		position: absolute;
		height: 138px;
		top: 25px;
		right: -355px;
		width: 400px;
		background: transparent url('../../assets/images/structure/PricesPullTab.gif') top left no-repeat;
		padding-left: 13px;
	}		
	
	.Addingdws {
		position: absolute;
		font-size: 16px;
		left: 330px;
		bottom: 0px;
		align: bottom;
		font-weight: bold;
	} 
	#slider .contents {
		padding: 0;
		padding-left: 5px;
		padding-right: 5px;
		background: #fff;
		height: 100%;
		overflow: hidden;
	}

	#slider dl {display: block; position: relative; height: 30px; margin: 12px 0; padding: 0;}
	#slider dd.price {font-size: 11px; font-weight: bold; position: absolute; top: 14px; left: 0;}
	#slider dd {position: absolute; top: -5px; left: 40px; width: 350px;}
/* Mast Head Ends */

/* Marquee STARTS */
#marquee {
	display: block;
	clear: left;
	float: left;
	position: relative;
	width: 100%;
	margin: 10px 0;
	padding-bottom: 5px;
	z-index: 2000;
}

.regionMargin #marquee {margin: 0;}

#region6 #marquee {
	width: 710px;
}

#marquee .contents {margin-left: 0; padding: 0; margin-bottom: 10px;}
#marquee .toastHolder .contents {padding: 5px;}

.marqueeItem {float: left; width: 232px; padding-right: 7px;}

.last {
	float: right !important;
	padding-right: 0 !important;
	margin-right: 0 !important;
}

div.marqueeItem h2.sectionTitle, div.greyTitle h2.sectionTitle {
	color: #fff !important;
	line-height: 1.2;
	min-height: 100%;
	padding: 5px 0 5px 6px;
	background: #7f827f;	
}

* html div.marqueeItem h2.sectionTitle {height: auto;}
* html div.greyTitle h2.sectionTitle {height: auto;}

div.greyTitle h2.sectionTitle a, div.greyTitle h2.sectionTitle a:visited { color: #fff; }
/* Marquee ENDS */

/* Featured Items Vertical Tabs STARTS */

#verticalTabsSpotlight {
	display: inline-block;
	width: 708px;
	padding: 0;
	margin-top: 6px;
	border: 1px solid #3c4b66;
	background: #fff url('../../assets/images/structure/content_bg.gif') bottom left repeat-x; 	
	overflow: hidden;
}

#verticalTabsOptions {
	float: left;
	display: block;
	width: 169px;
	text-align: right;
	background-color: #6d788c;				
}

#verticalTabsOptions ul {padding: 0; margin: -1px 0; list-style-type: none;}

#verticalTabsOptions ul li {
	min-height: 35px;
	line-height: 35px;
	padding-right: 20px;
	font-weight: bold;
	color: #777;
	background: url('../../assets/images/structure/vert_tab.gif') top left no-repeat;
	overflow: hidden;
}

#verticalTabsOptions ul li.double-line {
	height: 44px;
	line-height: 17px;
	padding-top: 11px;
	background: url('../../assets/images/structure/vert_tab_dbl.gif') top left no-repeat;
}

#verticalTabsOptions ul li a:link {color: #777;}
#verticalTabsOptions ul li.active a:link {color: #444;}

#verticalTabsOptions ul li.double-line.active {
	color: #444;
	background: url('../../assets/images/structure/vert_tab_dbl_on.gif') top left no-repeat;	
}

#verticalTabsOptions ul li.active {
	color: #444;
	background: url('../../assets/images/structure/vert_tab_on.gif') top left no-repeat;	
}

* html #verticalTabsOptions ul li.double-line.actv {
	color: #444;
	background: url('../../assets/images/structure/vert_tab_dbl_on.gif') top left no-repeat;	
}

#verticalTabsOptions #miniBox {
	display: block;
	width: auto;
	padding: 10px;
	text-align: center;
}

#verticalTabsContent {
	display: block;
	width: 529px;
	float: left;	
}

#verticalTabsContent .halfSection {width: 48%; padding: 1%;}

#verticalTabsSpotlight #verticalTabsContent hr {
	padding: 0;
	margin: 2px 0;
	background-color: #ddd;
	color: #ddd;
}

#verticalTabsContent .tabContent {display: none;}
#verticalTabsContent .tabContent.active {display: block; border: none; padding: 10px; overflow: hidden;}

.tabContent li {clear: left;}

/* Featured Items Vertical Tabs ENDS */

/* ===@section container - START */
.section {
	display: block;
	margin-top: 2px;
	background-color: #fff;
	position: relative;
	z-index: 2000;
	zoom: 1;
}

.widthA {width: 49%;}
.widthB {width: 30%;}
.widthC {width: 65%;}
.widthD {width: 25%;}
.widthE {width: 74.5%;}

#region2 .section {margin: 5px 0;}

/* fix for proper margin's in ie6 */
div.tips div#nowYouCan.section, div.sectionGradient div#nowYouCan.section {position: static;}

#results.section {z-index: 1;}

div#accordion {overflow: hidden; margin-bottom: 3px;}
div#accordion .section {margin: 0; padding: 0;}

#region3 .signIn label {display: inline-block; width: 60px;}
.region3input {width: 150px;}

body.fr #region3 .signIn label {display: inline-block; width: 90px;}
body.fr .region3input {width: 120px;}

.region3Section, #topSearch .contents, .widget .contents {
	background-color: #fff;
	padding: 5px 7px;
	border: 1px solid #9cd494;
	border-top: none;	
} 

.region3SectionFooter, #topSearchFooter, .widgetFooter {
	display: block;
	text-align: right;
	padding: 0 10px;
	background: #fff url('../../assets/images/structure/silver_gradient.jpg') bottom left repeat-x;	
	border: 1px solid #9cd494;
	border-top: none;	
	border-bottom: 4px solid #3c4b66;
	width: 208px;
}

.signIn {position: relative;}
.signIn .region3Section {border-bottom: none;}

.signIn .region3SectionFooter {
	text-align: left;
	height: 70px;
}

* html .signIn .region3SectionFooter {float: right;}

#philaSign .region3SectionFooter {background: #fff url('../../assets/images/structure/signin_widget_phil_bt.jpg') top left no-repeat;}
#cpidSign .region3SectionFooter {background: #fff url('../../assets/images/structure/signin_widget_obc_bt.jpg') top left no-repeat;}
#epostSign .region3SectionFooter {background: #fff url('../../assets/images/structure/IMG00800.jpg') top left no-repeat;}
body.en #pscSign .region3SectionFooter {background: #fff url('../../assets/images/structure/signin_widget_postecs_bt_en.jpg') top left no-repeat;}
body.fr #pscSign .region3SectionFooter {background: #fff url('../../assets/images/structure/signin_widget_postecs_bt_fr.jpg') top left no-repeat;}

.signIn .region3SectionFooter p {
	padding: 15px 0 0 0;
}
/* ===@section container - END */

/* TOP SEARCHES ELEMENT START */

#topSearch {
	display: block;
	margin-bottom: 10px;
}

/* TOP SEARCHES ELEMENT END /*

/* ===@links - START */

/* General Link Classes START */

a {outline: none;}

a:link {
	text-decoration: none; 
	text-color: #000080;
}

a:visited {
	text-decoration: none;
	text-color: #000080;
}

a:hover {
	text-decoration: none; 
	background: #FFDEAD;
}

a.top {
	background: url('../../assets/images/structure/arrow_down.gif') right center no-repeat;
	padding-right: 16px;
}

a.noArrow, .noArrow {background: none !important; padding-right: 0 !important;}

.enlarge {
	background: url('../../assets/images/structure/enlarge_icon.gif') left top no-repeat;
	padding-left: 20px;
	padding-bottom: 1px;
}
/* General Link Classes END */

/* Region1 - Secondary Nav Link Classes START */
#region1 a:link, #region1b a:link {text-decoration : none;}

#region1 a:visited, #region1b a:visited {
	text-decoration: none;
	color: #325597
}

#region1 a:hover, #region1b a:hover {text-decoration: none;}
/* Region1 - Secondary Nav Link Classes END */

/* Region3 - Widget Column Link Classes START */
#region3 a:link, #region3 a:visited {text-decoration: none;}
#region3 a:hover {text-decoration: underline;}
/* Region3 - Widget Column Link Classes END */

/* cpid Link Classes START */
#cpid a {color: #222;}
#cpid a:link, #cpid a:visited {text-decoration: underline;}
#cpid a:hover {text-decoration: none;}
/* cpid Link Classes END */

/* h2 section title classes */
.sectionOpen a {color: #003366;}

/* header Link Classes START */
#header a, #findAnother ul.subNav a {
	font-weight: bold;
	color: #444;
}

#header .subNav a {display: block; width: 100%; font-weight: bold; color: #fff;}
#header .subNav a:hover {text-decoration: none;}
#header .subNav a:visited {color: #fff;}

#globalNavA a {font-weight: normal;}

#header ul.subNav li:hover, #header ul.subNav li.headerNavHover {background-color: #434343;}

#globalNavA #globalNavATabAboutUs ul.subNav li:hover, #globalNavA #globalNavATabAboutUs ul.subNav li.headerNavHover {background-color: #273363;}
#globalNavA #globalNavATabBusiness ul.subNav li:hover, #globalNavA #globalNavATabBusiness ul.subNav li.headerNavHover {background-color: #cc6600;}
#globalNavA #globalNavATabPersonal ul.subNav li:hover, #globalNavA #globalNavATabPersonal ul.subNav li.headerNavHover {background-color: #738309;}

#globalNavA a {color: #fff;}

th a:link, th a:visited, th a:active, th a:hover {color: #fff;}
th a:link, th a:visited {text-decoration: underline;}
th a:active, th a:hover {text-decoration: none;}
/* header Link Classes END */

/* footer Link Classes START */
#footer a {color: #444;}
tfoot a:link, tfoot a:active, tfoot a:hover, tfoot a:visited {color: #fff; font-weight: bold;}
/* footer Link Classes END */

/* ===@links - END */

/* ===@secondaryNavigation - START */
.nav, .nav li ul, .globalNav { 
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 12px;
}

.h2links .globalNav {
	font-size: 11px;
}

div#related ul.nav li.contents, div#resources ul.nav li.related, #libraryMenu h2 {
	font-weight: bold;	
	color: #fff;
	background: #999 url('../../assets/images/structure/corner.gif') top right no-repeat;
	border: none;
}

#libraryMenu h2 {margin: 0; padding: 5px;}

.nav li, .globalNav li {padding: 1px 5px 1px 12px;}
#header #globalNavA li {padding: 0;}
ul#fAnother.subNav li {padding: 5px;}

#f1 {padding: 0; text-align: right;}
#f1 li {text-align: left;}

#region1 ul, #region1b ul {margin: 0;}

#region1 ul.nav li, #region1b ul.nav li {
	background: #f5f5f5;
	line-height: 1.4;
	padding: 4px 5px; 
}

.nav #archive {
	display:none;
	visibility:hidden;
}

#region1 .nav li, #region1b .nav li {border-bottom: 1px dotted #9cd494;}
#region1 .nav li ul li, #region1b .nav li ul li {border-bottom: none;} /* no underline on secondary left nav items */

#header ul.subNav {
	width: 250px;
	font-size: 12px;
	background: transparent url('../../assets/images/structure/navigation.png') top left repeat-y;
}

#header ul.subNav li {
	padding: 3px;
	padding-left: 10px;
}

#header ul.subNav li ul {margin-left: 15px;}
#subNavPersonal, #subNavBusiness, #subNavAboutUs {top: 20px;}

.tab1 {left: 2px;}
.tab2 {left: 114px;}

#globalNavA ul.subNav {width: 150px; font-size: 12px;}
#globalNavA ul.subNav a {padding-left: 12px;}

ul.subNav {
	display: none;
	background-color:#9cd494;	
	position: absolute;
	top: 16px;	
	font-size: 11px;
	border: 1px solid #c0c0c0;
	line-height: 1.2;
	z-index: 11000;	
}

* html #header ul.subNav {background: none; background-color: #6b6b6b;}

#globalNavA #globalNavATabAboutUs ul.subNav {background: #1A4183;}
#globalNavA #globalNavATabBusiness ul.subNav {background: #F48E00;} 
#globalNavA #globalNavATabPersonal ul.subNav {background: #A5BE00;}
#globalNavA #globalNavATabAboutUs ul.subNav li, #globalNavA #globalNavATabBusiness ul.subNav li, #globalNavA #globalNavATabPersonal ul.subNav li {padding: 2px; text-align: left;}

ul.secondNav {
	position: absolute;	
	visibility: hidden;
	width: 200px;
	border: 1px solid #777;
	background: transparent url('../../assets/images/structure/navigation.png') top left repeat-y;	
	top: 1px;
	left: 232px;
	line-height: 1.2;
}

* html ul.secondNav {background: none; background-color: #6b6b6b; left: 222px;}

.indent {
	display: block;
	font-weight: normal !important;
	padding-left: 15px;
}

#findAnother ul.subNav, #moreLinks ul.subNav {background-color: #ccdce9;}

#globalNavD ul.subNav {left: 0;}
#globalNavE ul.subNav {right: 0;}
#findAnother.h2links ul.subNav {width: 200px; top: 17px; right: -21px;}
#region6 #findAnother.h2links ul.subNav {left: auto; right: -21px;}
li#moreLinks ul.subNav {width: 200px; top: 48px; left: 625px; z-index: 9000;}

#findAnother.h2links a {font-weight: bold;}
#findAnother ul#fAnother a {color: #3c4b66;}

li:hover ul.subNav, #dashboardTabs ul.toolMenu li#moreLinks:hover ul#more {display: block;}
ul.subNav li:hover ul.secondNav {visibility: visible;}

/* for ie6 */
li.fHover ul.subNav, #dashboardTabs ul.toolMenu li#moreLinks.tabHover ul#more {display: block;}
ul.subNav li.deepNav.headerNavHover ul.secondNav {visibility: visible;}

#globalNavA div:hover ul {display: block;}

.noListBullets {
	padding: 0;
	margin: 0 15px 0 0;
	list-style-type: none;
}

#footer ul, #footer ol {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
/* ===@secondaryNavigation - END */

/* ===@tables - START */

table caption {display: none;}
table {
	margin: 6px 0;
	font: 12px/1.3 Arial, Helvetica, sans-serif;
	background: #fff;
	border: 1px solid #9B3244; 	
	border-spacing: 0;
}

div.borderOutline table {border: none; margin: 0;}
.borderOutline input {margin: 0 !important; border-width: 1px; font-size: 11px;}
div.borderOutline {border: 1px solid #9B3244; float: left; min-height: 165px;}
* html div.borderOutline {height: 165px;}
div.borderOutline.grey {border-color: #9cd494;}

table.miniTable {
	border: none;
	font: 11px/1.3 Arial, Helvetica, sans-serif;	
}

table.miniTable td {border: 1px solid #444;}	

table.miniTable th {
	color: #444;
	background: #fff;
}
table.miniTabler {
	background: none;
	border: 1px solid #325597;
	border-collapse:collapse;
	font: 12px Arial, Helvetica, sans-serif;
	width:100%;	
}

table.miniTabler td {
	padding: 5px;
	border: 1px solid #325597 !important;
	}	


tr {vertical-align: top;}

table.chart tr {vertical-align: middle;}

tfoot td, thead th, tbody th {border: none;}

th, td {border-color: #f5f5f5 !important; border-collapse: collapse;}

td {border: 1px solid;}
table.noBorder td {border: none;}

table.halfPadding th {padding: 3px;}
	
th {
	padding: 10px 3px;
	text-align: left;
	vertical-align: top;
	color: #fff;
	background: #9B3244;
}

table.greyHeaders, table.weFound {border: 1px solid #9cd494;}
table.greyHeaders th, table.weFound th {background: #9cd494; color: #444;}

tfoot td {
	font-size: 11px;
	padding: 3px 8px;
	color: #fff;
	background: #9B3244;
}

.tableSubHeading {
	color: #9B3244;
	background: #ccc;
	font-weight:bold;
}

table td.bottomBorder {border-bottom: 1px solid #9B3244 !important;}
table th.bottomBorder {border-bottom: 1px solid;}
table tr.highlight td {background-color: #d0dee9; border-top: 1px solid #9B3244 !important;}

tr.sortable th a {display: inline-block; padding-right: 11px; background: url('../../assets/images/structure/sort_down.gif') right 7px no-repeat;}
.sortDown {background: url('../../assets/images/structure/sort_up.gif') right 7px no-repeat !important;}
.tableRed {color: #9B3244};

table.calendar {
	border: 3px solid #3c4b66;
	border-collapse:collapse;
}

table.calendar td {
	height: 70px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	padding: 3px 8px 3px 8px;
	border: 1px solid #9cd494 !important;
	width:100px;
}

table.calendar tr.dow td {
	height: 25px !important;
	color: #FFF;
	background: #3c4b66 url('../../assets/images/structure/tabs_bg.gif') top left repeat-x;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

table.calendar td.event{
	color: #325597;
	background: #f0f1f5;
}

table.calendar td.event p {
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	vertical-align: bottom;
}

/* ===@tables - END */

/* ===@definitionLists - START */

dl {margin-bottom: 1em; display: inline-block;}
dd {margin: 0; padding: 0;}
* html dd {display: inline-block;}

#searchResults dl dt a {font-weight: bold;}
#searchResults dl dd a {color: #006600;}
#searchResults dl dd a[href $='.pdf'] {background: none; padding-right: 0;}

div.imageTitleDesc dt {
	clear: left;
	float: left;
	padding: 0 10px 0 0;
}

div.imageTitleDesc dd {margin-left: 65px;}
div.imageTitleDesc dd img {margin-top: 10px;}
div.imageTitleDesc dl.thumb-95 dd {margin-left: 105px;}
div.imageTitleDesc dl.thumb-225 dd {margin-left: 235px;}
div#whereToBuy div.imageTitleDesc dl {display: inline-block; float: left; width: 50%;}
div#whereToBuy div.imageTitleDesc dd {margin-left: 40px;}

div.imageTitleDesc dl dd.title, div.imageTitleFeatured dl dd.title {font-weight: bold;}
div.imageTitleDesc dt dd.small {font-size: smaller;	font-weight: bold;}

div.imageTitleDesc dl dd span, div.imageTitleFeatured dl dd span {
	display: block;
	font-size:12px;
	color: #325597;
}

div.imageTitleFeatured dt {text-align: center;}
/* ===@definitionLists - START */

/* ===@popUpContainers - START */

.popUpContainer { 
	display: none;
	position: absolute;
	left: 200px;
	top: 250px;
	min-width: 528px;
	margin-left: 0.5em;
	margin-top: 0.5em;
	background: #fff;
	padding: 2em;
	border: 1px solid #c0c0c0;
	z-index: 100001;	
} 

* html .popUpContainer {width: 528px;}

.popUpContent { 
	color: #222;
	text-align: center;
}

.popUpContent.closeUp img {padding: 10px;}

.closePopup {
	position: absolute;	
	right: 5%;
	top: 15px;
	font-weight: bold; 
	cursor: pointer; 
}

.closePopup .closeIcon {
	display: inline-block;
	padding-right: 15px;
	background: url('../../assets/images/structure/close.gif') center right no-repeat;
}

.closePopup img {display: inline; vertical-align: bottom;}

#headerPopupNav .closePopup {
	right: 8px;
	top: 6px;
	height: 100%;
	font-weight: normal; 
}

.productSpec {
	position: absolute;
	color: #9b3244;
	font-weight: bold;
	top: 15px;
	left: 5%;
	padding: 0;
	margin: 0;
}
/* ===@popUpContainers - END */

/* ===@dashBanner - All dash banner and dash banner container styles START */
#dashBannerContainer {
	display: none;
	margin: 0;
	width: 708px;
	overflow: hidden;
	clear: both;
}

.toolBorder #dashBannerContainer {margin: 0 0 6px -4px;}

* html .toolBorder #dashBannerContainer {
	margin-left: -4px;
	margin-right: -4px;
	margin-bottom: 6px;
	width: 708px;
}	

#dashBannerContainer fieldset, fieldset.noMargin, #nowYouCan fieldset {margin: 0;}

#dashBanner {display: none;}

#dashBannerControls {
	text-align: right;
	word-spacing: 6px;
	margin-top: 2px;
	padding: 1px 10px;
	background: #ccdce9;
	
}
/* ===@dashBanner - END */
.banner {margin-bottom: 5px;}
#main div div .banner {margin-left: 0;}
#region3 .banner, #main div .banner {margin-left: 5px;}
* html .banner {display: inline;}
* html .banner.hidden {display: none;}

/* to organize */

.toolBorder {
	border: 1px solid #3c4b66;
	border-bottom: 5px solid #3c4b66;
}

.tips, .sectionGradient {
	float: right;
	display: block;
	width: 240px;
	min-height: 125px;
	font-size: 11px;
	color: #464646;
	background: url('../../assets/images/structure/tooltip_gradient.jpg') left top repeat-x;
	padding: 10px;
}

table td .sectionGradient {width: 190px;}
* html .tips, * html .sectionGradient {height: 125px;}

.sectionBorder div.tips, .sectionBorder div.sectionGradient {
	margin-top: -5px;
	margin-right: -5px;
}

#main td div.tips, #main td div.sectionGradient {
	margin-top: -10px;
	margin-right: -10px;
}

#results div.sectionGradient {margin-right: -5px;}

.tips h3 {color: #666;}

#about, .dialog {
	width: 400px;
	display: none;
	position: absolute; 
	z-index: 10000;	
	color: #444;
	top: 70px;
	right: 62px;
	border: 1px solid #444;
}

.dialog {width: 525px;}

/* specific placement of the MMA dialog layer */
#mmaLayer.dialog {top: 3px; right: 225px;}

#aboutHeader, .dialogHeader {
	display: block;
	padding: 6px;
	background: #3c4b66;		
}

#aboutHeader h3, .dialogHeader h3 {
	float: left;
	color: #fff;
}

.closeLayer {
	display: inline-block;
	background: url('../../assets/images/structure/fl_close-en.gif') right 3px no-repeat;
	cursor: pointer;
	width: 52px;
	height: 20px;
	margin: 0;
	padding: 0;
}

.closeImageEN{
	display: inline-block;
	background: url('../../assets/images/structure/fl_close-en.gif') right 3px no-repeat;
	cursor: pointer;
	width: 52px;
	height: 20px;
	margin: 0;
	padding: 0;
}

.closeImageFR{
	display: inline-block;
	background: url('../../assets/images/structure/fl_close-fr.gif') right 3px no-repeat;
	cursor: pointer;
	width: 52px;
	height: 20px;
	margin: 0;
	padding: 0;
}

body.fr .closeLayer {background: url('../../assets/images/structure/fl_close-fr.gif') right 3px no-repeat;}

#about .closeLayer, .dialog .closeLayer {display: block; width: auto;} 

#aboutContent, .dialogContent {
	padding: 6px;
	background: #ccdce9;	
	word-wrap: break-word;
	overflow: hidden;	
}

.dialogContent {background: #fff; margin: 0 auto;}

.accordionSectionContents, .sectionContents {
	width: 428px;
	overflow: hidden;
}

#cpidBlock .sectionBorder {display: block; padding: 0;}
#cpidBlock .sectionForm {float: right; width: 249px; padding: 5px;}
#cpidBlock .sectionContents {width: 424px; min-height: 220px; background: #fff url('../../assets/images/structure/tooltip_gradient.jpg') top left repeat-x;}
* html #cpidBlock .sectionContents {height: 220px; overflow: visible;}

#region6 .accordionSectionContents {width: 666px;}

#popUpWrapper .accordionSectionContents, #popUpWrapper .sectionContents {width: 336px;}

.accordionSection {padding: 0;}

/* directly after an h2, apply no margin to the sectionBorder div */ 
h2 + div.sectionBorder, div.elegantTitle + div.sectionBorder, div#accordion > div.sectionBorder, div.accordionSection > div.sectionBorder:first-child, h2 + .h2links + div.sectionBorder {
	margin: 0;
	border-top: none;
}

/* half section rules */
.halfSection {
	position: relative;
	width: 49%;
	overflow: hidden;
}	

.halfSection .section {margin-bottom: 10px;}
#region6 .halfSection {margin: 5px 0 0 0;}

/* for ie6, since buggy when floating while relative */
* html .halfSection {position: static;}

div#nowYouCan div.halfSection {width: 49%;}

.botRight {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

* html .halfSection .botRight {
	position: static;
	float: right;
}

.halfSection h1 {margin-bottom: 5px;}
.halfSection img {margin-right: 5px;}

.tabs .halfSection img + p {margin: 0;}
.tabs h3 img {margin: 0 5px 5px 0;}

/* half section rules end */

.sectionBorder {
	display: block;
	margin-top: 2px;
	background-color: #fff;
	padding: 5px;
	border: 1px solid #9cd494;
	overflow: hidden;
	zoom: 1;
}
.regionMargin .sectionBorder {overflow: visible;}
.accordionSection .sectionBorder {padding-right: 0;}
.sectionTitle .sectionBorder {border-top: none;}

.h2links {
	position: absolute;
	top: 2px;
	right: 10px;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;	
}

/* for ie6 placement */
* html .h2links {right: 15px;}

p.h2links {margin: 3px 0;}

#findAnother.h2links {
	top: 5px;
	padding-top: 2px;	
	padding-right: 15px;
	height: 23px;
	color: #444;
	background: url('../../assets/images/structure/find_arrow.gif') right 8px no-repeat;
}

.h2links.expand {
	top: 4px;
	width: 46px;
	height: 16px;
	background: url('../../assets/images/structure/expand-e.gif') left top no-repeat;
	margin: 4px 0;
}

body.fr .h2links.expand {width: 53px; background: url('../../assets/images/structure/expand-f.gif') left top no-repeat;}

h2links.collapse {background: none;}

code.required {
	display: -moz-inline-box; /* for FF 2 */
	display: inline-block; 
	width: 7px; 
	background: url('../../assets/images/structure/required_star.gif') center left no-repeat;
	zoom: 1;
	vertical-align: text-top; 
}

code.help {
	display: -moz-inline-box; /* for FF 2 */
	display: inline-block; 
	width: 14px; 
	background: url('../../assets/images/structure/help_icon.gif') top left no-repeat;
	zoom: 1;
	vertical-align: text-top; 
}

code.using {
	display: -moz-inline-box; /* for FF 2 */
	display: inline-block; 
	width: 17px; 
	background: url('../../assets/images/structure/using_icon.gif') top left no-repeat;
	zoom: 1;
	vertical-align: text-top; 
}

code.print {
	display: -moz-inline-box; /* for FF 2 */
	display: inline-block; 
	width: 18px; 
	background: url('../../assets/images/structure/printer_icon.gif') top left no-repeat;
	zoom: 1;
	vertical-align: text-top; 
}

.required span, .help span, .using span, .print span, div.msgErr code span, div.msgSuccess code span, div.msgInfo code span, div.msgWarning code span, label.error span { 
	display: inline-block; 
	text-indent: -9999px;
	line-height: 15px; 
	cursor: pointer; 
}

#emailResultsLayer {
	display: none;
	margin: 5px 0;
	padding: 5px;
}

#emailResults {display: none;}

/* Form Styles */
form {padding: 0; margin: 0;}
.formEl {padding-right: 25px;}
.formElShort {padding-right: 10px;}

.trackNumbers {
	position: relative;
	display: block;
	left: 15px;
}

table.weFound {
	border-collapse: separate;
	font-size: 11px;
	width: 590px;
	margin: 0;
	padding: 0;
}

#region6 table.weFound {margin-top: 5px; width: 830px;}

#calFromContainer, #calToContainer {
	position: absolute;
	top: 5px;
	left: 50px;
	z-index: 2000;
}	

textarea {min-width: 300px; resize: none;}

.space5 {padding-left: 5px;}	
.space5r {padding-right: 5px;}	
.space10 {padding-left: 10px;}	
.space10r {padding-right: 10px;}	
.space20 {padding-left: 20px;}	
.space20r {padding-right: 20px;}	
.space5b {padding-bottom: 5px;}
.space10b {padding-bottom: 10px;}

.moneyFormat {text-align: right;}

.farResultDetail {float: right;	width: 534px; position: relative;}	

.optionsArrow {
	position: absolute;
	top: 53px;
	left: 257px;
	display: block;
	height: 100px; 
	width: 20px; 
	background:url('../../assets/images/structure/options_arrow.gif') left top no-repeat;
}

/* PRINT LABEL STYLES START */
#printLabel {display: block; width: 428px; margin: 5px 0;}

#printLabelTop {
	display: block;
	height: 11px;
	background: url('../../assets/images/structure/top_window.jpg') left bottom no-repeat;
}

#printLabelContent {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding: 0 5px;
}

#printLabelBottom {
	display: block;
	height: 11px;
	background: url('../../assets/images/structure/bottom_window.jpg') left top no-repeat;	
}
/* PRINT LABEL STYLES END */

/* POSTAGE MIDGET STYLES START */
#postageMidget { 
	display: block;
	height: 58px;
	padding: 3px 3px;
	background: url('../../assets/images/structure/midget_bg.gif') top left repeat-x;	
}

#postageMidget img {vertical-align: middle;}

#postageMidget ul {
	width: 100%;
	list-style-type: none;
	padding: 0;
	margin: 10px 0;
}

#postageMidget ul li {font-weight: bold; float: left; width: 76px; text-align: center;}

#postageMidget h6.floatRight {font-weight: normal;}
/* POSTAGE MIDGET STYLES END */

/* SOLUTIONS PANEL STYLES START */
#solutionsPanel { 
	display: block;
	padding: 5px 5px 0 5px;
	margin: 0 0 10px 0;	
	background: #eee url('../../assets/images/structure/sol_panel_gradient.jpg') top left repeat-x;	
	border-bottom: 1px solid #9cd494;	
}

#solutionsPanel div.contents {
	display: block;
	background-color: #fff;
	padding: 5px;
}

#solutionsPanel h6 {color: #fff; font-size: 15px;}
#solutionsPanel h6 a {color: #fff;}

.solutionsPanelFooter {text-align: right;}
/* SOLUTIONS PANEL STYLES END */

#main input[type="submit"], #main input[type="image"] {margin-top: 3px; vertical-align: middle;}

#main input {margin: 2px 0; padding: 0; vertical-align: middle;}
select {margin-top: 3px; margin-bottom: 5px;}

p input {vertical-align: middle;}

.serp {
	font-family: "Courier New", Courier, monospace;
	text-transform: uppercase;
	font-size: 15px;
}

/* Other Library Styles STARTS */ 
#library {margin-top: 15px;}

#library h5 {
	padding-bottom: 2px;
	border-bottom: 2px solid #9B3244;
}

#library li {
	font-size: 11px;
	list-style-type: square;
	list-style-image: url('../../assets/images/structure/red_arrow.gif');
	margin-bottom: 10px;
}
/* Other Library Styles ENDS */ 

/* Spotlight Item Styles STARTS */

#spotLightItem {
	display: block;
	padding: 2px 15px 0 15px;
	background: #fff url('../../assets/images/structure/feature_gradient.jpg') bottom left repeat-x;
	border: 1px solid #9cd494;
	overflow: hidden;
}	

* html #spotLightItem .contents {display: inline-block;}

#spotLightItem.r2 {display: none;}

#region2 #spotLightItem {margin: 0 0 5px;}

.miniSpotContainer {
	margin: 5px 0;
	width: 100%;
}

* html .miniSpotContainer {overflow: hidden;}

.miniSpotLight {
	position: relative;
	float: left;
	background: #fff url('../../assets/images/structure/feature_gradient.jpg') bottom left repeat-x;
	border: 1px solid #9cd494;
	margin-right: 1px;
	overflow: hidden;
}		

.miniSpotContainer.noBorder .miniSpotLight {border: none; min-height: 0; margin-right: 4px;}
* html .miniSpotContainer.noBorder .miniSpotLight {height: 1%;}

.miniSpotContainer.col4 .miniSpotLight {width: 175px;}
.miniSpotContainer.col3 .miniSpotLight {width: 234px;}
.miniSpotContainer.col2 .miniSpotLight {width: 353px;}

.miniSpotLight .contents {overflow: hidden;}
.miniSpotImg {width: 100%; text-align: center;}

#spotLightItem h3 {font-size: 14px;}

#spotLightItem div.contents {padding: 5px 0;}

#spotLightItem img {float: left; max-width: 120px; margin-right: 20px;}
#spotLightItem ul {float: left;	padding-left: 0;}

/* when img adjacent with ul, limit ul to 330px */
#spotLightItem .contents img + ul {width: 330px;}

/* for ie6, fake adjacent selector */
* html #spotLightItem .contents img * {width: 330px;}

#spotLightItem li {
	list-style-type: none;
	font-weight: bold;
	background: url('../../assets/images/structure/checked_box.gif') top left no-repeat;
	padding-left: 25px;
}
/* SPOTLIGHT STYLES END */

/* Thickbox styles */
.anchor {
	clear:both;
	display:none;
	margin-bottom:20px;
	width:100%;
/*	color:#FFFFFF; */
	text-align:left;
	z-index: -5;
	background: #9cd494;
}

/* SIDEBAR STYLES START */
.sideBar {
	width: 503px;
	color: #666;
	display: block;
	margin: 5px 0;
	padding: 5px;
	background: #f3f3f3;
	border: 1px solid #9cd494;	
}

#region4 .sideBar {width: 740px;}

.sideBar h1 {color: #325597;}

/* SIDEBAR STYLES END */

/* GREEN/BLUE TIP STYLES START */
.tip {
	display: block;
	height: 105px;
	color: #444;
	margin: 6px 0;
	overflow: hidden;
}

* html .tip {height: 110px;}

.tip fieldset, .tabs fieldset, .sideBar fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

.tip.blue fieldset {background: url('../../assets/images/structure/tip_left.gif') top left no-repeat;}
.tip.green fieldset {background: url('../../assets/images/structure/tip_green_left.gif') top left no-repeat;}

.tipContent p {margin: 0 100px 0 0;}

.tipContent {
	display: table-cell;
	vertical-align: middle;
	height: 105px;	
	padding: 0 10px;
}

.tip.blue .tipContent {background: url('../../assets/images/structure/tip_right.gif') top right no-repeat;}
body.fr .tip.blue .tipContent {background: url('../../assets/images/structure/tip_right_fr.gif') top right no-repeat;} /* french version */

.tip.green .tipContent {background: url('../../assets/images/structure/tip_green_right.gif') top right no-repeat;}
body.fr .tip.green .tipContent {background: url('../../assets/images/structure/tip_green_right_fr.gif') top right no-repeat;}

.tip.blue {background: url('../../assets/images/structure/tip_bg.gif') top left repeat-x;}
.tip.green {background: url('../../assets/images/structure/tip_green_bg.gif') top left repeat-x;}
/* GREEN/BLUE TIP STYLES END */

.tabs {margin: 10px 0 10px 0;}
.sectionBorder .tabs {margin: 0;}

.tabs ul.topMenu {
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #9cd494;
	padding: 0 0 31px 0;
}

.tabs ul.topMenu li	{
	float: left;
	text-align: center;
	line-height: 32px;
	font-weight: bold;
}

.tabs li.tabVariable {
	display: inline;
	background: url('../../assets/images/structure/tabs_2_02.jpg') top right no-repeat;
	margin-right: 1px;	
	padding-right: 2px;
	z-index: 1;	
}

.tabs li.tabNotSure {
	display: inline-block;
	margin-left: 10px;	
	padding-right: 2px;
	z-index: 1;	
}

.tabs li.tabVariable.active {background: url('../../assets/images/structure/tabs_1_02.jpg') top right no-repeat; border-color: #fff;}

.tabs li.tabVariable a {
	float: left;
	background: url('../../assets/images/structure/tabs_2_01.jpg') top left no-repeat;
	padding: 0 3px 0 5px;
}

.tabs li.tabVariable.active a {
	background: url('../../assets/images/structure/tabs_1_01.jpg') top left no-repeat;
	border-bottom: 1px solid #fff;
	padding-right: 4px;
}

.tabContent {
	clear: both;
	display: block;
	padding: 8px;
	border: 1px solid #9cd494;
	border-top: none;
	margin-top: -2px;
	height: 1%;
}

.tabContent h1 {margin-bottom: 20px;}

a.doubleDashed:link, a.doubleDashed:active, a.doubleDashed:visited {border-bottom: 2px dashed #9cd494;}
a.doubleDashed:hover {border-bottom: 2px dashed #325597; text-decoration: none;}

.toolTip {
	display: none;
	position: absolute;
	width: 223px;
	background-color: #fff;
	left: 5px;
	z-index: 1000;
}

.toolTipContent {
	padding: 5px;
	border: 1px solid #9cd494;
	border-top: none;
	overflow: hidden;
}

.closeTip {
	display: block;
	position: relative;
	height: 20px;
	background: #444 url('../../assets/images/structure/corner.gif') top right no-repeat;
}

.closeTip span.closeIcon {
	position: absolute;
	right: 5px;
	top: 4px;
	display: block;
	height: 12px;
	width: 12px;
	background: url('../../assets/images/structure/close.gif') center right no-repeat;
	cursor: pointer;
}

q {
	display: block;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	quotes: '"';
}	

#skipNav {display: none;}
.basicOnly, .printOnly, .hidden {display: none;}

#expandableTree {float: left; width: 270px; overflow: hidden;}
#expandableTree ul {list-style-type: none; padding-left: 0; margin-left: 5px;}
#expandableTree li {padding-top: 5px; padding-left: 15px;}

#expandableTree li.treeOpen {padding-left: 15px; background: url('../../assets/images/structure/plus_tree.gif') left 10px no-repeat;}
#expandableTree li.treeClose {padding-left: 15px; background: url('../../assets/images/structure/minus_tree.gif') left 8px no-repeat;}

#viewport {display: block; position: relative; float: right; width: 640px;}

.imageCaption {font-size: 11px; color: #666;}
.imageCaption p {padding: 0;}

.roundplus {padding-left: 15px; background: url('../../assets/images/structure/blu_plus_icon.gif') left 3px no-repeat;}
/* Library Menu's */
#libraryMenu h3 {
	background:transparent url('../../assets/images/structure/silver_gradient_tall.jpg') left top repeat;
	border-color:#9cd494;
	font-weight:bold;
	border:1px solid #9cd494;
	padding-left:28px;	
	margin-bottom: 0;
}

#libraryMenu h3 span.icon {display: inline-block; width: 10px; height: 10px; padding-left: 8px; margin-left: -20px; background: url('../../assets/images/structure/plus_tree.gif') left center no-repeat; cursor: pointer;}
#libraryMenu h3.active span.icon {display: inline-block; width: 10px; height: 10px; padding-left: 8px; background: url('../../assets/images/structure/minus_tree.gif') left center no-repeat; cursor: pointer;}

#libraryMenu ul {padding-left: 24px;}

#libraryMenu .subCat {display: none; border: 1px solid #9cd494; border-top: none; background: #d4d7dd url('../../assets/images/structure/content_bg.gif') top left repeat-x;}
/* Library Menu's End */

/* PREVIOUSLY SCRAPED STYLES */
.catalogItem {
	position: relative;
	background: #fff;
	border: 1px solid #d3e47c;
	float: left;
	margin-top: 2px;
	padding: 3px;
	width: 225px;
}

.catalogItemTitle {
	display: block;
	background: #f5f5e0;
	border-bottom: 1px solid #e7f1cf;
	font-weight: bold;
	padding: 4px 5px;
	text-align: center;
}

.catalogImage {
	margin: 5px 0;
	text-align: center;
}

* html .catalogImage {height: 135px;}

.catalogDescription {
	background: #fff;
	min-height: 70px;
	margin: 5px 0;
	padding: 0 5px;
}

* html .catalogDescription {min-height: 70px;}

.catalogItemSpace {
	position: relative;
	background: #fff;
	border: 1px solid #D3E47C;
	float: left;
	margin-left: 19px;
	margin-top: 2px;
	padding: 3px;
	width: 225px;
}

#languageBox {
	position: relative;
	border: 8px solid #9cd494;
	padding: 3px;
	margin: 50px auto;
	width: 607px;
}

#languageBox img {display: block;}
#languageBox p img {display: inline;}

#languageBox h1 {
	float:left;
	width: 302px;
	margin-top: 3px;
	font-size: 25px;
	color: #fff;
	text-align:center;
	background: url('../../assets/images/structure/buttonBackGrey.jpg') left top no-repeat;
	line-height: 48px;
}

#languageBox .outsideRight {
	position: absolute;
	bottom: -40px;
	right: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* TTM / TTC STYLES */
.swirl {
	display: block;
	height: 680px;
	background: #fff url('../../assets/images/structure/swirl_bg.jpg') top left no-repeat;
	overflow: hidden;
}

.swirl h1.title {
	text-indent: -50000em;
	background: url('../../assets/images/structure/header_en.png') top left no-repeat;
	line-height: 52px;
}

.swirl.french h1.title {background: url('../../assets/images/structure/header_fr.png') top left no-repeat;}

.swirl li {margin: 10px auto;}

#preview {
  	position: relative;
	display: block;
	width: 359px;
	height: 516px;
	margin: 5px 0 0 5px;
	float: left;
}

#preview img {
	position: absolute;
	top: 0;
	left: 0;
}

.swirl #content {
	width: 580px;
	float: left;
	margin: 5px 0 !important;
}

.swirl .columnSection {padding: 15px;}
.swirl .columnSection h2 {margin-top: 0;}

#pageNavigation {display: inline-block;}
#pageNavigation div {float: left; width: 145px; text-align: center;}

/* Password Meter Plugin */
.testresult{
      width: 100px;
      font-weight: bold;
      font-size:13px;
      font-family: arial,helvetica,san-serif;
      color:#666;
      padding:0px 0px 0px 0px;
      margin:10px 0px 0px 0px;
      display: block;
      height:10px;
      float:left;
}
.testresult span{
      padding:10px 10px 12px 10px;
      margin: 0px 0px 0px 20px;
      display:block;
      float:right;
      white-space: nowrap;
}

.nonePass {
      background:url(../../assets/images/cpid/passStrength/none.png) no-repeat 0 0;
}
.shortPass{
      background:url(../../assets/images/cpid/passStrength/weak.png) no-repeat 0 0;
}
.badPass{
      background:url(../../assets/images/cpid/passStrength/bad.png) no-repeat 0 0;
}
.goodPass{
      background:url(../../assets/images/cpid/passStrength/good.png) no-repeat 0 0;
}
.strongPass{
      background:url(../../assets/images/cpid/passStrength/strong.png) no-repeat 0 0;
}