/*
CSS file : m480.css
Site: Microsoft Home User Program
$Header: /Commerce/stores.net/buymsehup15/assets/local/css/m480.css,v 1.104 2015/05/29 04:47:35 MPLS\ifaridi Exp $
*/
/*-- Global --*/
header .myaccountDefault{display: none;}
.footerMobile{display: block}
.footerMobile a{text-decoration:underline; font-size:1.1em}
ul.header-links, .header-links li span{padding-left:0px; /*float:left; */clear:both}
header .header-links li{border: medium none; padding:0; margin:0 0 10px; width: 100% }
.header-links a {display:none}
.overlay, .errors.overlay{width:85%; margin:0 5.5%; left:0; top:4%; overflow:auto; position:absolute}
.overlay .content, .overlay .q_a{max-height: 220px}
#home .overlay .content{margin-top:5px}
.overlay .close img, .errors.overlay .close img{padding:7px;}
img.box-shot {width:100px; height:130px; vertical-align:top; margin-right:15px; float:left;}
ul, ol {padding-left:0px}
h2, h3, h4{font-weight:bold}
h2{font-size:1.5em}
h3{font-size:1.3em}
h4{font-size:1.2em}
.error-list td {padding-left: 10px;}
.button {font-family: "Segoe UI", Segoe, Arial, Sans-Serif;}
@media only screen and (max-width: 470px) {
  ol.checkout-progress #step-basket {
    padding-left: 10px;
  }  
}
#home .overlayHeader, #downloader .overlayHeader, #thankyou .overlayHeader {display: block; padding-top: 7px; float: left; font-size: 1.2em; font-weight: bold; text-align: left; width: 88%;}
#home #emailContent .close, #downloader #emailContent .close, #thankyou #emailContent .close{width: 100%;}
#home #emailContent .content, #downloader #emailContent .content, #thankyou #emailContent .content{margin-top: 0px;}
#home.channel_590 .compliance_checkboxSection {width:100%; padding:10px 0px;}
#home.channel_590 #registerFieldSet .compliance_checkboxSection input, #home.channel_590 #registerLookup .compliance_checkboxSection input {height: 19px;}
#logoff .grid-5.alpha{width: 100%}
header #countryDialectChooserSection .languageDropDnClass {
  left: -6px !important;
  padding: 7px !important;
  background: url("../blueArrow.png") no-repeat top 0 left 11px !important;
}
header #countryDialectChooserSection .languageDropDnInnererClass {
  background: #0078d7;
  padding: 7px;
  z-index: 5;
	height:50px;
}
header ul.header-links {margin-left:-12px !important; float: right !important;}
#hup header ul.header-links {margin-left:-12px !important; float: left !important;}
#cldimain {margin-bottom: 10px;}
 
/*-- Home, Login, Logon, Recovery Pass & Change Pass --*/
#home h2, #logon h2{font-size: 1.5em;}
#logon h3, #logon h4{font-size: 2.1em;}
#logon .product, #changepassword .product{width:auto; display:table-cell; margin-right:15px}
#home .product{display: inline;}
#home span.help, #footer, #logon span.help, #logon h4 br{display: none}
/*#home .grid-5, #myaccountlogon .grid-5, #recoverpassword .grid-5, #logon .grid-5, #changepassword .grid-5, #myaccountregistration .grid-5{margin-bottom: 20px}*/
#home .homeMALink, #home .tellOthers{display: block}
#home .grid-3, #logon .grid-3, #accesshistory .grid-3{display: block; float: none; margin-bottom: 20px; width: 100%;}
#home .grid-5{display: table-cell; float: none; width: 100%;}
#home .sabrix{display: none}
#home.country_IT.culture_it-IT .sabrix{display: block}
#logon .grid-5{display: none}
#home .grid-4{display: block; float: none; margin:0 0 20px 0; width: 100%;}
#logon #forms{border-left: none; padding-left: 0; width: auto;}
#logon .program-code-title {margin-left:6.5% !important;}
#home #forms{width: auto;}
#logon .header-links select{margin-right:5px;}
#home label, #logon label {margin-top:10px}
#home .header-links a{display: none; }
#home #emailContent.overlay h4{float:none}
#home #emailContent .content{width:100%}
#accesshistory #captchaArea img#captcha{width:225px;}
#accesshistory #captchaArea img#imgCaptchaRefresh{margin-left:8px}
#home #CMsg{float:left; width:auto;  margin-bottom:10px; text-align:left}
#home .header-links select {margin-right:5px;}
#home .product .box-shot { height: 40px; width: 40px; margin:0}
.dd{width: 270px! important; display:block;}
#home .dd{ margin-bottom:0; width:100% !important;}
#home #registerFieldSet{width:100%;}
#home #forms h4{border:none !important;}
/*#myaccountregistration .ddlabel, #recoverpassword .ddlabel, #myaccountlogon .ddlabel {float: right !important;}*/
#home .program-code-title span:first-child, #logon .program-code-title span:first-child {margin:0 0 5px 1%;}
#home .descHeader, #home .descText{display: none}
#home #forms h4{padding-bottom: 5px;border-bottom: 1px solid #ccc;}
ul.header-links {width: 100%;}
#logoff .header-links a{display: block;margin-bottom: 10px;}
#home header { padding: 0.5em;}
#home #global-footer { padding: 2em;}
#home .ddcommon{margin: 0;}
#home header .header-links { margin: 0;}
#home .homeLifeStyle{display:none}
#home .help .tooltip { left: 0px;}
#home.channel_590 .field-style-adjust {margin-left:0;}
#home .grid-3{opacity:1}
#home .homeLifeStyle{position:static; float:left; width:100%}
#home #homePageContainer{position:static; margin:0 auto; width:96%; text-align:center }
#home #registerFieldSet input, #home #registerLookup input{height:40px; width:99%}
#home .country-dropdown{text-align:left;  width:100%;}
#home #forms #registerFieldSet button, #home #forms #registerLookup button{margin:10px auto; width:96%; height:40px}
#home .ddcommon .ddTitle{padding:10px 0;}
#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:0}
#home .submit{font-size:1.4em}
#home .field {float:left;width:100%; padding:10px 0px;}
#home .field.work-email { width: 100%; }
#home #forms input.disabled{float:left;}
#home .work-email .edit-email{float:left}
#home .forDesktop{display:none}
#home .culture-dropdown select {width:100% !important; height:40px}
#home #registerFieldSet input, #home #registerLookup input, #home #resendEmail input { margin-left:0; }
#logon .field { margin: 0 2%; width:100% !important; float:left; }
#logon .field select, #logon .field input { height:40px !important; width:91%; }
#logon .ddcommon .ddTitle { padding: 10px 0; }
#logon .field.country-dropdown { margin-left: 6%; }

/*WMPC issue*/
#home #registerFieldSet.codeNotFound a.edit-email {
    float: left; margin-left:5px;
}
#home #forms #registerFieldSet.codeNotFound input.disabled { float:left; width: 65%;}
#home #registerFieldSet.codeNotFound div.work-email {
    text-align: center;
}
#logon .homeLifeStyle{display:none}
#logon .forDesktop{display:none}
#logon #logonHome {position:static; margin:0 auto; width:96%; text-align:center }
#logon.channel_590 .logon-field-style-adjust {display:inline-block;}
#logon header { padding: 0.5em;}
#logon #global-footer { padding: 2em;}

/*-- Default --*/
#default .learnMain, #default .applications-included, #default .addItemButton, #default .minibasket span.arrow-up-down {display:none}
#default .product .box-shot, #default .M_addItemButton{display:block}
#default .product .desc{float:left;}
#default .details { float:left; }
#default .M_learnMain{display: block; float:left; width:100%}
#default .learn-more{padding:0; margin:0; border:0 }
#default .grid-5, #default .grid-3{width:100%}
#default #mac-product .learn-more {display:block; margin-top:10px}
#default #main-product .product .compatibleSection{margin:10px 0 0; width:100%}
#default #mac-product h4, #default #more-products h4, .product-slider h4, .product-slider h3{font-size:1.3em; font-family:"Segoe UI Light","Segoe UI", Arial, Sans-Serif; font-weight:bold}
#default #main-product .product .needDVD{width:100%}
#default .minibasket, #pdp .minibasket{display:none}
#default #main-product select{margin-bottom:10px}
#default #main-product .product .mainProdBox, #default #mac-product .macProdBox { float:left; }
#default #mac-product .needDVDorUSB {float:left; width:100%; margin-bottom:10px;}
#default .productButton .tooltip { left: -45px;}
#default .macOnly .M_learnMain .learn-more {padding-left: 0 !important; margin-left: 0px;}
#default .macOnly #mac-product .price{float: none}
#default .macOnly .product-language{ padding:10px 15px 15px 0}
#default .macOnly .add-to-cart.with-icon{padding:5px 0 0 40px}
#default .macOnly .add-to-cart{margin: 0}
#default .macOnly #mac-product .desc { padding-left:0; }
#default .purchased .tooltip { left:-50px; }
#default .purchased .tooltip .arrow { margin: 0 20px -1px;}
#default #main-product .product .mainProdBox, #default #mac-product .macProdBox, #default #mac-product.product .macProdBox img.box-shot{ width: 100px}
#default #main-product .needDVDorUSB {width:100%;}
#default .logoff_section { display:none; }
#default .tooltip { display: none;} 

/*-- Basket --*/

#basket .grid-5, #basket .grid-3{width:100%}
#basket h2{margin-bottom:10px}
#basket .tooltip-trigger{display:inline-block; width:100px; float:left; clear:right;}
#basket .cart td .image {float:left; width:100%;}
#basket .cart td .description {float:left; width:61%;}
#basket td .price {float:right;}
#basket .cart tfoot .total td {margin-top:10px; padding:0 10px 0 5%;}
#basket .backupMediaTooltip {width:100%; font-weight:600;}
#basket .M_basketCurrencyList{float:right}
#basket .M_backBtn, #basket .M_cntBtn {float:right; text-align:right; margin-bottom:10px; width:100%}
#basket .checkout{float:right;}
#backupMediaUsbSection .usbStyle, #backupMediaDvdSection .dvdStyle {width:94px;}
#basket img.searchImage {width:68px;}
#backupMediaDvdSection {text-align:left;}
#backupMediaUsbSection {padding-top:10px; text-align:left;}
#backupMediaDvdSection .dvdStyle {float:left;padding-top:6px;margin:0;}
#backupMediaUsbSection .usbStyle {float:left;padding-top:6px;margin:0;}
#basket .DVDcart, #basket .USBcart {padding-left:0; width:68px;}
/*#basket .product .desc{float:left}*/
#basket #wrapper {padding: 20px 10px;}
#basket .product .desc { display: table-cell;}
#basket .cartTotals {border-top: 1px solid #CCCCCC;}
#basket .cart tfoot .total td {border-top: none;}
#basket .cart .add-dvd-row .button, #basket .cart .add-usb-row .button{padding:5px 10px 6px;}
#basket .remove img{ padding: 5px;}
#basket .M_backBtn .ajax-loader { float:right;}
#basket .compatibleSection img{width:130px}
#basket .cart tbody tr.backupMediaSection td  {	padding:5px;}
#basket .cart-icons {display:none;}
#basket .cart-cc-icons { float: left; padding-top:17px;}
#basket #vcs-logo {float:left;  padding-top: 10px;}
#basket .upperBlock { width: 100%;}
#basket .BasketListTable td {width:34%;}
#basket .cart .removeClass { float: none; max-width:97px;}
#basket .cart .removeClass a {float:left;padding-left:8px;}
#basket #more-products td.innerItem {float:left; width:90%;}
#basket .sabrix {width:100%;}
.tooltip-right, .help .tooltip-right {left:2%;top:-491%;width:250px;}
ol.checkout-progress #step-basket { padding-left: 0px;}

#basket .tooltip-right .arrow {
	background: transparent url("../tooltip-arrow-down-sprite.png") no-repeat scroll 0px -2px;
	position:relative;
	left:43%;
	top:97px;
}
#basket .tooltip-right .content {
	width:68%;
}

#basket #more-products td.innerItem {display: table-cell;width: 100%;}
#basket #more-products .product{padding:0 10px}
#basket ol.checkout-progress {margin-top:-10px;}
#basket #more-products.fourTrue img.box-shot { float: left;}
/* gray section of USB and DVD */
#backupContainerOne {width:100%; padding:0;}
#backupMediaDvdSection {width:100%;}
.backupMediaOrSection { width:100%; padding:15px 0;}
#backupMediaUsbSection {width:100%;}
#backupMediaBlank {width:0%;}
.backupMediaSection {width:100%; padding:5px 0 10px 0;}
#basket #lower-gridWrapper .product .price { width: 100%;}
#basket #backupMediaUsbSection {margin-top:0px;}
#basket .countryCurrencyBlock {display:none;}

/*-- Billing --*/
#shopperinfo #cart-summary {display:none}
#shopperinfo #shippingSection, #shopperinfo #billingSection{width:auto}
#shopperinfo #shippingSection .tooltip-right, #shopperinfo #billingSection .tooltip-right{left:auto;top:auto;width:auto; margin:0}
#shopperinfo #shippingSection .tooltip-right .content, #shopperinfo #billingSection .tooltip-right .content{width:auto;}
#shopperinfo #shippingSection .tooltip-right .arrow, #shopperinfo #billingSection .tooltip-right .arrow{background:url("../tooltip-arrow-top.png") no-repeat scroll center 0 #fff; float:none; margin:0 auto -1px}
#shopperinfo .grid-4, #shopperinfo .grid-3, #shopperinfo .grid-2, #shopperinfo .payment-control {width:100%}
#shopperinfo .payment-control .grid-3{margin-left:0}
#shopperinfo .payment-icons{float:left; width:100%; margin-top:10px}
#shopperinfo label{white-space:normal}
#shopperinfo .omega{margin-left:0}


/*-- Checkout --*/
#checkout .grid-4{width:100%; margin-bottom:10px}
#checkout .button-group div.alpha, #checkout #top-checkout{display:none}
#checkout .cartTotals {border-top: 1px solid #CCCCCC;}
#checkout .cart tfoot .total td {border-top: none;}
#checkout .terms { width:100%; }
#checkout .terms_checkbox { width:100%; }
#checkout #termsBox { width:95%;}
#checkout .terms {padding-top: 0px;}
#checkout .button-group{ margin-top: 0px}

/*-- ThankYou --*/
#thankyou p.printArea, #downloader p.printArea, #downloader .grid-3 section, #thankyou .grid-3 section, #downloader .product .button-list, #thankyou .product .button-list, #orderdetail .product .button-list, #downloader .c2r-privacy, #thankyou .c2r-privacy, #orderdetail .c2r-privacy, #orderdetail p.printArea{display:none! important}
#downloader .grid-3, #thankyou .grid-3, #downloader .grid-5, #thankyou .grid-5{width:100%}
#thankyou .grid-3 aside, #downloader .grid-3 aside{border:none; padding:0}
#thankyou .order-details dt, #thankyou .order-details dd, #downloader .order-details dt, #downloader .order-details dd, #orderdetail .order-details dt, #orderdetail .order-details dd, #orderdetail .payment-details dt, #orderdetail .payment-details dd{display:table-cell; width:45%}
#thankyou .product .box-shot, #downloader .product .box-shot {width:68px; height:auto;}
#thankyou .overlay .close, #downloader .overlay .close{float:none}
#downloader .personal-email, #thankyou .personal-email { float:left; width:auto; }
#thankyou .desc dt.key, #downloader .desc dt.key, #thankyou .desc dd.key, #downloader .desc dd.key {float: left; clear:left;}
#thankyou .product .desc, #downloader .product .desc{ float: none}
/*#downloader .product .button-list, #thankyou .product .button-list{ float: left}*/
#thankyou .product .desc, #downloader .product .desc{display: table-cell; width: 100%}
.culture_bg-BG ol.checkout-progress #step-basket {
    padding-left: 10px;
  } 
  #downloader .errorPanelReceipt,#thankyou .errorPanelReceipt{float:left; width:100%;}
#thankyou .BPayBtnClass, #downloader .BPayBtnClass { font-size:0.9em; }
#downloader .header-links{display:none}
/*-- orderdetail --*/
#orderdetail .order-details { float:left; width:100%;}
#orderdetail #billing-address, #orderdetail .payment-details { float:left; width:100%; border:none; padding:20px 10px;}
#orderdetail .product .box-shot { width:auto; height:auto;}
#orderdetail .product .desc { padding: 0;}
#orderdetail h4.learn_more_dwnld { font-size: 1.4em;}
#orderdetail #billing-address #more-instr, #orderdetail #billing-address .learn_more_dwnld{display:none}
#orderdetail .cart .total td{width:auto}
#downloader .personalEmailOverlay, #downloader #overlay-mask { display:none !important; }
 
/*-- Home Page - Successful Registration--*/
#home .M_successMessage{font-size:1em; margin:0 0 10px; font-weight:bold}
#home .success-message .alertMessage{display:none}
#home .success-message{border:none; padding:0}
#home .blue-button{margin-top: 10px; margin-right: 10px}
#home .tellOthers h4{margin:0;}
#home .success-message ol{padding-left:40px}
#home .tellOthers{margin-top:20px}
.successDesktop{display: none}
.successMobile, .successMobile .toPurchaseMob, .successMobile .dontReceiveEmailMob{display: block; text-align:left}
.toPurchaseMob, .dontReceiveEmailMob{ position: relative; display:block; cursor:pointer; text-decoration:none! important; height: 28px}
.toPurchaseMob:hover, .dontReceiveEmailMob:hover{ color:#D2480E;}
.toPurchaseMob p, .dontReceiveEmailMob p{margin: -18px 0 0 20px;}
#accesshistory .EHupAuthentication { background: none; border: none; margin-top:10px}
#logon .logon{margin-top: 0}
/*-- Contact Us Page --*/
#contactus .phone-table .grid-4.alpha, #contactus .phone-table .grid-4.omega, #contactus .phone-table .grid-2, #contactus .phone-table .grid-6{width:100%;}
#contactus .phone-table .grid-6.omega span{line-height:0;}
#contactus .grid-4.omega .grid-2.alpha.icon{display:none}
#contactus .phone-table .grid-4.omega, #contactus .phone-table .grid-6.omega{margin-top:10px; margin-left: 0px;}
#contactus #content .email_box.grid-1.omega.icon{width:100%;padding-bottom:15px}
#contactus textarea{width:96%; max-width:380px;}
#contactus #ListSubject select{width:96%!important; max-width:280px;}
#contactus .PhoneSupTitle { float: left; width: 50% !important; margin: 0 !important; text-align:left !important; line-height:2.4em}
#contactus .PhoneSupTitle span{ font-size:2em;}
#contactus .PhoneSupText { background-color: #0167B9; color: #FFFFFF; float: left; margin-top: 10px; padding: 0px 10px; width:auto;}
/*#contactus .PhoneSupText span { padding: 0 10px; float:left;}*/
#contactus .PhoneSupImg { float: left; margin:0 15px 0 0; text-align: right; width: 30% !important;}
#contactus .PhoneSupImg img { width:40px; }
#contactus .phone-table { width:100%; }
#contactus .contactus_receipt_prodClass.prodInfo{width: 65%}
#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, #contactus .contactus_receipt_dvd {width:100%}
#contactus .contactus_receipt_esd_faq, #contactus .contactus_receipt_dvd_faq {width:100%; padding:0}
#contactus .dvdClass { padding-top:20px;}
#contactus .esdClass{ margin-bottom: 0}
#contactus .emailSection{ padding-top:20px;}
#contactus .emailSection .emailSupportSubTitleClass { padding-top: 10px; width: 100%;}
#contactus .emailSupportTitle {width: 100%;}
#contactus .contactus_receipt_prodClass.prodInfo { float: left; margin-bottom: 15px;}
#contactus .receiptSection img.box-shot { width:70px; height:70px; }
#contactus .PhoneSupText span { margin:3px; }
#contactus .emailSupportContent button { margin: 10px;}
#contactus header .header-links li.myaccountDefault a,#faq header .header-links li.myaccountDefault a{display:block !important;}
#contactus header .header-links li.myaccountDefault a span,#faq header .header-links li.myaccountDefault a span {float:left !important;}
#contactus header .header-links .languageDropDnClass,#faq header .header-links .languageDropDnClass{float:left; clear:none; padding:0 0 10px 0;}
#faq .header-links, #contactus .header-links{margin:0; float:left}
#faq .headerlinks, #contactus .headerlinks, #accesshistory .headerlinks{display:none}
header .CountryDialect{float:left}

/* accesshistory page */

#accesshistory .answersMob, #accesshistory .answerMob { padding:15px; }
#accesshistory .successMobile ol{padding-left:20px}
#accesshistory .successMobile a{text-decoration:underline}
accesshistory .header-links li.back_to_store { display:none; }
#accesshistory #forms { padding:0; }
#accesshistory #myaccount_login input, #accesshistory .dd {
    width: 330px !important;
}
#accesshistory header ul.header-links, #faq header ul.header-links, #contactus header ul.header-links {
    float: left !important;
}
#accesshistory header ul.header-links div li.back_to_store a { display:inline-block; margin-left:15px; }
#accesshistory .header-links li.back_to_store {
    margin: 10px 0 15px 0px;
}

/*-- Purchase History --*/
#ordersummary .col1, #ordersummary .col2{width:auto}

/*-- Receipt Page --*/
#receipt .grid-4, #receipt .grid-3{float:left; width:100%; margin-left:0}
#receipt .printSection{display:none}
#receipt .order-details dd{width:auto; margin-left:10px}
#receipt .order-details dt{width:35%}
#receipt .print_receipt{display:none}
#receipt .cart tbody td{padding-right:5px}
#receipt header .header-links li:first-child { border-right: 1px solid #cccccc;}
#receipt .header-links li { margin:0 10px 20px 0; }

/*-- FAQ Page --*/
#faq #faqArea dt .faqtext{display:table-cell}
#faq img.ajax-loader{ float:left;}
#faq header .backToStoreBtn{float: left; margin:10px 0; width:100%;}
#faq header .backToStoreBtn a.push-right { float:left; }
#faq #faqArea a:hover {color: #000;}
#faq #faq_30 table { width:100%;}
#faq #faqArea ul, #faq #faqArea ol{padding-left:20px;}
/* tile */
#faq .tile, #contactus .tile {height: 25px; padding: 10px 0; width: 100%;}
#faq .tile span img, #contactus .tile span img {display: none;}
#faq .tile_program-eligibility, #contactus .tile_program-eligibility { background-color:#722E6B; }
#faq .tile_active.tile_dormant, #contactus .tile_active.tile_dormant{width:105%! important; margin-left:-1.9%! important;opacity:1! important;}
#faq .tile_dormant, #contactus .tile_dormant {padding: 10px 0; width: 100%; opacity: 0.5}
#faq .tile_active, #contactus .tile_active {margin-left:-1.9%; width: 105%;margin-top: 0; margin-right:-3%;}
#faq .desktop, #contactus .desktop{ display:none}
#faq .mobile, #contactus .mobile{display:block}
#faq #program-eligibility.category.mobile, #faq #orderinfo.category.mobile, #faq #techsupport.category.mobile, #faq #dwnldinfo.category.mobile, #faq #returns.category.mobile{display:none}
#contactus #orderinfo.category.mobile, #contactus #techsupport.category.mobile, #contactus #dwnldinfo.category.mobile, #contactus #returns.category.mobile{display:none}
#faq #orderinfo.category, #faq #techsupport.category, #faq #dwnldinfo.category, #faq #returns.category{display:block}
#contactus #orderinfo.category, #contactus #techsupport.category, #contactus #dwnldinfo.category, #contactus #returns.category{display:block}
#faq .showAll_links_universal, #contactus .showAll_links_universal { display:none; }
#faq .mobile .showAll_links a#show-all_tech, #faq .mobile .showAll_links a#show-all_download, #faq .mobile .showAll_links a#show-all_order, #faq .mobile .showAll_links a#show-all_program, #faq .mobile .showAll_links a#show-all_return  { float:none; display:block; }
#faq .showAll_links a.show-other-sections { display:none;}
#faq .tile span.tile_text, #contactus .tile span.tile_text { padding: 0; width:100%; height:auto; cursor:pointer;}
#faq .header-links { margin: 0%; float: left;}
#faq header .header-links li a { margin-top: 0px;}
/*active tile */
#faq .tile_program.tile_active, #faq .tile_order.tile_active, #faq .tile_tech.tile_active, #faq .tile_download.tile_active, #faq .tile_return.tile_active { border:0; background-image:none;}
#contactus .tile_program.tile_active, #contactus .tile_order.tile_active, #contactus .tile_tech.tile_active, #contactus .tile_download.tile_active, #contactus .tile_return.tile_active { border:0; background-image:none;}
#faq .showAll_links { float: none; width: 100%; margin:0;}

/*-- 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}
#faq #faqOverlay.overlay { overflow-y:hidden;}
#contactus header .myaccountDefault,#faq header .myaccountDefault{display: block !important;}

@media only screen and (max-width: 325px){

#basket .cart{width:100%; padding:5px;}
#basket .cart table td {width:50%;}
#basket .cart table .sTotalCol td {width:80%;}
#basket .cart td.image{padding-right:3px; float:left;display:inline-block;width:auto !important;}
#basket .cart td.description {float:left; display:inline-block;padding-right:0;clear:both;width:60% !important;}
#basket td.price {display:inline-block; width:auto !important; float:right; padding-right:10px;}
#basket .cart .total > td, .cart tfoot .total td {line-height:inherit; margin-top:10px !important; float:right; padding:0 10px 0 5% !important;}
#basket .backupMediaSection {padding:0 0 10px 0 !important;}
#basket #wrapper{padding-left:10px}
#basket .backupMediaOrSection {display:none;}
#basket #backupMediaUsbSection {margin-top:0px;}
#ordersummary #wrapper, #receipt #wrapper {padding:10px}
#basket #more-products td.innerItem {float:left; width:90%;}
}
@media only screen and (min-width: 560px)
{
	#contactus .PhoneSupTitle {
    float: left;
    width: 60%;
}
#contactus .PhoneSupImg {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    text-align: right;
    width: 35%;
}
#contactus .contactus_receipt_prodClass.prodInfo{width: auto}
}
#logoff #EHupLogoff{float:left;width: 100%;}

/*--product page --*/
#product #additional-products { width:100%;}
#product .product_Image img { width:100%; }
#product .grid-4 { width:100%; }
#product #additional-products td { width: 95%; padding: 10px; display: table; margin: 5%;}
#product .pdpage .descTxt{width:95%;}
#product span.dockContent span{float:left;width:100%;}
#product #additional-products h4 {
    font-size: 1.2em;
	}
#product .pdpage .bundle-product{height:auto !important;width:100%; padding:0.8em;}
#product .product .desc { float:left; }
#product ul.optionlist li.SURF { display:table; width:80%; }
#product .pdpage .learn { float: left; clear: both; padding-bottom: 10px; }
#product img.box-shot { width: 85%; height: 85%;}
#product ul.optionlist span.visibleSURF { padding:0.5em 0; }
#product ul.optionlist span { padding: 0;}
#product .productContent .descTxt { height:auto !important; }

/*Product details page*/
#productdetails .container-fluid,#productdetails .container-fluid-navy,#productdetails .grid-container,#productdetails .grid-unit,#productdetails .content-container-fluid p{width: 100%;}
#productdetails .heading{ font-size:1.8em;}
#productdetails .colspan-5{ width:95%;}
#productdetails .menu{clear:both;}
#productdetails .grid-container{width:100% !important;}
#productdetails .container-fluid{width:100% !important;}
#productdetails .tech-specs{padding-top:60px;}
#productdetails .faq-container{padding-top:50px;}
#productdetails .overview-full-bleed-hero{padding-top:20px;}
#productdetails .mainmenu{padding:0px;}
#productdetails .linkmenubar{display:none}
#productdetails .menubar {float:left}
#productdetails .container-fluid { width: 90% !important;}
#accesshistory .successMobile ol {padding:0 0 0 14px}

/*PDP page*/
#pdp .header-links .minibasket a { display: inline-block;}

/*iPhone 5 Specific changes */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) 
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71)
{
	#home #registerFieldSet input, #home #registerLookup input, #logon #resendEmail .field input{height:40px; width:95%}
}
/* iPhone 6 and iPhone 6+ portrait */
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : portrait){ 
	#home #registerFieldSet input, #home #registerLookup input {height:40px; width:98%}
	#home #registerFieldSet input, #home #registerLookup input { margin-left:0; }
}

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

Culture Specific

=============================================================================*/
#basket.culture_el-GR .backupMediaSection {width:100%;}
#basket.culture_el-GR #backupContainerOne {width:93%; 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_el-GR #more-products td.innerItem {width:100%; float:left;}
#basket.culture_el-GR #lower-gridWrapper .product .desc {width:93%;}
#basket.culture_el-GR .sub .sub-left {width:85%;}

#basket.culture_nl-NL .backupMediaSection {width:100%;}
#basket.culture_nl-NL #backupContainerOne {width:93%; 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;}
#basket.culture_nl-NL #more-products td.innerItem {width:100%; float:left;}
#basket.culture_nl-NL #lower-gridWrapper .product .desc {width:93%;}


@media only screen and (max-width: 325px) {
	#basket.culture_el-GR .sub .sub-right {
		padding-top: 25px;
	}
}