/* Left Nav */
#stage #content #leftnav{
margin-top:5px;
position:relative;
z-index:5;
}
#stage #content #leftnav .navcontent {
min-height:100px;
}
/* GLOBAL - #content */
#stage #content {
font-family:"Malgun Gothic","Lucida Grande", Verdana, Arial, Helvetica, "Sans Serif";
position:relative;
}
#stage #content .floatleft{
float:left;
}
#stage #content .floatright{
float:right;
}
#stage #content .maxwidth{
width:691px;
}
/* Right Container Hero Fix */
#stage #content #rightcontent{
margin-top:-9px;
}
/* Container */
#stage #content #container{
float:left;
}
/* GLOBAL HERO */
#stage #content #hero{
background-repeat:no-repeat;
background-position: top left;
width:691px;
}
#stage #content #hero_background {
position:absolute;
top:-8px;
left:0;
width:932px;
height:343px;
}
#stage #content #hero a.clearbg img{
position:relative;
border:0px;
width:691px;
height:344px;
}
#stage #content #hero ul.product{
float:left;
list-style:none;
font-size:8pt;
width:149px;
z-index:1;
position:relative;
}
#stage #content #hero ul.product .title{
font-weight:bold;
min-height:28px;
width:125px;
}
#stage #content #hero ul.product .title a{
text-decoration:none;
}
#stage #content #hero ul.product .price{
font-size:9pt;
font-weight:bold;
margin:20px 0 0 0;
}
#stage #content #hero ul.product .add{
position:absolute;
}
/* GLOBAL HERO - High DPI */
.highdpi #stage #content #hero ul.product .title,
.highdpi #stage #content #hero ul.product .type{
font-size:7pt;
}
/* Hero Offer Module - MIDDLE */
#stage #content #hero.offer_mid ul.product{
margin:-269px 0 0 235px;
}
/* Hero Offer Module - RIGHT */
#stage #content #hero.offer_right ul.product{
margin:-269px 0 0 508px;
}
/* Sub-Title Text */
#stage #content .sh_text{
font-size:14pt;
font-weight:normal;
margin:15px 0 15px 0;
}
/* Sub-Title Colors */
#stage #content .sh_orange{color:#fb9b08;} 
#stage #content .sh_yellow{color:#fff200;}
#stage #content .sh_gray{color:#9e9d93;}
#stage #content .sh_darkgray{color:#575756;}
#stage #content .sh_blue{color:#0189c9;}
#stage #content .sh_lightblue{color:#4ea0ce;} 
#stage #content .sh_red{color:#ee3b1b;}
#stage #content .sh_darkred{color:#a93b48;}
#stage #content .sh_green{color:#8cbe39;}
#stage #content .sh_greenmoney{color:#67972c;}
#stage #content .sh_lightgreen{color:#5eb34a;}
#stage #content .sh_darkgreen{color:#1f7d31;}
/* GLOBAL - #container */
#stage #content ul .title{
margin:10px 0 0 0;
font-weight:bold;
min-height:240x;
height:38px;
}
#stage #content ul li img{
border:0;
}
#stage #content ul .title {
width:125px;
}
#stage #content ul .title a{
text-decoration:none;
font-weight:bold;
}
#stage #content ul .select img{
margin:0 3px 0 0;
vertical-align:middle;
}
/* USE ADD NOT PRICE */
#stage #content ul .add img{
margin:0 5px 0 0;
vertical-align:middle;
}
#stage #content ul .select{
min-height:18px;
}
#stage #content ul .add span{
font-weight:bold;
}
#stage #content ul .price{
font-size:9pt;
font-weight:bold;
margin:15px 0 0 0;
}
#stage #content ul .price img{
margin:0 5px 0 0;
}
/* Sub-Product Title Arrow+Text */
#stage #content .pt_01,
#stage #content .pt_02{
background:none;
background-repeat:no-repeat;
background-position: top left;
height:11px;
width:691px;
margin:25px 0 25px 0;
position:relative;
z-index:1;
}
#stage #content .pt_01 a,
#stage #content .pt_02 a{
text-decoration:none;
}
#stage #content .pt_01 a img,
#stage #content .pt_02 a img{
margin:0 5px 0 0;
}
#stage #content .pt_01 span,
#stage #content .pt_02 span{
font-size:9pt;
font-weight:bold;
margin:0px;
line-height:1.0em;
}
#stage #content .pt_02{
position:absolute;
}
/* Line Separator */
#stage #content .line_sep{
width:691px;
height:1px;
margin:0 0 20px 0;
padding:0 0 0 0;
}
/* Products Container */
#stage #content .prod_display{
width:691px;
}
/* Global ul.product */
#stage #content .prod_display ul.product{
float:left;
list-style:none;
font-size:8pt;
padding:0;
margin:0;
}
/* 4+ Product Module - 112x112 */
#stage #content .prod_display ul.base_prod{
width:158px;
height:210px;
padding:0;
margin:0px 0px 25px 17px;
}
#stage #content .prod_display ul.count4,
#stage #content .prod_display ul.count8,
#stage #content .prod_display ul.count12,
#stage #content .prod_display ul.count16,
#stage #content .prod_display ul.count20,
#stage #content .prod_display ul.count24,
#stage #content .prod_display ul.count28,
#stage #content .prod_display ul.count32{	
width:125px;
}
#stage #content .prod_display ul.base_prod .boxshot img{
height:112px;
}
/* Single Product Module - 691x219 */
#stage #content .mod_1_prod{
background-repeat:no-repeat;
background-position: top left;
width:691px;
height:219px;
margin-bottom:20px;
}
#stage #content .mod_1_prod ul.product{
position:absolute;
margin:70px 0 0 500px;
width:149px;
}
#stage #content .mod_1_prod ul.product .title{
width:130px;
}
#stage #content .mod_1_prod img{
margin:15px 0 0 15px;
width:661px;
height:189px;
}
/* 3 Products - w.204px,h.146px */
#stage #content .prod_display ul.prod_01_mid{
/* margin:0 29px 0 29px; */
}
#stage #content .prod_display ul.prod_01{
width:218px;
height:250px;
margin:0px 0px 20px 17px;
}
#stage #content .prod_display.img204x146 ul.count3,
#stage #content .prod_display.img204x146 ul.count6,
#stage #content .prod_display.img204x146 ul.count9,
#stage #content .prod_display.img204x146 ul.count12,
#stage #content .prod_display.img204x146 ul.count15,
#stage #content .prod_display.img204x146 ul.count18,
#stage #content .prod_display.img204x146 ul.count21,
#stage #content .prod_display.img204x146 ul.count24{
width:204px;
}
#stage #content .prod_display ul.prod_01 .boxshot img{
width:204px;
height:146px;
}
#stage #content .prod_display ul.prod_01 .title a{
display:block;
width:180px;
}
/* 1 Product - w.126px,h.146px */
#stage #content .prod_display ul.prod_02{
height:245px;
}
#stage #content .prod_display ul.prod_02 .boxshot img{
height:146px;
}
#stage #content .prod_display ul.prod_02 .title{
width:125px;
}
/* 1 Product - w.498px,h.203px */
#stage #content .prod_display ul.prod_03{
float:right;
width:498px;
height:203px;
}
#stage #content .prod_display ul.prod_03 .title,
#stage #content .prod_display ul.prod_03 .type,
#stage #content .prod_display ul.prod_03 .select,
#stage #content .prod_display ul.prod_03 .add{
margin-left:30px;
}
#stage #content .prod_display ul.prod_03 .title{
margin-top:-180px;
}
#stage #content .prod_display ul.prod_03 .title{
width:125px;
}
/* 1 Product - w.319px,h.207px */
#stage #content .prod_display ul.prod_04{
width:319px;
height:207px;
}
#stage #content .prod_display ul.prod_04 .add{
position:relative;
}
body:nth-of-type(1) #stage #content .prod_display ul.prod_04 .add{
border:1px solid transparent;
}
#stage #content .prod_display ul.prod_04 .title,
#stage #content .prod_display ul.prod_04 .type,
#stage #content .prod_display ul.prod_04 .select,
#stage #content .prod_display ul.prod_04 .add{
margin-left:30px;
width:125px;
}
#stage #content .prod_display ul.prod_04 .title{
margin-top:-190px;
}
/* Hero Bundle */
#stage #content #hero.bundle {
position:relative;
color:#545454;
font-size:8pt;
}
#stage #content #hero.bundle .productbundle {
position:absolute;
right:8px;
top:24px;
width:250px;
padding-left:10px;
}
#stage #content #hero.bundle a {
color:#545454;
text-decoration:none;
}
#stage #content #hero.bundle a:hover {
color:#027fc5;
}
#stage #content #hero.bundle h2 {
font-size:12pt;
font-weight:bold;
}
#stage #content #hero.bundle h2 span {
color:#de0000;
}
#stage #content #hero.bundle ol {
font-weight:bold;
padding:0;
margin:0 0 0 1.6em;
width:45%;
}
#stage #content #hero.bundle dl {
margin:0;
padding:0 0 1.5em 0;
}
#stage #content #hero.bundle dt,
#stage #content #hero.bundle dd {
margin:0;
padding:0;
}
#stage #content #hero.bundle dd.bundletype {
font-weight:normal;
}
#stage #content #hero.bundle dd.bundledelivery {
font-weight:normal;
color:#de6b25;
}
#stage #content #hero.bundle div.bundleaddtocart {
border-top:1px solid #ddd;
margin-left:-10px;
}
#stage #content #hero.bundle .bundleaddtocart ul {
list-style:none;
margin:10px 0 0 28px;
padding:0;
}
#stage #content #hero.bundle .bundleadd {
margin-top:5px;
float:left;
}
#stage #content #hero.bundle .bundleaddtocart .bundlebefore {
text-decoration:line-through;
display:inline;
}
#stage #content #hero.bundle .bundleaddtocart .bundleprice {
font-size:10pt;
font-weight:bold;
color:#de0000;
}
#stage #content #hero.bundle .bundledisclaimer {
margin-top:5px;
}
/* Full Hero Text */
#stage #content #hero .herotext{
font-size:10pt;
position:relative;
list-style-type:none;
margin:0;
padding:50px 0 0;
width:350px;
color:#ffffff;
line-height:18px;
}
#stage #content #hero .rightalign{
margin:-50px 0 0 385px;
padding-top:110px;
color:#000000;
}
#stage #content #hero .herotext .headertext{
font-size:18pt;
margin:0 0 15px 0;
}
#stage #content #hero .rightalign .headertext{
font-size:10pt;
font-weight:bold;
margin-bottom:10px;
}
#stage #content #hero .herotext2{
width:370px;
}
#stage #content #hero .herotext2 .headertext{
font-size:19pt;
margin-left:20px;
}
#stage #content #hero .herotext .herocontent1,
#stage #content #hero .herotext .herocontent2{
margin:0 0 0 35px;
}
#stage #content #hero .herotext .herocontent2 .learnmorelink{
position:absolute;
top: 262px;
left:35px;
display:block;
width:95px;
height:18px;
}
#stage #content #hero .herotext .herocontent1{
margin-bottom:10px;
}
/* 3-Prod Comparison Chart */
#stage #content .chart_3items .prod1 .productpopup {
left:-9px;
top:-82px;
}
#stage #content .chart_3items .prod2 .productpopup {
left:-9px;
top:-106px;
}
#stage #content .chart_3items .prod3 .productpopup {
left:-9px;
top:-122px;
}
#stage #content .chart_3items{
margin:13px 0 0 0;
font-size:8pt;
color:#545454;
width:691px;
height:721px;
background-repeat:no-repeat;
}
#stage #content .chart_3items .leftwrapper,
#stage #content .chart_3items .productwrapper{
float:left;
}
#stage #content .chart_3items .leftwrapper{
height:100%;
width:325px;
}
#stage #content .chart_3items .leftwrapper .headertitle{
margin:225px 0 0 2px;
font-weight:bold;
}
#stage #content .chart_3items .leftwrapper .headertitle a{
color:#027fc5;
}
#stage #content .chart_3items .leftwrapper .headertitle a:hover{
color:#004066;
}
#stage #content .chart_3items .productwrapper{
margin:20px 0 0 0;
}
#stage #content .chart_3items .productwrapper .product{
float:left;
margin:0;
padding:0;
width:122px;
}
#stage #content .chart_3items .productwrapper .product li{
padding:0 0 0 1px;
}
#stage #content .chart_3items .productwrapper ul{
list-style-type:none;
}
#stage #content .chart_3items .productwrapper ul li.title{
height:43px;
}
#stage #content .chart_3items .productwrapper ul li.title a{
font-weight:bold;
text-decoration:none;
}
#stage #content .chart_3items .productwrapper ul li.title a:hover{
color:#027fc5;
}
#stage #content ul .title{	
width:120px;
}
#stage #content #chartprod1,
#stage #content #chartprod2,
#stage #content #chartprod3{
display:none;
}
/*Footer text for charts */
#stage #content .chart_footertext{
width:691px;
color:#545454;
}
#stage #content .chart_footertext p{
margin:10px 0 0 0;
}
#stage #content .chart_footertext span{
font-size: 8px;
vertical-align:top; 
padding-right:2px;
display:block;
float:left;
width:8px;
}
#stage #content .chart_footertext span.line3{
height:35px;
}
/* Centering Text */
#stage #content .featurewrapper{
margin:11px 0 0 0;
}
#stage #content .feature{	
text-align:left;
display:block;
width:305px;	
font-size:8pt;
}
#stage #content .features{ 
display:inline;  
}
#stage #content .featureheight{ 
height:47px;
vertical-align:middle;
} 
#stage #content .featuretext{ 
display:table; 	 
height:47px;  
text-align:left; 
vertical-align:middle;
}
#stage #content .featuretext span{ 
display:table-cell; 
line-height:13px; 
vertical-align:middle;
width:290px;
}
#stage #content .featuretext span sup{
font-size: 8px;
}
#stage #content .rowtext{
width:144px;
color:#545454;
}
#stage #content .rowtext a{
color:#545454;
text-decoration:none;
}
#stage #content .rowtext a:hover{
color:#027fc5;
}
/* Right Content - Wide */
#stage #content #rightcontent.wide{
font-size:8pt;
margin-right:5px;
width:742px;
}
#stage #content #rightcontent.wide a.herohref{
cursor:pointer;
}
#stage #content #rightcontent.wide a.herohref img{
position:absolute;
z-index:100000;
cursor:pointer;
}
#stage #content #rightcontent.wide #hero{
height:343px;
position:relative;
}
/* Right Content - Wide - Hero 3 Product */
#stage #content #rightcontent.wide .herolink{
z-index:100;
position:absolute;
display:block;
height:138px;
width:98px;
text-decoration:none;
top: 154px;
}
#stage #content #rightcontent.wide #herolink1{
left:28px;
}
#stage #content #rightcontent.wide #herolink2{
left:129px;
}
#stage #content #rightcontent.wide #herolink3{
left:236px;
}
/* Red Important Items */
#stage #content span.asterisk{
color:#ed1c24;
}
#stage #content .importantcontainer{
margin:15px 0 0 15px;
padding:0;
list-style-type:none;
line-height:14px;
width:332px;
}
#stage #content .importantcontainer li{
font-size:8pt;
margin:0 0 4px 0;
}
#stage #content .importantcontainer .asterisk,
#stage #content .importantcontainer .bull,
#stage #content .importantcontainer .idetails,
#stage #content .importantcontainer .idetailstitle{
float:left;
color:#ed1c24;
}
#stage #content .importantcontainer .bull,
#stage #content .importantcontainer .idetails{
color:#545454;
}
#stage #content .importantcontainer .asterisk,
#stage #content .importantcontainer .bull{
width:15px;
}
#stage #content .importantcontainer .asterisk,
#stage #content .importantcontainer .idetailstitle{
font-weight:bold;
}
#stage #content .importantcontainer .idetails,
#stage #content .importantcontainer .idetailstitle{
width:317px;
}
/* Learn More + Details */
#stage #content .rightdetails,
#stage #content .leftdetails{
background-image:url(../../base/category/Windows_Category_Details_Module.jpg);
background-repeat: no-repeat;
width:366px;
height:395px;
margin:5px 0 0 0;
float:left;
}
#stage #content .leftlearn,
#stage #content .leftdetails{
margin-right:7px;
}
#stage #content .rightlearn,
#stage #content .leftlearn{
float:left;
height:524px;
width:366px;
margin-top:10px;
}
#stage #content .rightlearn a,
#stage #content .leftlearn a{
position:absolute;
}
#stage #content .rightlearn img,
#stage #content .leftlearn img{
border:0;
}
#stage #content .rightlearn ul,
#stage #content .leftlearn ul{
position:relative;
list-style-type:none;
margin:30px 0 0 20px;
padding:0;
width:330px;
}
#stage #content .rightlearn ul .line1,
#stage #content .leftlearn ul .line1{
font-size:16pt;
margin:0 0 10px 0;
}
#stage #content .rightlearn ul .line2,
#stage #content .leftlearn ul .line2{
font-size:13pt;
margin:0 0 20px 0;
}
#stage #content .rightlearn ul .line3,
#stage #content .leftlearn ul .line3{
font-size:10pt;
}
/* Information Modules (Left + Right Text) */
#stage #content .basicinfocontainer .leftbasicinfo,
#stage #content .basicinfocontainer .rightbasicinfo{
float:left;
margin:20px 0 20px 0;
padding:0;
list-style-type:none;
font-size:8pt;
width:325px;
color:#545454;
line-height:16px;
}
#stage #content .basicinfocontainer .leftbasicinfo li,
#stage #content .basicinfocontainer .rightbasicinfo li{
width:310px;
}
#stage #content .basicinfocontainer .leftbasicinfo .btitle,
#stage #content .basicinfocontainer .rightbasicinfo .btitle{
color:#90a724;
font-size:13pt;
padding:0 0 10px 0;
}
#stage #content .basicinfocontainer .leftbasicinfo{
border-right:1px solid #e9e9e9;
}
#stage #content .basicinfocontainer .rightbasicinfo{
margin-left:30px;
}
/* Important Information - Footer Text */
#stage #content .importantcontainer2{
list-style-type:none;
margin:15px 0 0 0;
padding:0;
width:690px;
color:#545454;
}
#stage #content .importantcontainer2 .idetailstitle{
color:#90a724;
font-size:13pt;
margin:0 0 10px 0;
}
#stage #content .importantcontainer2 li{
margin:0 0 4px 0;
}
#stage #content .importantcontainer2 .bull,
#stage #content .importantcontainer2 .idetails{
float:left;
}
#stage #content .importantcontainer2 .bull{
width:20px;
text-align:right;
margin:0 15px 0 0;
}
#stage #content .importantcontainer2 .idetails{
width:655px;
}
#stage #content .importantcontainer2 .link{
width:690px;
margin:10px 0 0 0;
text-align:right;
}
#stage #content .importantcontainer2 a{
color:#027fc5;
}
#stage #content .importantcontainer2 a:hover{
color:#004066;
}
/* Reasons Product Rocks */
#stage #content .importantcontainer3{
float:left;
list-style-type:none;
margin:15px 40px 0 0;
padding:0;
width:330px;
color:#545454;
}
#stage #content .rightic3{
margin-right:0px;
}

#stage #content .windows7box{
margin-top:50px;
}

#stage #content .importantcontainer3title{
color:#34A549;
font-size:13pt;
margin:20px 0 0 0;
}
#stage #content .importantcontainer3 li{
margin:0 0 4px 0;
}
#stage #content .importantcontainer3 .bull,
#stage #content .importantcontainer3 .idetails{
float:left;
}
#stage #content .importantcontainer3 .bull{
width:5px;
text-align:left;
margin-right:10px;
}
#stage #content .importantcontainer3 .idetails{
width:314px;
}
#stage #content .importantcontainer3more{
margin:10px 0 0 0;
}
#stage #content .importantcontainer3more a{
color:#027fc5;
}
#stage #content .importantcontainer3more a:hover{
color:#004066;
}


#stage #content .buyalert
{
position:absolute;
color:#E34318;
margin:160px 0 0 34px;
width:300px;
font:8pt "Malgun Gothic","Lucida Grande" , Arial, Helvetica, "Sans Serif", Verdana;
}

#stage #content .buyalert2
{
margin:7px 0 0 0;
}



.anytimebanner{
position:absolute;
top:362px;
left:5px;
cursor:pointer;
}
.anytimepop{
position:absolute;
top:80px;
left:180px;
display:none;
z-index:10000000000;
}


#stage #content .chart_office{
margin:13px 0 0 0;
font-size:8pt;
color:#545454;
width:731px;
height:672px;
background-repeat:no-repeat;
}


#stage #content .chart_vs{
margin:13px 0 0 0;
font-size:8pt;
color:#545454;
width:745px;
height:1358px;
background-repeat:no-repeat;
}

#stage #content .chart_msdn{
margin:13px 0 0 0;
font-size:8pt;
color:#545454;
width:745px;
height:895px;
background-repeat:no-repeat;
}


#stage #content .comparetable a
{
color:#004066;
text-decoration:none;
}

#stage #content .comparetable ul
{
display:inline;
list-style:none;
}

#stage #content .comparetable ul.showprice .totalsp{
font: 8pt "Malgun Gothic","Lucida Grande" , Verdana, Arial, Helvetica, "Sans Serif";
font-weight:bold;
margin:-1px 0 0 0;
color:#ed1c24;
}

#stage #content .comparetable ul.showprice .strike{
font-weight:normal;
margin:-1px 0 0 0;
text-decoration: line-through;
}



#stage #content .texttitle{
color:#1730C3;
font-weight:bold;
}
