/*--------for IE9-----------------------------------------------------*/
@font-face {
 font-family:Segoe Light;
 src: url("../Fonts/SegoeLight.eot");
 font-style: normal;
 font-weight: normal;
}
@font-face {
 font-family:Segoe Pro Light;
 src: url("../Fonts/SegoePro-Light.eot");
 font-style: normal;
 font-weight: normal;
}
@font-face {
 font-family:Segoe;
 src: url("../Fonts/SegoeRg.eot");
 font-style: normal;
 font-weight: Normal;
}

/*--------Other browsers-----------------------------------------------------*/

@font-face {
 font-family:Segoe Light;
 src: url("../Fonts/SegoeLight.ttf");
 font-style: normal;
 font-weight: normal;
}
@font-face {
 font-family:Segoe Pro Light;
 src: url("../Fonts/SegoePro-Light.ttf");
 font-style: normal;
 font-weight: normal;
}
@font-face {
 font-family:Sego;
 src: url("../Fonts/SegoeRg.ttf");
 font-style: normal;
 font-weight: Normal;
}

/*-----------------------------------------------------------------------*/
html, body {height:100%;}
div#win8offer-interface{position:relative;background-color:#00bcf2;padding:20px;max-width:760px;}

div#win8offer-content
{
    position:relative;
    background-color:#00bcf2;
    padding:0;
    width:500px;
    margin:auto;
}

#win8offer-logo-windows {}

div#win8offer-hero-image {max-width:500px;margin-top:47px;}

div#win8offer-copy {margin:auto;margin-top:30px;background-color:#00bcf2;}

div#win8offer-hgroup{width:504px;}          

  div#win8offer-content h1,div#win8offer-content h2 {line-height:1.1em;width:100%;}
    
    div#win8offer-content h1{font-family:Segoe Pro Light,Segoe UI, arial;margin-top:34px;font-size:40px;color:#ffffff;font-weight:normal;}
    div#win8offer-content h2{font-family:Segoe Pro Light,Segoe UI, arial;font-size:40px;color: #00188f;font-weight:normal;}

ol#win8offer-cta-list{margin-left:62px;margin-top:34px;width:400px;}

ol#win8offer-cta-list li
{
    height:30px;
    margin:10px 0;
    overflow:visible;
    list-style:none;
    font-family:Segoe UI, arial; 
    line-height:1.2em;
    font-size:22px;
    color: #00188f;
    padding:4px 0 0 30px;
}
    li#win8offer-li-one{background:url(../Images/list-one.gif) no-repeat;}
    li#win8offer-li-two{background:url(../Images/list-two.gif) no-repeat;}
    li#win8offer-li-three{background:url(../Images/list-three.gif) no-repeat;}
    
#win8offer-shop-now {float:left;margin-left:66px;margin-top:34px;width:133px;height:36px;background:url(../Images/btn-shop-now.gif) no-repeat;}
#win8offer-shop-now span {display:block;text-indent:-9000px;}

/*--------Content Footer-------------------------------------------------------------------------------*/

div#win8offer-footer{clear:both;padding-top:75px;padding-bottom:15px;background-color:#00bcf2;}
    a#win8offer-logo-partner{float:left;clear:left;padding-right:24px;}
    p#win8offer-disclaimer{float:left;width:410px;padding-top:6px;font-family:Segoe UI, arial; font-size:12px;color: #fff;}
    a#win8offer-logo-microsoft{float:right;margin-left:6px;padding-top:12px;}
    
/*-----------Offers----------------------------------------------------------------------------*/

div#win8offer-offers {float:left;clear:both;padding: 30px 20px;}

    div.win8offer-offering {float:left;width:354px;}
    
        div#win8offer-offers h2 {font-family:Segoe Pro Light,Segoe UI, arial;margin-bottom:12px;font-size:36px;font-weight:normal;color:#00aadb;line-height:1;}
        
        span.win8offer-thumbnail {display:block;float:left;width:110px;height:110px;margin-top:8px;margin-right:10px;overflow:hidden;background-color:#e6e6e6;}
        
        p.win8offer-description {float:left;width:200px;margin:10px 10px 10px 0;font-family:Segoe UI, arial;line-height:1.3em;font-size:13px;color:#474747;}
        
        a.win8offer-cta {display:block;float:left;margin-left:120px;width:180px;font-family:Segoe UI, arial;font-size:16px;color:#00188f;text-decoration:none;}
        
/*----------- Generic styles ----------------------------------------------------------------------------*/     
.win8offer-clear {clear:both;}