/*
CSS file : style.css
Site: Microsoft Home User Program
$Header: /commerce/stores.net/buymsehupadmin/assets/local/ru-RU/css/style.css,v 1.1.2.4 2010/06/21 18:15:52 vnikam Exp $
*/

@import url("../../css/reset.css");
@import url("../../css/elements.css");
@import url("../../css/moreclasses.css");
@import url("../../css/layout.css");

/*
NOTEs:
Any localized style overrides should be entered below; use copies of this file for localization. the above import list should remain common to all channels.

Also, the unobtrusive.js file complements the layout.css styles for positioning the footer and setting backgound settings. The HUP template uses layering and z-index to handle overlay display. Pages use IDs and classes (e.g. .logon) as hooks for the javascript to set page specific heights for positioning this template.
*/


/* topbar */
#topBar {
	background-image:url(../../topBarTall.png);
	height:50px;
}

div .topOverlay{
	margin-top: 18px
}
#howBuy a {
	width:136px;
	height: 36px;
}
#addlProducts a {
	width:136px;
	height: 36px;
}
#amEligible a {
	right:176px;
	width:146px;
}
#addlProducts a {
	right:4px;
}
#howBuy .topOverlay .top {
	padding:10px 24px 20px 18px;
	height: 250px;
}
#amEligibleFlyout {
	right:125px;
}


/* footer */
#footer p {
	padding:4px 20px 24px 24px;
}

/* home page */
#innerContent #offerDescription {
	font-size:12px;
	line-height:1.4em;
	padding:4px 0 0 0;
}
#innerContent fieldset p {
	font-size:11px;
	line-height: 1.3em;
	width:230px;
	margin:0 0 .5em 0;
}
#innerContent fieldset input.inputText {
	width: 222px;
}
#innerContent a.submit {
	margin-right:6px;
	width:76px;
}
#innerContent ul#questions {
	width:345px;
}
#ltCol #productComponents .colA { width: 170px; }
#ltCol #productComponents .colB { width: 170px; }

/* default page */
#prodDetailsCTA {
	padding:8px 14px 14px 14px;
}
#prodDetailsCTA .innerFirstItem p {
	line-height:1.2em;
}
#prodDetailsCTA .innerFirstItem span.price {
	display:block;	
}
#prodDetailsCTA a.addToCart, #prodDetailsCTA a.buttonAdditemLink {
	margin:16px 0 12px 0;
}
#prodDetailsCTA .price {
	font-size:25px;
	font-weight:bold;
	line-height:1em;
}

/* buttons */
a.checkout, a.continue, a.changeorder, a.back {
	width:auto;
}
a.changeorder {
	margin-left:30px;
	width:auto;
}
a.logon, .logon a.button {
	width:124px;
}
a.continue{ font-size:10px}
.contactus a.continue{ font-size:10px; width:130px }

/* basket */
img.verisign {
	float:right;
	margin-left:24px;
}

/* thanks */

#downloadArea .links {
	float:right;
	font-size:11px;
	line-height:29px;
	position:absolute;
	right:14px;
	padding-right:20px;
	z-index:3;
	top:-35px;
}
.links a { margin-left:12px; }

/* contactus */
.contactus td span {
	display:block;
	float:left;
	width:200px;
}
/*  Error box */
.contacterrors {
	border-right: #cecece 1px solid; 
	border-top: #cecece 1px solid; 
	filter: progid:dximagetransform.microsoft.shadow(color=#666666,direction=135); 
	left: 50%; 
	border-bottom: #cecece 1px solid; 
	border-left: #cecece 1px solid; 
	position: absolute; 
	background-color: #ffffff; 
	top: 8%;  
	margin: 0 0 0 -220px; 
	width: 424px; 
	z-index:90;
}

/* Questions and Answers   */
div.answers {
	margin-top: -25px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding: 10px;
	display:block;
	position:absolute;
	z-index:31;
	left:2px;
	width:450px;
}
.answers .middle {
	width:450px;
}
.answers .top {
	background-image:url(../../faq-overlay-top-Big.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:22px;
}
.answers .middle {
	background-image:url(../../faq-overlay-middle-Big.png);
	background-repeat:repeat-y;
	padding: 8px 12px;
}
.answers .bottom {
	background-image:url(../../faq-overlay-bottom-Big.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:10px;
}