@font-face {
  font-family: 'MyriadProLightSemiCn';
  src: url("../fonts/MyriadPro-LightSemiCn.otf") format("opentype");
}

@font-face {
  font-family: 'MyriadProSemiboldSemiCn';
  src: url("../fonts/MyriadPro-SemiboldSemiCn.otf") format("opentype");
}

body {
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
}

/** {
  border: 1px dotted fuchsia;
}*/

#body-wrap{
    font-size: 1.4em;
    max-width: 960px;
    width: 100%;
    margin: 0 auto;}


  #body-wrap.splash{
      margin-top: 47px;}

  a{
    color: #00a2e4;
    text-decoration: none;}

  h1,
  h2,
  h3,
  h4,
  h5{
    font-family: "MyriadProLightSemiCn", Arial, Helvetica, sans-serif;
    font-weight: 300;}
  h1 strong,
  h2 strong,
  h3 strong,
  h4 strong,
  h5 strong{ font-weight: bold; }

  h2 {color: #00a2e4;}

  h2,
  h3,
  h4,
  h5,
  h2 strong,
  h3 strong,
  h4 strong,
  h5 strong{
    color: #00a2e4;}

  h2,
  h3,
  h4,
  h5{
    border-top: 1px solid #f0f0f0;padding-top: 30px;margin-top: 30px; font-weight: bold;}

  .splash h2 {
    border-top: 0;}

  h2.first,
  h3.first,
  h4.first,
  h5.first{
    border-top: 0;
    padding-top: 0;
    margin-top: 0;}

  h2{
      font-size: 22px;
      line-height: 25px;
    }

  h3{
      font-size: 20px;
      line-height: 22px;
    }

  h4{
      font-size: 17px;}

  strong {
    color: #333333;}

  sup {
    vertical-align: top;}

  ul li{
    padding-left: 15px;
    background: transparent url('../images/bullet.png') no-repeat left 6px;}

  ul.products{
    margin-top: 30px;
    margin-bottom: 30px;}

  #lang {
    clear: both;
    width: 100%;
    overflow: hidden;
    padding: 10px 0 10px;}
    #lang a{
      float: right;
      font-size: 18px;
      text-decoration: none;
      display:block;
      height: 27px;
      width: 80px;
      text-indent: -1000in;
      }
      #lang a.lang-en{
        background-image: url('../images/btn_top_english.png');}
      #lang a:hover.lang-en{
        background-image: url('../images/btn_top_english_over.png');}
      #lang a.lang-fr{
        background-image: url('../images/btn_top_french.png');}
      #lang a:hover.lang-fr{
        background-image: url('../images/btn_top_french_over.png');}

  #top{
    width: 100%;
    margin-left: 0px;
    margin-right: 20px;
    margin-bottom: 20px;}

    #top h1 {float: left;}

    #top-nav {
      float: right;
      margin-top: -5px;}

    #top-nav li{
      display: inline;
      background-image: none;
      padding-left: 0;}

    #top-nav a{/*
      //crashes ie6
      float: left;
      display: block;*/
      font-family: "MyriadProLightSemiCn", Arial, Helvetica, sans-serif;
      font-size: 22px;
      font-weight: 300;
      text-decoration: none;
      padding-right: 15px;
      padding-top: 18px;
      padding-left: 15px;
      padding-bottom: 7px;
      border: 1px solid transparent;}

    #top-nav .last a{
      padding-right: 0px;
      padding-left: 0px;
      margin-left: 17px;}

    #top-nav a:hover,
    #top-nav a.active,
    #top-nav .current-menu-item a,
    #top-nav .current-page-ancestor a,
    #top-nav .current-menu-ancestor a,
    #top-nav .current-menu-parent a,
    #top-nav .current-page-parent a,
    #top-nav .current_page_parent a,
    #top-nav .current_page_ancestor a{
      background-image: url('../images/nav_pointer.gif');
      background-position: bottom center;
      background-repeat: no-repeat;}
    #top-nav ul{
      width: 250px;
      z-index: 30;}

      #top-nav ul a{
        font-size: 15px;
        font-weight: normal;}

  #content{
    width: 100%;
    padding-top: 15px;}

  #body-wrap.home #content{
    padding-top: 0;}

    .inside #content h2.first{
      display: none;}

  #footer {
    border-top: 1px solid #f0f0f0;
    width: 100%;
    overflow:hidden;
    padding: 0px 5px 20px 5px;
    margin-top: 20px;
    font-size: 11px;}

    #footer  a.cabcp{
      background-image: url('../images/maple-leaf.png');
      background-position: left center;
      background-repeat: no-repeat;
      padding-left: 18px;}

    #footer .grid-box {
      margin-top: 30px;
      }
    #footer .g600{
      padding-top: 4px;}

  .splash #top {
    margin-left: 0;
    margin-right: 0;}
  .splash #page-banner {
    position: relative;}
    .splash #page-banner .fl{
      position: absolute;
      top:0;
      left:0;}
    .splash #page-banner .fr{
      position: absolute;
      top:0;
      right:0;}
    .splash #page-banner h2,
    .splash #page-banner h2 strong{
      font-size: 35px;
      line-height: 39px;
      color: #ffffff;
      margin-bottom: 20px;}

  .splash #footer {
    margin-left: 0;
    margin-right: 0;
    border-top: 0;}

.select-province {
  background-image: url('../images/map_side.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  width: 100%;
  overflow: hidden;}

.select-province .select-province-btn{
  height: 43px;
  width: 247px;
  display:block;text-indent: -10000in;}

.select-province a .select-province-btn.lang-en {
  background-image: url('../images/en/btn_select_region.png');
  background-repeat: no-repeat;
  background-position: center center;}
.select-province a:hover .select-province-btn.lang-en {
  background-image: url('../images/en/btn_select_region_over.png');}

.select-province a .select-province-btn.lang-fr{
  background-image: url('../images/fr/btn_select_region.png');}
.select-province a:hover .select-province-btn.lang-fr{
  background-image: url('../images/fr/btn_select_region_over.png');}

img.col-head {
  margin-bottom: 30px;}

#body-wrap.home img.col-head {
  margin-bottom: 0;}

ul.link-list li{
  background-image: url(../images/link_pointer.gif);
  background-position: left 3px;
  background-repeat: no-repeat;
  padding-left: 10px;
}
#page-banner *{
  color: #ffffff !important;
  }
#page-banner.title{
  position: relative;
  min-height: 214px;
  }
#page-banner.title h2{
  position: absolute;
  top:0;
  left: 0;
  color: #ffffff;
  width: 370px;
  font-size: 45px;
  line-height: 45px;
  font-weight: bold;
  padding: 20px 0 0 20px;

  }
#page-banner.map
{
  height: 379px;
	position: relative;
}

  #page-banner .gc1
	{
    position: relative;
    top: 0;
    left: 0;
    width: 360px;
		color: #FFF;
		padding: 20px;
		padding-top: 30px;
		z-index:10;
	}

    #page-banner .gc1 h2,
    #page-banner .gc1 h2 strong,
    #body-wrap.lang-fr #page-banner .gc1 h2,
    #body-wrap.lang-fr #page-banner .gc1 h2 strong,
    .lang-fr #page-banner .gc1 h2,
    .lang-fr #page-banner .gc1 h2 strong
    {
      color: #ffffff;font-size: 40px;line-height: 40px;
      margin-top: 18px;
    }

    #body-wrap.lang-fr #page-banner .gc1 h3
    {
      width: 310px;
    }

    #page-banner .gc1 h3
		{
      font-size: 19px;
      border-top: 0;
      padding-top: 5px;
      padding-bottom: 5px;
      color: #ffffff;
      margin-top: 10px;
      margin-bottom: 10px;
      font-weight: bold;
      background-image: url('../images/arrow_start.png');
      background-position: right center;
      background-repeat: no-repeat;
      width: 280px;}

		#page-banner .gc1 .provinces
		{
      width: 100%;
		}

    	#page-banner .gc1 .provinces .g50p
			{
        width: 50%;float:left;
			}

      #page-banner .gc1 .provinces ul li
			{
        background: none;
        padding-left: 0;
			}

        #page-banner .gc1 .provinces ul li a{
          display: block;
          background: url(../images/bullet.png) left center no-repeat;
          padding-left: 15px;color: #ffffff;
        }

        #page-banner .gc1 .provinces ul li a:hover, #page-banner .gc1 .provinces ul li a.active{
          background-image: url(../images/bullet_over.png);
          color:#caff28;
          font-weight: bold;
          text-decoration:underline;
        }

			#page-banner .map
			{
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;
			}



ul.contact   li{
  float: left;
  width: 280px;
  margin-left: 20px;
  background-image: none;
  padding-left: 0;}

  ul.contact   li.odd{
    clear: left;
    margin-left: 0;
    margin-right: 20px;}

/* map tooltips */

.tooltip
{
  background: url("../images/province_pointer.png") no-repeat left top;
  display: block;
  height: 49px;
  left: 0px;
  overflow: hidden;
  position: absolute;
  text-indent: -1000em;
  top: 0px;
  width: 155px;
  z-index: 999999;
}

body.lang-fr .tooltip
{
  background-image: url("../images/province_pointer_fr.png");
}

.tooltip.alberta
{
	background-position: 0px 0px;
	height: 50px;
	width: 99px;
}

.tooltip.british-columbia
{
	background-position: 0px -50px;
	height: 49px;
	width: 150px;
}

.tooltip.manitoba
{
	background-position: 0px -99px;
	height: 49px;
	width: 109px;
}

.tooltip.new-brunswick
{
	background-position: 0px -148px;
	height: 49px;
	width: 143px;
}

.tooltip.newfoundland
{
	background-position: 0px -197px;
	height: 58px;
	width: 146px;
}

.tooltip.northwest-territories
{
	background-position: 0px -255px;
	height: 58px;
	width: 120px;
}

.tooltip.nova-scotia
{
	background-position: 0px -313px;
	height: 49px;
	width: 125px;
}

.tooltip.nunavut
{
	background-position: 0px -362px;
	height: 50px;
	width: 107px;
}

.tooltip.ontario
{
	background-position: 0px -412px;
	height: 50px;
	width: 99px;
}

.tooltip.pei
{
	background-position: 0px -462px;
	height: 59px;
	width: 144px;
}

.tooltip.quebec
{
	background-position: 0px -521px;
	height: 50px;
	width: 95px;
}

.tooltip.saskatchewan
{
	background-position: 0px -571px;
	height: 49px;
	width: 139px;
}

.tooltip.yukon
{
	background-position: 0px -620px;
	height: 49px;
	width: 90px;
}

.pop-up-question {
  width: 500px;
  border: 1px solid #eeeeee;}

.pop-up-question{
  font-size: 1.2em;
  padding: 20px;}

.pop-up-question h3{
margin-top:10px;
margin-bottom: 10px;
padding-top: 10px;}

#top-nav{z-index: 20;position:relative;}
#page-banner{z-index: 1;}

#cboxContent #cboxClose {
  z-index:1000;}

.map {
	font-size: 12px;}

#cboxContent #pop-up-question h2,
#cboxContent #pop-up-question h2 strong {
  font-size: 30px !important;}

#cboxContent #page-banner .gc1 h3{
  margin-top: 13px;
  width: 320px;}

.splash #top .g320.fl.second{
	margin-left: 0;}

#top .g320.fl.second,
#page-banner .g280.fl.second{
	width: 350px;
	margin-left: 340px;
}

body #quebec-question h2,
body #quebec-question h3,
body #ontario-question h2,
body #ontario-question h3
{
  font-color: #00A2E4 !important;
}

.nowrap { white-space: nowrap;}

h1 { font-size:2em; }
p { font-size:1em; }
small { font-size: .8em; }

.chevron {
    display:inline-block;
    width: .5em;
    height: .8em;
    position:relative;
}
.chevron:before,
.chevron:after {
    display:block;
    content:"";
    width:0;
    height:0em;
    border-style:solid;
    position:absolute;
}
.chevron:before {
    right:0;
    border-width:.4em 0 .4em .4em;
    border-color:transparent transparent transparent white;
}
.chevron:after {
    left:0;
    border-width:.4em 0 .4em .4em;
    border-color:transparent transparent transparent rgb(94, 150, 221);
}
.chevron.skinny {
    width:.4em;
}
.chevron.fat {
    width:.6em;
}

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

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/* Footer logo CSS*/

.grid-box.fr{
  float:none;
 }

 #footer .grid-box{
  margin-top:5px;
  /*margin-bottom:40px;*/

 }
 .footer-logos{
  float:none;
  margin: 46px 0;
  height: 50px;
 }

.blue-cross{
  float: left;
  width:50%;
}

.blue-shield{
  float: right;
  width: 50%;
  text-align: right;
}
.footer-logo-seperator, .footer-logo-seperator hr{

  display: none;
  }

.footer-logo{
      width: 130px;
    height: 40px;
    padding: 10px 20px;
    float: left;
    background-image: url(../images/desktop-footer-logo.png);
    background-repeat: no-repeat;
    background-position: center;
}

#text-8{
     width: 78%;
     float: right;
     margin-top: 10px;
  }