html {
-webkit-text-size-adjust: none;}
body {
margin: 0; font: 20px/30px sans-serif; color: #fff; background-color: #000;}
div#splash {
height: 100%; background-color: #8ec63f; position: relative;}
div#splash div.cont {
width: 200px; height: 100px; margin: -50px 0 0 -100px; position: absolute; left: 50%; top: 50%;}
div#splash div.cont div.logo {
width: 98px; height: 43px; margin-left: -49px; background-image: url(../images/logo_splash.png); background-size: 100%; position: absolute; left: 50%; top: 0;}
div#splash div.cont div.logo span {
display: none;}
div#splash div.cont a {
padding: 8px 15px; font: 16px/16px AvenirLTStd85Heavy, Verdana, Geneva, sans-serif; text-decoration: none; color: #050505; border: 1px solid #949494; -webkit-box-shadow: 0 1px 3px rgba(000, 000, 000, 0.5), inset 0 0 2px rgba(255, 255, 255, 1.0); text-shadow: 0 -1px 0 rgba(000, 000, 000, 0.2), 0 1px 0 rgba(255, 255, 255, 1); background-color: #fff; position: absolute; bottom: 0;}
div#splash div.cont a.btnEnglish {
left: 0;}
div#splash div.cont a.btnFrench {
right: 0;}
div#viewsFrame {
width: 320px; width: 100%;}
div#viewsCont {
width: 640px; width: 100%; position: relative;}
div.wrapper {
width: 100%; overflow: hidden; background-color: #000; /*display: none; */position: absolute; top: 0; -webkit-transition: left 0.5s ease-out;}
div.current {
left: 0;}
div.lang {
padding: 13px 10px 18px; text-align: right; font: 12px/12px Verdana, Geneva, sans-serif;}
div.lang a {
color: #fff;}
div.heading {
padding: 10px 10px 16px; background-color: #8ec63f; position: relative;}
div.heading h1 {
margin: 0; padding: 0; font: bold 23px/23px Verdana, Geneva, sans-serif; color: #000; text-align: center;}
div.heading h1.caps {
text-transform: uppercase;}
div.heading a.btnBack {
width: 31px; height: 31px; margin-top: -15px; background-image: url(../images/icon_button_back.png); background-size: 100%; position: absolute; left: 10px; top: 50%;}
div.heading a.btnBack span {
display: none;}
ul.homeNav {
margin: 0; padding: 0; list-style: none;}
ul.homeNav li {
border-bottom: 1px dotted #9c9c9c;}
ul.homeNav li a {
padding: 20px 50px 20px 65px; display: block; font: 18px/18px AvenirLTStd85Heavy, Verdana, Geneva, sans-serif; text-transform: uppercase; text-decoration: none; color: #d0d0d0; position: relative;}
ul.homeNav li a div {
background-size: 100%; position: absolute;}
ul.homeNav li a div.icon {
width: 44px; height: 44px; margin-top: -22px; left: 10px; top: 50%;}
ul.homeNav li.gsc a div.icon {
background-image: url(../images/icon_your_gsc_id_number.png);}
ul.homeNav li.find a div.icon {
background-image: url(../images/icon_find_a_provider.png);}
ul.homeNav li.announcements a div.icon {
background-image: url(../images/icon_announcements.png);}
ul.homeNav li.watch a div.icon {
background-image: url(../images/icon_watch_this.png);}
ul.homeNav li.touch a div.icon {
background-image: url(../images/icon_get_in_touch.png);}
ul.homeNav li a div.arrow {
width: 28px; height: 27px; margin-top: -13px; background-image: url(../images/icon_button_next.png); right: 10px; top: 50%;}
ul.homeNav li a div span {
display: none;}
div.bodyBuff {
margin: 0 15px 15px;}
div.bodyBuff p a {
color: #fff;}
form fieldset {
padding: 0 0 5px; border-width: 0; text-align: center;}
form fieldset div {
padding-bottom: 15px;}
form fieldset div input#MainContentPlaceholder_txtAddress {
width: 250px; padding: 4px 6px;}
form fieldset input, form fieldset select {
font-size: 20px;}
form fieldset select {
width: 158px; margin-right: 10px;}
form fieldset input#MainContentPlaceholder_btnSearch {
width: 95px;}
p.error {
margin: 5px 0 0; padding: 0; font-weight: bold; color: #f00; text-align: center; -webkit-transition: opacity 1s linear;}
.opacity0 {
opacity: 0.0;}
.opacity100 {
opacity: 1.0;}
div#map_canvas {
width: 260px; height: 260px; margin: 20px auto 0; background-color: #fff;}
table {
width: 100%; margin-top: 25px; border-collapse: collapse;}
table:nth-of-type(1) {
margin-top: 18px;}
table thead tr {
color: #000; background-color: #8ec63f;}
table tbody tr:nth-child(odd) {
background-color: #27370f;}
table th, table td {
padding: 3px 10px; border: 1px solid #000; border-width: 0 2px 0 0;}
table tr th:nth-last-child(1), table tr td:nth-last-child(1) {
border-width: 0;}
table th, table td {
text-align: left;}
table tr td:nth-child(2) {
text-align: center;}
table th, table:nth-of-type(1) tr td:nth-child(2) {
font-weight: bold;}
a#bannerWt, div#youTube {
-webkit-transition: opacity 1s linear;}
a#bannerWt {
width: 298px; height: 168px; margin: 25px auto 20px; display: block; border: 1px solid #fff; background-image: url(../images/banner_watch_this.png); background-size: 100%;}
a#bannerWt span {
display: none;}
div#youTube {
width: 300px; height: 145px; margin: 38px auto 32px;}
p.footer {
margin: 6px 0 0; padding: 0 0 6px; font: 16px/26px Arial, 'Helvetica Neue', Helvetica, sans-serif; text-align: center;}
p.footer a {
color: #fff;}
p.footer span {
text-transform: uppercase;}
/* Screen styles */
div#screen {
width: 100%;
background-color: #000;
position: absolute;
left: 0;
top: 0;
z-index: 1050;}
@-webkit-keyframes 'scrFadeIn' {
0% {
opacity: 0;
}
100% {
opacity: 0.8;
}
}
div.setScrFadeIn {
-webkit-animation: scrFadeIn 0.5s 1 0s;}
div.scrFadeInStop {
opacity: 0.8;}
@-webkit-keyframes 'scrFadeOut' {
0% {
opacity: 0.8;
}
100% {
opacity: 0;
}
}
div.setScrFadeOut {
-webkit-animation: scrFadeOut 0.5s 1 0s;}
div#nLWrapper {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1051;
}
/* Lightbox styles */
div#niceLightbox {
-webkit-border-radius: 10px;
background-color: #fff;
position: absolute;
left: 50%;
top: 50%;
z-index: 1052;
}
/* iPhone styles */
@-webkit-keyframes 'iPhoneNlbGrow' {
0% {
width: 1px;
height: 1px;
margin-top: 0;
margin-left: 0;
opacity: 0;
}
100% {
width: 280px;
height: 229px;
margin-top: -84px;
margin-left: -140px;
opacity: 1.0;
}
}
div.iPhoneNlbStart {
-webkit-animation: iPhoneNlbGrow 0.5s 1 0s;
}
div.iPhoneNlbGrown {
width: 280px;
height: 229px;
margin-top: -84px;
margin-left: -140px;
opacity: 1.0;
}
@-webkit-keyframes 'iPhoneNlbShrink' {
0% {
width: 280px;
height: 229px;
margin-top: -84px;
margin-left: -140px;
opacity: 1.0;
}
100% {
width: 1px;
height: 1px;
margin-top: 0;
margin-left: 0;
opacity: 0;
}
}
div.iPhoneNlbClose {
-webkit-animation: iPhoneNlbShrink 0.5s 1 0s;
}
/* Android/BlackBerry OS6 styles */
@-webkit-keyframes 'allNlbGrow' {
0% {
width: 1px;
height: 1px;
margin-top: 0;
margin-left: 0;
opacity: 0;
}
100% {
width: 280px;
height: 229px;
margin-top: -114px;
margin-left: -140px;
opacity: 1.0;
}
}
div.allNlbStart {
-webkit-animation: allNlbGrow 0.5s 1 0s;
}
div.allNlbGrown {
width: 280px;
height: 229px;
margin-top: -114px;
margin-left: -140px;
opacity: 1.0;
}
@-webkit-keyframes 'allNlbShrink' {
0% {
width: 280px;
height: 229px;
margin-top: -114px;
margin-left: -140px;
opacity: 1.0;
}
100% {
width: 1px;
height: 1px;
margin-top: 0;
margin-left: 0;
opacity: 0;
}
}
div.allNlbClose {
-webkit-animation: allNlbShrink 0.5s 1 0s;
}
div#niceLightbox div#nlbContent {
width: 240px;
height: 189px;
position: absolute;
left: 20px;
top: 20px;
}
div#niceLightbox div#nlbContent h2 {
margin: 0 15px 0 0; padding: 0; font: bold 16px/19px Verdana, Geneva, sans-serif; color: #000; text-align: center;}
div#niceLightbox div#nlbContent p {
font-size: 13px; line-height: 19px; color: #000;
}
div#niceLightbox div#nlbContent p.lead {
margin-top: 0;
}
div#niceLightbox a#nlbClose {
width: 25px;
height: 25px;
display: block;
overflow: hidden;
border: 1px solid #27370f;
-webkit-border-radius: 15px;
background-color: #8ec63f;
background-image: url(../images/popup_button_close_off.png);
background-size: 100%;
position: absolute;
right: 5px;
top: 5px;
}
div#niceLightbox a#nlbClose span {
display: none;
}
.lbOpacity00 {
opacity: 0;
-webkit-transition: opacity 0.5s linear;
}
.lbOpacity100 {
opacity: 1.0;
-webkit-transition: opacity 0.5s linear;
}