/* Developer: Ken Redmile */
/* Date: 08/25/2017 */
/* ALL RIGHTS RESERVED TO © 2017 Sizmek, Inc.*/
@font-face {
    font-family: 'gibsonsemibold';
    src: url('https://services.serving-sys.com/HostingServices/Creative/Cairns_Oneil_Strategic_Media/Fonts/canada_type_-_gibson-semibold-webfont.eot');
    src: url('https://services.serving-sys.com/HostingServices/Creative/Cairns_Oneil_Strategic_Media/Fonts/canada_type_-_gibson-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://services.serving-sys.com/HostingServices/Creative/Cairns_Oneil_Strategic_Media/Fonts/canada_type_-_gibson-semibold-webfont.woff2') format('woff2'),
         url('https://services.serving-sys.com/HostingServices/Creative/Cairns_Oneil_Strategic_Media/Fonts/canada_type_-_gibson-semibold-webfont.woff') format('woff'),
         url('https://services.serving-sys.com/HostingServices/Creative/Cairns_Oneil_Strategic_Media/Fonts/canada_type_-_gibson-semibold-webfont.ttf') format('truetype'),
         url('https://services.serving-sys.com/HostingServices/Creative/Cairns_Oneil_Strategic_Media/Fonts/canada_type_-_gibson-semibold-webfont.svg#gibsonsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { margin: 0px; }
input{}
#banner{ width:970px; height:250px; position: absolute; overflow: hidden;}
#genBtn{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; cursor: pointer; }
#backGroundImg{position: absolute; top:0px; left:0px; width:970px !important; height:250px !important; background:#82bc00; background-image: url('../images/BkgGroundImg.png');}
#fr1Txt, #fr1SubTxt, #fr2Txt, #fr2SubTxt, #manImg1,#manImg2,#manImg3, #endFrTxt, #endFrSubTxt, #endFrHandImg, #ctaBtn{opacity:0;}
#manImg1,#manImg2,#manImg3{position: absolute; top: 0px; right: 0px; width: 100%; height: 100%;}
#manImg1{ width:237px !important; height:250px !important;background-image: url('../images/manImg1.png');}
#manImg2{ width:240px !important; height:250px !important;background-image: url('../images/manImg2.png');}
#manImg3{ width:240px !important; height:250px !important;background-image: url('../images/manImg3.png');}
#handImg{width:118px !important; height:192px !important;background-image: url('../images/handImg.png');}
#endFrHandImg{width:168px !important; height:239px !important;background-image: url('../images/endFrHandImg.png');}
#fr1Txt, #fr2Txt{position: absolute; top: 20px; left: 20px; width: 100%; height: 100%;}
#fr1SubTxt{position: absolute; top: 120px; left: 20px;}
#fr2SubTxt{position: absolute; top: 50px; left: 20px;}
/* slider pieces*/
#sliderContent{position: absolute; top: 56px; left: 350px; width: 410px;}
#sliderImg{position: relative; top: 56px;}
#sliderObj{position: absolute; bottom: 0px; left: 400px; width: 118px; height: 220px;}
#handImg{position: absolute; bottom: 0px; left: 0px;}
#carIconImg{position: relative; top: 0px; left: 20px;}
#carAmount{position: relative; top: -20px; left: 54px; width: 118px; height: 22px; color: #fff; font-size: 16px; font-family: 'gibsonsemibold', Arial, sans-serif; font-weight: 900;}
/* Frame 2*/

/* Endframe*/
#ctaBtn{position: absolute; top: 56px; left: 400px; display: none;}
#endFrTxt{position: absolute; top: 56px; left: 20px;}
#endFrSubTxt{position: absolute; top: 215px; left: 250px;}
#endFrHandImg{position: absolute; bottom: 0px; right: 50px;}

#containmentArea {position: absolute; width: 330px; top: 60px; left: 50px; height: 10px;}

#fr1Txt{width:289px; height:86px;background-image: url('../images/fr1Txt.png');}
#fr1SubTxt{width:206px; height:18px;background-image: url('../images/fr1SubTxt.png');}
#fr2Txt{width:363px; height:22px;background-image: url('../images/fr2Txt.png');}
#fr2SubTxt{width:322px; height:57px;background-image: url('../images/fr2SubTxt.png');}

#sliderImg{width:418px; height:17px;background-image: url('../images/sliderImg.png');}
#carIconImg{width:28px; height:21px;background-image: url('../images/carIconImg.png');}
#ctaBtn{width:300px; height:61px;background-image: url('../images/ctaImg.png');}

#endFrTxt{width:310px; height:68px;background-image: url('../images/endFrTxt.png');}
#endFrSubTxt{width:370px; height:16px;background-image: url('../images/endFrSubTxt.png');}