/* for ie6 and ie7 to vertically align properly the dashtabs, as they don't understand display: table and display: table-cell */
#wrapper {margin: 0;}

.row form .row { margin: 0 -6px; }
.row form .row .column, .row form .row .columns { padding: 0 6px; }
.row form .row.collapse { margin: 0; }
.row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; }

.row { width: 100%; max-width: 1000px; min-width: 768px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row.collapse .column, .row.collapse .columns { padding: 0; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row .row.collapse { margin: 0; }

/* Nicolas Gallagher's micro clearfix */
.row { *zoom: 1; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }

.reveal-modal .row { min-width: 0; margin-bottom: 10px; }

#wrapper.segment #dashboardTabs li h1, #wrapper.segment #dashboardTabs li h2 {display: inline-block; height: 100%;}

#wrapper.segment #dashboardTabs li h1 a, #wrapper.segment #dashboardTabs li h2 a {display: inline-block;}

#wrapper.segment #dashboardTabs li span.ieold {
	display: inline-block;
    height: 100%;
  	vertical-align: middle;
} 

#header {position: relative !important;}

.twelve.icons {
	height: 55px;
	height: 30px\9;	
	display: block;	
	padding-right: 25px;	 
}

.no-ie8compat .top-bar ul li a { color: #333333; display: block; font-weight: normal; font-size: 16px; height: 45px; line-height: 45px; padding: 0 11px; }.no-ie8compat .top-bar ul li.name a{padding: 0;}.no-ie8compat .top-bar ul li a.button { height: auto; line-height: 30px; margin-top: 7px; }.no-ie8compat .top-bar ul li a img { margin-top: -5px; vertical-align: middle; }.no-ie8compat .top-bar section > ul > li a:hover, .no-ie8compat .top-bar section > ul > li a:focus { color: #087CC0; }.no-ie8compat .top-bar section > ul > li:hover, .no-ie8compat .top-bar section > ul > li:focus { background: #f3f3f3; }.no-ie8compat .top-bar section > ul > li.search:hover, .no-ie8compat .top-bar section > ul > li.search:focus, .no-ie8compat .top-bar section > ul > li.has-button:hover, .no-ie8compat .top-bar section > ul > li.has-button:focus { background: #f3f3f3; }
.no-ie8compat .top-bar-section > ul > li.active { background: #f3f3f3; color: #087CC0; }.no-ie8compat .top-bar ul li.has-dropdown{padding-right:0;}.no-ie8compat .top-bar ul li.has-dropdown>ul li{padding-right: 0;}
.no-ie8compat .top-bar-section .has-dropdown > a {padding-right: 10px !important;}

.top-bar ul > li.has-dropdown a { padding-right: 10px; background: url('/assets/img/icons/nav-arrows-6x6-hover.gif') right 24px no-repeat; }
.top-bar ul > li.has-dropdown a:after { content: ""; display: none; width: 0; height: 0; margin-right: 0; margin-top: 0; position: absolute; right: 0; top: 50%; }
.top-bar ul > li.has-dropdown .dropdown { background: #fff; left: 0; right: auto !important; margin: 0; padding: 0; position: absolute; visibility: hidden; z-index: 99; }
.top-bar ul > li.has-dropdown .dropdown li { background: #f3f3f3; line-height: 45px; height: 45px; min-width: 100%; padding-bottom: 0; padding-right: 15px; border: 1px solid #dadada; border-top: none; }
.top-bar ul > li.has-dropdown .dropdown li a { color: #333; background: #fff url('/assets/img/icons/Arrow2_Right_actual_off.gif') 93% center no-repeat; font-size: 14px; font-weight: normal; height: 100%; line-height: 45px; padding: 0 34px 0 15px; white-space: nowrap; }
.top-bar ul > li.has-dropdown .dropdown li a:hover { background: #fff url('/assets/img/icons/Arrow2_Right_actual_on.gif') 93% center no-repeat;}
.top-bar ul > li.has-dropdown .dropdown li.deep a {padding-left: 30px;}
.top-bar ul > li.has-dropdown .dropdown li a:after { border: none; }
.top-bar ul > li.has-dropdown:hover a, .top-bar ul > li.has-dropdown li a:hover, .top-bar ul > li.has-dropdown li a:focus {color: #087CC0;}
.top-bar ul > li.has-dropdown .dropdown li a:hover, .top-bar ul > li.has-dropdown .dropdown li a:focus { background: #eaeff4 url('/assets/img/icons/Arrow2_Right_actual_on.gif') 93% center no-repeat; color: #087CC0; }
.top-bar ul > li.has-dropdown .dropdown li:last-child { padding-bottom: 0; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a { padding-right: 15px; background: #fff url('/assets/img/icons/open-13x13.gif') 93% center no-repeat; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover > a { background: url('/assets/img/icons/close-13x13.gif') 93% center no-repeat; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown { position: absolute; left: 100%; top: 44px; }
.top-bar ul.right .has-dropdown .dropdown li.has-dropdown > .dropdown {left: 0 !important;}
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover > .dropdown, .top-bar ul > li.has-dropdown .dropdown li.has-dropdown:focus > .dropdown { display: block; }

.search .search_mag {width: 8.33%; text-align: right; line-height: 1; margin-top: 10px; padding-right: 20px;}
.search_mag img {width: auto; height: auto; padding-right: 15px;}

ul.footer-icons a.facebook {
   background: transparent url('/assets/img/icons/facebook_footer_actual.gif') 0 0 no-repeat;
   width: 11px;
   height: 19px;
}

ul.footer-icons a.linkedin {
   background: transparent url('/assets/img/icons/linkedin_footer_actual.gif') 0 0 no-repeat;	
   width: 18px;
   height: 19px;
}

ul.footer-icons a.twitter {
   background: transparent url('/assets/img/icons/twitter_footer_actual.gif') 0 0 no-repeat;	
   width: 19px;
   height: 16px;
}

.en #header a.languagetoggle, .en #header span.languagetoggle {
	/*background: url('/assets/img/icons/header-fr.gif') 0 0 no-repeat;
 	background-size: 21px auto;*/
}

.fr #header a.languagetoggle, .fr #header span.languagetoggle {
	background: url('/assets/img/icons/header-en.gif') 0 0 no-repeat;
	background-size: 21px auto;			 
}

#header a.shoppingcart {
   background: transparent url('/assets/img/icons/shoppingcart.gif') no-repeat 0 0;	
   width: 29px;
   height: 20px;
   margin: 18px 0 0 12px;
   height: 20px;   		
}

#header a.account {
   /*background: transparent url('/assets/img/icons/account.gif') no-repeat 0 0;*/
   margin-top: 16px;
   width: 21px;
   height: 22px;			
}

#header .top-bar-section ul li > a.magnify-glass {
	 background: #f3f3f3 url('/assets/img/icons/magnify-glass.gif') center 0 no-repeat !important;
	 background-size: 20px 20px !important;
	 margin-top: 12px;
     width: 20px;
     height: 20px;
}

.top-bar-section ul li > a.magnify-glass:hover, span.magnify-glass:hover, .arrow_box a.magnify-glass {
	background-position: center -20px !important;	
} 	

.arrow_box:before {bottom: -44px;}
.arrow_box:after {bottom: -45px;}

.en a.languagetoggle:hover, .en span.languagetoggle:hover, .fr a.languagetoggle:hover, .fr span.languagetoggle:hover {
 background-position: 0 -13px;
} 		

a.shoppingcart:hover {
	background-position: 0 -20px;
}

a.account:hover {
	background-position: 0  -19px;
}

ul.footer-icons a.facebook:hover, ul.footer-icons a.linkedin:hover {
   background-position: 0 -19px;
}

ul.footer-icons a.twitter:hover {
	background-position: 0 -16px;
}

#header .search input {
  font-size: 1.625em;
  height: 1.875em;
  margin-bottom: 0.063em;
  margin-top: 0.063em;
  padding: 0.250em;
}

.icons ul {margin: 0;}
.icons ul li {height:55px;}

#topSiteMessageWrapper {
	position: relative;
}

#topSiteMessageWrapper div.msgWarning code span {
	background: url(/assets/img/icons/yellow_alert.gif) no-repeat scroll 0 0;	
	width: 24px;
	height: 24px;
}

#topSiteMessageWrapper div.msgError code span {
	background: url(/assets/img/icons/error_alert.gif) no-repeat scroll 0 0;	
	width: 24px;
	height: 24px;	
}

#topSiteMessageWrapper div.msgInfo code span {
	background: url(/assets/img/icons/info_alert.gif) no-repeat scroll 0 0;	
	width: 24px;
	height: 24px;
}

#topSiteMessageWrapper div.msgSuccess code span {
	background: url(/assets/img/icons/success_alert.gif) no-repeat scroll 0 0;	
	width: 24px;
	height: 24px;
}

#topSiteMessageWrapper div.msgPreout.warning code span {
	background: url(/assets/img/icons/outage_alert_yellow_icon.png) no-repeat scroll 0 0;	
	width: 36px;
	height: 36px;
}

#topSiteMessageWrapper .alert-box p {margin-right: 44px;}

#errorpage .button {padding:10px 20px;}