﻿html {
    background-color: #FFF;
    color: #3C3C3B;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 14px;
}

body {
    margin: 10px auto 0px auto; 
    padding: 0; 
    width: 934px;
}

.ms-store {
    background-color: #FFF;
    margin: 16px auto 0;
    padding: 0;
    width: 932px;
    padding-bottom: 20px;
}

h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

h2, h3  {
	font-family:'Segoe UI Light','SegoeUI',sans-serif;
}

div.ms-store {
    position: relative;
}

a {
    color: #706F6F;
    text-decoration: none;
}

.ms-store a, .corporateHead a, .corporateHead a:visited {
    color: #3C3C3B;
}

img {
    border: 0;
}

.ms-store a:visited {
    color:inherit;
}

.right {
    float: right;
}

label {
    margin: 5px 0 0 0; 
}

.clear, .cleaner, .clearfloat, .clearFloat {
    float: none !important;
    clear: both;
}

.ms-store ul, .ms-store ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.button {
    background: url("../../images/layout/sprite.png") no-repeat right -455px transparent;
	cursor:pointer;
	float:left;
	font-size:13px !important;
	height:24px;
	line-height:0;																									
	margin-top:3px;
	padding-right:2px;																													
	padding-top:0;
	position:relative;
	text-align:center;
}

div.button a {
    background: url("../../images/layout/sprite.png") no-repeat 0 -245px transparent;
	color:#FFF;
	display:block;
	height: 24px;
	padding: 0 5px 0 8px;
	outline:none;
	border:none;
}

.button:hover {
    background: url("../../images/layout/sprite.png") no-repeat right -479px transparent;
}

.button a:hover {
    background: url("../../images/layout/sprite.png") no-repeat 0 -269px transparent;
}

.button a:visited {
    color: #ffffff;
}

.button_small {
    background:url("../../images/layout/sprite.png") no-repeat right -632px transparent;
    cursor:pointer;
    font-size:12px !important;
    height:21px;
    margin:3px 0 0 0 !important;
    padding:0 2px 0 0 !important;
    position:relative;
    text-align:center;
    line-height:normal;
    float: left;
    overflow: hidden;
}

.button_small a {
    background:url("../../images/layout/sprite.png") no-repeat 0 -705px transparent;
    display:block;
    font-family:'Segoe UI','SegoeUI',sans-serif;
    height:23px;
    padding: 0 5px 0 8px;
    color: #FFF !important;
    line-height: 20px;
    outline:none;
    text-decoration:none !important;
}

.button_small a:hover {
    text-decoration:none !important;
}

.button_small a:visited {
    color: #FFF;
}

.button_small:hover {
    background:url("../../images/layout/sprite.png") no-repeat right -653px transparent;
}

.button_small a:hover {
    background:url("../../images/layout/sprite.png") no-repeat scroll 0 -730px transparent;
}

/* CATEGORY PAGE */
.right_slide_category {
    float: right;
    padding: 10px 0 40px 0;
    width: 702px;
}

.ms-store .products .price {
    color:#3C3C3B;
	float:left;
	font-size:15px;
	padding-left:10px;
	padding-top:5px;
	width:100px;
} 

.ms-store .products .buybutton {
	float:left;
} 

/* Footnotes on redesigned pages */
.footnotes-landing, .footnotes-office-category {
	float:left;
}   

.footnotes-landing, .footnotes-office-category {
	line-height:18px;
}   

.footnotes-landing a, .footnotes-office-category a {
	color: #227CB7;
	text-decoration: underline !important;
} 

#helpNavi {
	display:none;
}

.popup-window-frame {
    display:none;
}

.popup-window-frame .popup-window-frame-content {
    background-color:#FFFFFF;
    border-left:1px solid #E3E3E3;
    border-right:1px solid #E3E3E3;
    position:relative;
    width:430px;
    padding:15px 20px;
}

.popup-window-close {
    cursor:pointer;
    height:10px;
    position:absolute;
    right:5px;
    top:0px;
    width:10px;
}

.popup-window-frame > div {
    background-color: #f4f4f4;
    border: 1px solid #e3e3e3;
    position: relative;
}
.popup-window-close {
    background:url("../../images/layout/sprite.png") no-repeat 0 -820px transparent;
    cursor:pointer;
    height:40px;
    position:absolute;
    right:-21px;
    top:-20px;
    width:40px;
    z-index:8000;
}
.popup-window-frame .text {
	font-family: Tahoma;
	padding:30px 20px 0;
	font-size: 13px;
	line-height: 20px;
	width: 900px;
	position:relative;
}
.popup-window-frame .text h3 {
	font-size: 14px;
	color: #fd7c17;
	margin-bottom: 10px;
}

.headlines > h1, 
.headlines > p {
    font-family:'Segoe UI Semibold','SegoeUI',sans-serif;
    font-weight: normal;
}

/* .headlines > h2, */
.headlines > p.subHead {
    font-family:'Segoe UI Light','SegoeUI',sans-serif;
    font-weight: normal;
}

.button > a, 
.button_header > a {
    font-family:'Segoe UI','SegoeUI',sans-serif;
    line-height: 22px;
}

.right_product .product_title, 
.office_beta_landing_content h1 {
    font-family:'Segoe UI Light','SegoeUI',sans-serif;
    font-weight: normal;
}

.ten_reasons .item {
     font-family:'Segoe UI','SegoeUI',sans-serif;
     font-size: 18px;
     line-height: 20px;
}   

.right_content_slide .slide_headline1, 
.right_content_slide .slide_headline1_1 {
    font-family:'Segoe UI Semibold','SegoeUI',sans-serif;
    font-size: 22px;
} 

.windows7-family-packs h1, .right_slide_category .slide_headline1 {
    font-family:'Segoe UI Semibold','SegoeUI',sans-serif;
    font-size: 26px;
} 
 
.right_slide_category .slide_headline2 {
    font-family:'Segoe UI Light','SegoeUI',sans-serif;
    font-size: 22px;
}
        
.right_slide_category .windows_slide_headline2, .bigslide .slide_headline2, .technet_compare h2 {
    font-family:'Segoe UI Light','SegoeUI',sans-serif;
    font-size: 26px;
}
  
.bigslide .slide_headline1 {
    font-family:'Segoe UI Semibold','SegoeUI',sans-serif;
    font-size: 26px;
} 
 
.bigslide .slide_headline2 sup {
    font-family:'Segoe UI Light','SegoeUI',sans-serif;
    font-size: 16px; 
}

.officesuites_overview_slide h3, .desktop_programs_slide h3   {
    font-size: 27px;
}

.product_left h2, .order_on_my_store_slide h2, .headline_productcontainer h1  {
    font-family:'Segoe UI Light','SegoeUI',sans-serif;
    color: #3C3C3B;
}

.product_left p.subHead  {
    font-family:'Segoe UI Light','SegoeUI',sans-serif;
    font-size: 23px;
    font-weight: 400;
    line-height: normal;
    margin: 40px 0 0;
    padding: 0;
}
           
.video_slide h2, .screenshot_slide h2 {
	font-family:'Segoe UI','SegoeUI',sans-serif;
}
            
.fullwidthbanner > .headline1 .text, .fullwidthbanner > .headline2 .text {
	 font-family:'Segoe UI Semibold','SegoeUI',sans-serif;
    font-size: 28px;
}

.fullwidthbanner > .headline1 .subheadline, .fullwidthbanner > .headline2 .subheadline {
    font-family:'Segoe UI Light','SegoeUI',sans-serif;
    font-size: 28px;
}

.fullwidthbanner .infotext {
    font-family:'Segoe UI','SegoeUI',sans-serif;
    font-size: 22px;
}
          
.studenthead  {
    font-family:'Segoe UI','SegoeUI',sans-serif;
    font-size: 20px;
}      

.compare_grid h3 {
	font-size: 23px !important;
	font-weight: normal !important;
}
                    
.win_seven_popup h2 {
	font-size: 20px;
}
            
.video_slide h2, .screenshot_slide h2 {
	font-family:'Segoe UI','SegoeUI',sans-serif;
}           

/* styles for ff and chrome under xp */
.xp_ff3 h2,
.xp_ff3 h3 {
	 font-family: 'Segoe UI',Arial,sans-serif;
	 font-weight: normal;
}

.xpff5 h2,
.xpff5 h3 {
     font-family: Arial,sans-serif;
	 font-weight: normal;
}

.xp_ff3 .globalNavigation > li > a,
.xp_ff3 .office_overview_slide h3,
.xp_ff3 .office_overview_slide h4,
.xp_ff3 .button > a,
.xp_ff3 .button_header > a,
.xp_ff3 .ten_reasons .item,
.xp_ff3 .video_slide h2,
.xp_ff3 .screenshot_slide h2,
.xp_ff3 .fullwidthbanner .infotext,
.xp_ff3 .studenthead {
    font-family: 'Segoe UI',Arial,sans-serif;
}

.xpff5 .globalNavigation > li > a,
.xpff5 .office_overview_slide h3,
.xpff5 .office_overview_slide h4,
.xpff5 .button > a,
.xpff5 .button_header > a,
.xpff5 .ten_reasons .item,
.xpff5 .video_slide h2,
.xpff5 .screenshot_slide h2,
.xpff5 .fullwidthbanner .infotext,
.xpff5 .studenthead   {
    font-family: Arial,sans-serif;
}

.xp_ff3 .headlines > h1,
.xp_ff3 .headlines > p,
.xp_ff3 .right_content_slide .slide_headline1,
.xp_ff3 .right_content_slide .slide_headline1_1,
.xp_ff3 .windows7-family-packs h1,
.xp_ff3 .right_slide_category .slide_headline1,
.xp_ff3 .bigslide .slide_headline1,
.xp_ff3 .fullwidthbanner > .headline1 .text,
.xp_ff3 .fullwidthbanner > .headline2 .text {
    font-family: 'Segoe UI',Arial,sans-serif !important;
    font-weight: bold;
}

.xpff5 .headlines > h1,
.xpff5 .headlines > p,
.xpff5 .right_content_slide .slide_headline1,
.xpff5 .right_content_slide .slide_headline1_1,
.xpff5 .windows7-family-packs h1,
.xpff5 .right_slide_category .slide_headline1,
.xpff5 .bigslide .slide_headline1,
.xpff5 .fullwidthbanner > .headline1 .text,
.xpff5 .fullwidthbanner > .headline2 .text {
    font-family: Arial,sans-serif !important;
    font-weight: bold;
}


.xp_ff3 .headlines > p.subHead,
.xp_ff3 .right_product .product_title,
.xp_ff3 .office_beta_landing_content h1,
.xp_ff3 .right_slide_category .slide_headline2,
.xp_ff3 .right_slide_category .windows_slide_headline2,
.xp_ff3 .bigslide .slide_headline2,
.xp_ff3 .technet_compare h2,
.xp_ff3 .bigslide .slide_headline2 sup,
.xp_ff3 .product_left h2,
.xp_ff3 .order_on_my_store_slide h2,
.xp_ff3 .headline_productcontainer h1,
.xp_ff3 .fullwidthbanner > .headline1 .subheadline, .fullwidthbanner > .headline2 .subheadline,
.xp_ff3 .showroom {
    font-family: 'Segoe UI',Arial,sans-serif;
    font-weight: normal;
}

.xpff5 .headlines > p.subHead,
.xpff5 .right_product .product_title,
.xpff5 .office_beta_landing_content h1,
.xpff5 .right_slide_category .slide_headline2,
.xpff5 .right_slide_category .windows_slide_headline2,
.xpff5 .bigslide .slide_headline2,
.xpff5 .technet_compare h2,
.xpff5 .bigslide .slide_headline2 sup,
.xpff5 .product_left h2,
.xpff5 .order_on_my_store_slide h2,
.xpff5 .headline_productcontainer h1,
.xpff5 .fullwidthbanner > .headline1 .subheadline, .fullwidthbanner > .headline2 .subheadline,
.xpff5 .showroom {
    font-family: Arial,sans-serif;
    font-weight: normal;
}

.xp.webkit h2,
.xp.webkit h3 {
	 font-family: 'Segoe UI',Arial,sans-serif;
	 font-weight: normal;
}

.xp.webkit .globalNavigation > li > a,
.xp.webkit .office_overview_slide h3,
.xp.webkit .office_overview_slide h4,
.xp.webkit .button > a,
.xp.webkit .button_header > a,
.xp.webkit .ten_reasons .item,
.xp.webkit .video_slide h2,
.xp.webkit .screenshot_slide h2,
.xp.webkit .fullwidthbanner .infotext,
.xp.webkit .studenthead {
    font-family: 'Segoe UI',Arial,sans-serif;
}

.xp.webkit .headlines > h1,
.xp.webkit .headlines > p,
.xp.webkit .right_content_slide .slide_headline1,
.xp.webkit .right_content_slide .slide_headline1_1,
.xp.webkit .windows7-family-packs h1,
.xp.webkit .right_slide_category .slide_headline1,
.xp.webkit .bigslide .slide_headline1,
.xp.webkit .fullwidthbanner > .headline1 .text,
.xp.webkit .fullwidthbanner > .headline2 .text {
    font-family: 'Segoe UI',Arial,sans-serif !important;
    font-weight: bold;
} 

.xp.webkit .headlines > p.subHead,
.xp.webkit .right_product .product_title,
.xp.webkit .office_beta_landing_content h1,
.xp.webkit .right_slide_category .slide_headline2,
.xp.webkit .right_slide_category .windows_slide_headline2,
.xp.webkit .bigslide .slide_headline2,
.xp.webkit .technet_compare h2,
.xp.webkit .bigslide .slide_headline2 sup,
.xp.webkit .product_left h2,
.xp.webkit .order_on_my_store_slide h2,
.xp.webkit .headline_productcontainer h1,
.xp.webkit .fullwidthbanner > .headline1 .subheadline, .fullwidthbanner > .headline2 .subheadline,
.xp.webkit .showroom {
    font-family: 'Segoe UI',Arial,sans-serif;
    font-weight: normal;
}

/* Submenu */
.CategoryItem .SubCategoryItem a.selected {
    background:url("../../images/layout/white/subnavigation/bg_current_item_cat_level1.png") no-repeat 0 0 transparent !important;
    color:#545454 !important;
    margin-left:8px;
}

.CrossLinkItem .productselected {
    color: #027FC5 !important;
}

.sidemenu {
    float:left;
    width: 165px;
    padding: 20px 0;
    line-height: 28px;
    font-size: 13px;
    color: #3c3c3b;
    background-color: #FFF;
    min-height:500px;
}

.sidemenu ul, .sidemenu ul li {
    list-style: none;
}

.sidemenu ul {
    margin:0;
    padding:0;
}

.sidemenu a:visited {
    color:#8C8C8C !important;
}

.ms-store .sidemenu {
    width: 230px;
}

.sidemenu ul > li ul {
    margin-top:5px;
}

.sidemenu li {
    padding: 0px 0px 9px 14px !important;
    font-size: 13px;
    min-height:10px;

    display:block;
}

.sidemenu .hide {
    display:none;
}

.sidemenu li a {
    color:#8c8c8c;
    padding-right: 14px;
    font-weight: normal;
    background-image:none;
    outline:none;
	display:block;
	line-height:17px;
}

.sidemenu li a.selected {
    background-image:none;
}

.sidemenu > div > ul > li > a {
    font-weight: bold;
}

.sidemenu > div > ul > li > a:hover {
    color:#545454 !important;
}

.sidemenu > div > ul > li.selected {
    color: #1d1d1b;
    background: url("../../images/layout/sprite.png") no-repeat left -6143px transparent;
    font-weight: bold;
}

.sidemenu > div > ul > li.selected.nosubmenu {
    background: none !important;
}

.sidemenu > div > ul > li.selected ul > li.selected {
    color: #1d1d1b;
    background: url("../../images/layout/sprite.png") no-repeat -357px -6143px transparent;
    font-weight: normal;
}

.sidemenu li a.productselected {
    color: #0088c9;
    font-weight: normal;
}

.sidemenu li a.productselected {
    color: #0088c9;
    font-weight: normal;
}

.sidemenu ul li ul li ul li a.productselected,
.sidemenu ul li ul li ul li a:hover {
    color: #0088C9 !important;
    font-weight: normal;
}

.sidemenu ul li ul li a.productselected {
    color: #1d1d1b !important;
    font-weight: normal;
}

.sidemenu > div > ul > li.selected ul > li.selected > ul > li > a:hover {
    color: #0088c9;
}

.sidemenu > div > ul > li.selected ul > li.selected > ul > li {
    padding-left: 7px;
}

.sidemenu > div > ul > li.selected > a, .sidemenu > div > ul > li > a:hover {
    color: #1d1d1b !important;
}

.sidemenu > div > ul > li ul > li.selected > a, .sidemenu > div > ul > li ul > li > a:hover {
    color: #1d1d1b !important;
}

.sidemenu > div > ul > li ul > li {
    font-size: 13px;
    line-height: 18px;
    text-transform: none;
}

.sidemenu > div > ul > li ul > li > div {
    display:none;
}

.sidemenu > div > ul > li.selected ul > li.selected > div {
    display:block;
}

.CrossLinkItem .productselected {
    color: #027FC5 !important;
}
