html{
height:100%;
}
body{
text-align:center;
background-image:url(../images/frame/top_bg_gradient.jpg);
background-position:top left;
background-repeat:repeat-x;
height:100%;
background-color:#FFF;
margin:0;
}
#mainbg{
background-image:url(../images/frame/btm_bg_gradient.jpg);
background-position:bottom left;
background-repeat:repeat-x;
}
#stage{
margin:0 auto 0 auto;
text-align:left;
width:1000px;
}
#stage #header{
background-image:url(../images/frame/header_bg.jpg);
height:420px;
}
#stage #header .logo{
margin:30px 0 0 40px;
}
#stage #content{
background-image:url(../images/frame/content_bg.jpg);
position:relative;
}
#stage #content #innercontent{
background-image:url(../images/frame/footer_bg.jpg);
background-repeat:no-repeat;
background-position:left 100%;
}
#stage #content #innercontent .introstore{
width:613px;
height:299px;
background-image:url(../images/homepage/introducing_microsoftstore_v2.jpg);
position:relative;
}
#stage #content #innercontent .introstore a.promobanner1{
display:block;
height:28px;
width:90px;
position:relative;
top:206px;
left:25px;
}
#stage #content #innercontent .introstore a.promobanner2{
display:block;
height:60px;
width:100%;
position:relative;
top:206px;
}
#stage #content #innercontent #leftinnercontainer{
position:relative;
top:-295px;
margin:0 13px 0 37px;
width:613px;
}
#stage #content #innercontent #leftinnercontainer .faq{
margin:10px 0 0 0;
padding:0 0 40px 0;
border-left:1px solid #e3e3e3;
border-right:1px solid #e3e3e3;
background-image:url(../images/homepage/faq_gradient.jpg);
background-repeat:repeat-x;
background-color:#b7ded6;
}
#stage #content #innercontent #leftinnercontainer .faq a{
text-decoration:none;
color:#027fc5;
}
#stage #content #innercontent #leftinnercontainer .faq a:hover{
color:#545454;
}
#stage #content #innercontent #leftinnercontainer .faqfooter{
background-image:url(../images/homepage/container_footer.png);
background-repeat:no-repeat;
background-position:left bottom;
height:4px;
position:relative;
top:150px;
}
#stage #content #innercontent #leftinnercontainer .faqfooter.odd{
position:relative;
top:142px;
}
#stage #content #innercontent #leftinnercontainer .faq h2{
margin:0;
padding:0;
font:bold 11pt Verdana, Arial;
color:#636466;
background-image:url(../images/homepage/title_bar.jpg);
height:29px;
}
#stage #content #innercontent #leftinnercontainer .faq h2 span{
padding:4px 0 0 4px;
display:block;
}
#stage #content #innercontent #leftinnercontainer .faq .faqleft{
width:19px;
float:left;
margin:20px 11px 0 7px;
}
#stage #content #innercontent #leftinnercontainer .faq .faqright{
width:555px;
float:left;
margin:20px 0 0 0;
padding:0 0 22px 0;
background-image:url(../images/homepage/faq_footer_line.png);
background-repeat:repeat-x;
background-position:left bottom;
font:9pt Verdana, Arial;
color:#6d6e71;
}
#stage #content #innercontent #leftinnercontainer .faq .faqleft a{
display:block;
width:17px;
height:17px;
background-image:url(../images/homepage/dl_buttons.png);
}
#stage #content #innercontent #leftinnercontainer .faq .faqleft a.open,
#stage #content #innercontent #leftinnercontainer .faq .faqleft a:hover{
background-position:left bottom;
}
#stage #content #innercontent #rightinnercontainer{
top:-295px;
right:20px;
width:300px;
position:absolute;
margin:0 13px 0 0;
}
#stage #content #innercontent #leftinnercontainer .faq .faqright a.title{
color:#4f8e87;
font:bold 10pt Verdana, Arial;
text-decoration:none;
}
#stage #content #innercontent #leftinnercontainer .faq .faqright div.hidden{
display:none;
}
#stage #content #innercontent #leftinnercontainer .faq .faqright div.shown{
width:475px;
margin:10px 0 0 55px;
display:block;
}
#stage #content #innercontent #leftinnercontainer .faq span.underline{
text-decoration:underline;
}
.clearfloat{
clear:both;
}
#stage #content #innercontent #leftinnercontainer .smallcontainer{
margin:10px 0 0 0;
background-color:#FFF;
position:relative;
top:150px;
}
#stage #content #innercontent #leftinnercontainer .smallcontainer h2{
margin:0;
padding:0;
font:normal 10pt Verdana, Arial;
color:#636466;
background-image:url(../images/homepage/title_bar_2.jpg);
height:24px;
}
#stage #content #innercontent #leftinnercontainer .smallcontainer h2 span{
padding:4px 0 0 4px;
display:block;
}
#stage #content #innercontent #leftinnercontainer .smallcontainer .innerborders{
border-left:1px solid #e3e3e3;
border-right:1px solid #e3e3e3;
padding:30px 0 30px 0;
}
#stage #content .gradientfiller{
position:absolute;
bottom:296px;
left:0px;
background-color:#BADFD8;
background-image:url(../images/homepage/faq_filler_gradient.jpg);
background-repeat:no-repeat;
height:150px;
width:611px;
border-left:1px solid #E3E3E3;
border-right:1px solid #E3E3E3;
}
#stage #content .fifteenpx{
margin-top:15px;
}
img{
border:0;
}
/* Right Column */
#stage #content #rightinnercontainer .dltop{
background-image:url(../images/homepage/dl-mod-header2.jpg);
width:302px;
height:15px;
}
#stage #content #rightinnercontainer .dlcontent{
background-image:url(../images/homepage/dl-mod-content.jpg);
background-color:#fff;
width:302px;
text-align:center;
padding:0 0 10px 0;
}
#stage #content #rightinnercontainer .dlbtm{
background-image:url(../images/homepage/dl-mod-footer.jpg);
width:302px;
height:15px;
}
#stage #content #rightinnercontainer .dlcontent img{
margin:0 auto 0 auto;
}
#stage #content #rightinnercontainer .dlcontent .locker{
margin:25px 0 0 0;
}
#stage #content #rightinnercontainer .dlcontent .lockertitle{
width:140px;
color:#cb2406;
font:bold 10pt Verdana, Arial;
margin:0 auto 0 auto;
}
#stage #content #rightinnercontainer .dlcontent .lockertext{
width:265px;
color:#6d6e71;
font:9pt Verdana, Arial;
text-align:left;
margin:15px auto 0 auto;
}
#stage #content #rightinnercontainer .dlcontent a.yourdl{
width:145px;
height:26px;
background-image:url(../images/homepage/dl-mod-btn.jpg);
display:block;
margin:20px auto 0 auto;
}
#stage #content #rightinnercontainer .compatcenter{
margin:15px 0 0 0;
}
#stage #content #rightinnercontainer #homead{
margin:10px 0 0 0;
border:1px solid #d1d1d1;
}
/* Footer links */
#stage ul#footer{
font:8pt Arial, Helvetica, "Sans Serif", Verdana;
background-repeat:no-repeat;
background-position:0 0;
width:934px;
height:61px;
text-align:right;
margin:0 0 0 40px;
padding:0;
list-style:none;
}
#stage ul#footer li{
display:inline;
}
#stage #footer a, #stage #footer a:hover{
text-decoration:none;
}
#stage #footer li span{
padding:0 5px 0 9px;
position:relative;
}
#stage #footer #footerlogo{
vertical-align:middle;
margin:9px 16px 0 10px;
}
#stage #footer{
color:#fff;
}
#stage #footer a{
color:#fff;
}
#stage #footer a:hover{
text-decoration:underline;
}
#stage #footer li.footerspacer{
padding:0 0 0 150px;
}
#stage #footer #footerlogo{
background-image:url(../images/frame/footer-logo.png);
}
/* error page */
#stage #content #innercontent.errorpage{
min-height:500px;
}
#stage #content #innercontent .contentsection{
margin:0 0 0 30px;
font:10pt Verdana, Arial;
text-align:center;
}
#stage #content #innercontent .contentsection a{
color:#545454;
text-decoration:none;
}
#stage #content #innercontent .contentsection a:hover{
color:#027fc5;
}
/*----------- Start section "Reset" -----------*/
.introstore a,
.introstore dl, 
.introstore dt, 
.introstore dd, 
.introstore ol, 
.introstore ul, 
.introstore li{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
a {
text-decoration:none;
color:#676767;
}
a:hover {
color:#00649a;
}
/*----------- End section "Reset" -----------*/
/*----------- Start section "Country Selector" -----------*/
#stage #intNav{
background: url(../images/homepage/countryselector/countryselector_bottom.gif) no-repeat bottom left;
position: relative;
bottom:-204px;
left:319px;
width: 226px;
font-size: 12px;
z-index: 999;
}
#stage #intNav > dl {    
background: url(../images/homepage/countryselector/countryselector_top.gif) no-repeat top left;
}
#stage #intNav > dl > dd{
height:25px;
line-height: 25px;
display:none;
}
#stage #intNav > dl > dd#currentLocation{
display:block;
}
#stage #intNav > dl > dd > a {
display: block;
padding: 0 7px;
width: 212px;
text-transform:capitalize;
}
#stage #intNav dd#currentLocation a{
background:transparent url('../images/homepage/countryselector/arrow.png') no-repeat 207px top;
}
#stage #intNav dd#currentLocation a:hover {
background:transparent url('../images/homepage/countryselector/arrow.png') no-repeat 207px bottom;
}

/*----------- End section "Country Selector" -----------*/