/*
CSS file : mt800.css
Site: Microsoft Home User Program
$Header: /Commerce/stores.net/buymsehup15/assets/local/css/mt800.css,v 1.72 2015/05/13 10:56:26 MPLS\ifaridi Exp $
*/

/*-- Global --*/
/*header .myaccountTab{display: block; font-size:0.75em; color:#000; text-decoration:underline; float:right; margin:10px 0}*/
.overlay, .errors.overlay {width:64%; margin:0 10%; left:0px; top:15%; overflow:auto; position: absolute}
.overlay .content{max-height:320px}
.overlay#pptOverlay, .overlay#pptOverlayMac{width:77%; margin:0 10%; left:0px; right:0px; top:10%; position: absolute}
.overlay#pptOverlay .content, .overlay#pptOverlayMac .content{max-height:auto}


img.box-shot {width:100px; height:100px; vertical-align:top; margin-right:0px}
h2{font-size:2.2em}
h3{font-size:2.0em}
h4{font-size:1.9em}
body{ font-family: "Segoe UI",Segoe,Arial,Sans-Serif}
.button {font-family:  "Segoe UI",Segoe,Arial,Sans-Serif}
#global-footer {padding: 50px 0;}

/* Country Chooser Page*/
.tab-links .tab-link-item.active{margin-right:0}
.tab-links .tab-link-item.active .arrow, #chooser #country-list{display:none}

/*-- Home, Login, Logon, Recovery Pass & Change Pass --*/
#home h2, #logon h2{font-size:2.2em;}
#home h3, #logon h3, #logon h4{font-size:2.0em;}
#home .grid-5, #logon .grid-5, #logon .grid-5{margin-bottom:20px; width:50%}
#logon .grid-3, #logon .grid-3{margin-bottom:20px; width: 42%;}
#home .M_successMessage{display:none! important}
#home .product .desc, #home .product .box-shot, #logon .product .desc, #logon .product .box-shot, #logoff .product .box-shot {vertical-align:top}
#home .components .tooltip, #logon .components .tooltip {left: -5px; width: 350px;}
#home .components .tooltip .content, #logon .components .tooltip .content{padding:10px}
#home .components .tooltip .product img, #logon .components .tooltip .product img{width:100px; height:100px; float:left}
#home .components .tooltip .product .desc, #logon .components .tooltip .product .desc{display:table-cell; padding:0; width:100%;}
#home .components .tooltip .arrow, #logon .components .tooltip .arrow{margin: -5px 12px -1px;}
/*#home .header-links li, #recoverpassword .header-links li, #changepassword .header-links li, #myaccountregistration .header-links li{border: none; clear: both; padding-top: 10px; padding-left: 0px; float: right;}*/
#logon .help .tooltip{width: 200px; left:-175px;}
#home .help .tooltip .arrow, #logon .help .tooltip .arrow{margin: 1px 175px -1px;}
#logon .grid-3, #logon .grid-3, #changepassword .grid-3, #accesshistory .grid-3{width:45%}
#home #CMsg{float:left; margin-bottom:10px; text-align:left; margin-left:5px}
#home ul.header-links{text-decoration:underline; padding:0;}
.dd{width: 270px! important;}
#home .dd{width:90.5% !important;}
#home .culture-dropdown select{width:90.5% !important; height:40px}
#home #registerFieldSet{width:75%;}
#home .homeMALink, #home .forTablet800{display: block}
#home img.box-shot{margin-right:0}
#home header {padding: 1em;}
#home #global-footer {padding: 2em;}
#home #registerFieldSet {width: 100%;}
#home .homeLifeStyle{position:static; float:left; width:100%}
#home #homePageContainer{position:static; margin:0 auto; width:96%; text-align:center }
#home .grid-3{width:100%; float:none; opacity:1}
#home #registerFieldSet input, #home #registerLookup input{height:40px}
#home #forms #registerFieldSet button, #home #forms #registerLookup button{margin:10px auto; width:96%; height:40px}
#home .ddcommon .ddTitle{padding:10px; width:94%}
#home .dd .ddTitle .ddTitleText{padding:0}
#home .dd .ddChild{top: 38px !important}
#home #registerFieldSet .dd input{border:none}
#home #forms #registerFieldSet a.blue-link, #home #forms #registerLookup a.blue-link{margin:10px auto !important}
#home .help .tooltip{left:-177px}
#home .submit{font-size:1.4em}
#home .field{float:left}
#home #forms input.disabled{float:left;}
#home .work-email .edit-email{float:left}
#home .forDesktop{display:none}
/*WMPC issue*/
#home #registerFieldSet.codeNotFound a.edit-email {
    float: none;
}
#home #forms #registerFieldSet.codeNotFound input.disabled { float:none; width: 32%;}
#home #registerFieldSet.codeNotFound div.work-email {
    text-align: center;
}

/*-- Default --*/
#default .minibasket a.show-hide-trigger{padding: 10px 10px 10px 40px;}
#default .minibasket{float:right! important; margin-bottom:0px}
#default .grid-5, #default .grid-5 .macTable, #default .grid-3{width:100%}
#default ul.header-links{text-decoration:underline;padding:0 0 0px;}
#default .purchaseLink.needDVD.learn-more{border-left: none; display:block; margin-left:0; padding-left:0}
#default #main-product .product .needDVD{margin-top:10px;margin-bottom:10px;padding-left: 0}
#default #main-product .product .compatibleSection{width:100%;margin: 10px 0 0;}}
#default .components .tooltip {left: -134px; width: 210px;}
#default .components .tooltip .product img{width:100px; height:100px; float:left}
#default .components .tooltip .product .desc{display:block; padding:0; width:100%; float:left}
#default .components .tooltip .arrow{margin: 0 142px -1px;}
#default #mac-product .macProdBox .learnMain .learn-more { margin-left:0; }
#default #mac-product .macProdBox img.box-shot, #default #main-product .product .mainProdBox img.box-shot, #default #more-products img.box-shot { margin-right:0; }
#default .macOnly .learn-more{padding-left:0 !important; float: none}
#default .macOnly #mac-product .price, #default .macOnly .product-language {float: none}
#default .macOnly .add-to-cart{margin-left:0}
#default #more-products .purchased .tooltip { left:-108px; }
#default #main-product .product .mainProdBox, #default #mac-product .macProdBox,  #default #mac-product.product .macProdBox img.box-shot{ width: 100px}

/*-- Basket --*/

#basket .grid-5, #basket .grid-3{width:100%}
#basket .omega{margin-left:0}
#basket .button.green-button{margin-bottom:10px}
#basket .cart .add-dvd-row .tooltip .content,#basket .cart .add-usb-row .tooltip .content{width:45%;}
#basket .BasketListTable td {width:68px;}
#basket .cart-icons {float:left;}
#basket img.searchImage {}
#basket .upperBlock {width: 100%;}
#basket .cart tbody tr.backupMediaSection td.column1 {display:none;}
#basket #more-products td.innerItem {padding: 0px 2%;}
#basket #lower-gridWrapper .product .price { width: 100%;}
#basket .backupMediaSection {width:100%; padding-bottom:10px;}
#basket #backupMediaDvdSection, #basket #backupMediaUsbSection {float:left; padding:5px 0;}
#basket .sabrix {width:100%;}
#basket .backupMediaTooltip {font-weight:600;}
#basket .dvdStyle {display:inline; padding:5px;}
#basket .usbStyle {display:inline; padding:5px;}
#basket .cart-icons {float:right;}

/*-- shopper-info--*/
#shopperinfo .payment-control{width:100%}
#shopperinfo #cart-summary{display:none}
#shopperinfo #shippingSection, #shopperinfo #billingSection{width:70%}
#shopperinfo.channel_596 .payment-control .grid-2{width:100%; margin-left:0}

/*--downloader--*/
#downloader .order-details dt, #thankyou .order-details dt, #orderdetail .order-details dt{width:45%}
#downloader .order-details dd, #thankyou .order-details dd, #orderdetail .order-details dd{width:auto}
#downloader .grid-5{width:50%}
#downloader .grid-3{width:40%}
#downloader .errorPanelReceipt{width:58%}
#downloader .collapsed .arrow-up-down{margin-bottom:-5px;}
#downloader .printArea, #thankyou .printArea{display:none}
#downloader img.box-shot, #thankyou img.box-shot{height:auto}
#downloader .product .desc, #thankyou .product .desc, #orderdetail .product .desc { width: 55%; }
#thankyou .grid-3, #downloader .grid-3{float:left; width:100%}  
#downloader .errorPanelReceipt,#thankyou .errorPanelReceipt{float:left; width:100%;}  
#downloader aside, #thankyou aside{border:none;}

/*--receipt--*/
#receipt h3{font-weight:bold}
#receipt h2{font-size: 2.5em; font-weight:400}
#receipt .printSection{display: none}
#receipt .order-details dd{width:auto}
#receipt .order-details dt{width:45%}
#receipt .order-details dd {margin: 5px 10px 5px 3px;}

/*--contactus--*/
/*#contactus .grid-2, #contactus .grid-6 { width: 100%;}*/
#contactus .grid-6 { padding-top: 10px;}
#contactus .email_box.grid-1.omega.icon{margin-left:0;}
#contactus .tile.grid-2, #contactus .tile.grid-6 {width: 18%;}
#contactus .PhoneSupImg { clear:left;}
#contactus .PhoneSupTitle span { font-size: 1.6em;}
#contactus .PhoneSupImg img { margin: 5px 0 15px 5px; width: 55%;}
#contactus .phone-table { width:90%; }
#contactus .PhoneSupText { width: 55%;}
#faq .tile span.tile_text, #contactus .tile span.tile_text {height:60px}
.actual_text span{visibility: hidden}
img#rightArrow, img#leftArrow{ width: 5%}

#contactus .contactus_receipt.left { width:100%; padding:0; }
#contactus .contactus_receipt_left { margin:5px 5px 5px 12px; padding:0; }
#contactus .emailSupportSubTitle { width:auto; }
.emailSupportContent .field { margin-left: 10px; overflow: hidden;}
#contactus .email_box .emailSupportContent { width:90%;}
#contactus .contactus_receipt.left { width:100%; padding:0; }
#contactus .contactus_receipt_left { padding: 3px 0 0 10px; }
#contactus .contactus_receipt.right { padding-top: 20px; padding-left:0; width:100%}
#contactus .emailSupportContent button { margin:20px; }
#contactus .contactus_receipt_esd { float:left; padding-top:10px; width:45%}
#contactus .contactus_receipt_dvd { float:left; padding-top:10px; width:45%}
#contactus .emailSupportContent button { margin: 10px;}
#contactus header .myaccountDefault,#faq header .myaccountDefault {display:block;}
/*-- Edit Payment and Process Page --*/
#editpayment .payment-control, #editpayment .grid-3, #editpayment .grid-2, #process #m_tableMain{width:100%}
#editpayment button {margin-top: 15px}
#editpayment .grid-3, #editpayment .grid-2{margin-left:0}

@media only screen and (max-width: 700px){
	#downloader .product .desc, #thankyou .product .desc{width:50%}
	
	}
	@media only screen and (max-width: 615px){
	#downloader .product .desc, #thankyou .product .desc{width: 65%}
	}

/*--product page --*/
#product ul.optionlist li { width: 100%;}
#product img.box-shot { width: 85%; height: 85%;}
#product .product {
    display: table-cell;
    width: 100%;
}
#product ul.optionlist li.SURF { display:table; width:80%; }
#product ul.optionlist span { padding: 0;}
#product .descHeader { height:35px !important; }
#productdetails .linkmenubar{display:none}
#productdetails .menubar {float:left}
#faq img.ajax-loader{ float:right; margin:5px;}
#faq .header-links{margin: 0 7% 0 0; width:62%;}
#faq .tile, #contactus .tile {width:18%;}
#faq header .backToStoreBtn{margin:20px 1% 0 0}

/*-- orderdetail --*/

#orderdetail .product .button-list {
    float: left;
    padding-top: 15px;
		width:auto; text-align:left;
}
#orderdetail .product .button-list > table{float:none}
#orderdetail #content .green-button {margin-left:0}
#orderdetail h4.learn_more_dwnld {
    font-size: 1.5em;
}
#downloader #Mac16.overlay, #orderdetail #Mac16.overlay{
	width: auto;
}

/** =========================================================================

Culture Specific

=============================================================================*/
#basket.culture_el-GR .backupMediaSection {width:100%;}
#basket.culture_el-GR #backupContainerOne {width:100%; padding:5px;}
#basket.culture_el-GR #backupMediaDvdSection, #basket.culture_el-GR #backupMediaUsbSection {width:100%; padding:5px;}
#basket.culture_el-GR .backupMediaOrSection {width:100%; padding:5px;}

#basket.culture_nl-NL .backupMediaSection {width:100%;}
#basket.culture_nl-NL #backupContainerOne {width:100%; padding:5px;}
#basket.culture_nl-NL #backupMediaDvdSection, #basket.culture_nl-NL #backupMediaUsbSection {width:100%; padding:5px;}
#basket.culture_nl-NL .backupMediaOrSection {width:100%; padding:5px;}