h4 {
	font-size: small;
  color: #333333;
  padding-bottom: 10px;
}

.content a  {
  font-weight: bold;
  font-size: x-small;
  text-decoration: none;
  color: #3399ff;
}

.content a:hover  {
  font-weight: bold;
  font-size: x-small;
  text-decoration: none;
  color: #99ccff;
}

.logout {
  font-weight: bold;
  font-size: x-small;
  text-decoration: none;
  color: #F22500;
  border-left: 1px solid #cccccc;
  padding-left: 7px;
}

.delete a {
  border-left: 1px solid #222222;
  padding-left: 5px;
  font-size: x-small;
}

.delete a:hover {
  border-left: 1px solid #222222;
  padding-left: 5px;
  font-size: x-small;
}


.logout a {
  font-weight: bold;
  font-size: x-small;
  text-decoration: none;
  color: #F22500;
}

#main #content {
	padding: 0px;
	width: 900px;
	background-color: white;
}

#main .orangeHeader {
	color: #333;
	font-size: 1.636em;
	font-weight: normal;
}

#tier1 {
	width: 100%;
  	border: none;
	padding: 0px;
	margin: 0px;
	margin-top: 7px;
}

#tier2 {
	width: 100%;
	overflow:hidden;
	padding: 0px;
}

#tier3,
#tier4 {
	width: 100%;
	padding: 0px;
	margin-top: 16px;
}

#tier5 {
  width: 100%;
  padding: 0px;
  border-bottom: 1px solid #cccccc;
}

#tier6 {
	width: 100%;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#tier7 {
	width: 100%;
	padding: 0px;
}

/* IE7 margin fix */
*+html #tier7 {
	margin-bottom: 15px;
}

#tier7 table {
	width: 100%;
}

#tier8 {
	width: 100%;
	padding: 0;
	margin: 0;
	margin-top: -4px;
	clear: both;
}

*+html #tier8 {
	margin-top: 15px;
}

/* IE7 margin fix */
*+html #tier8 .thinGreyLine {
	margin: 0;
}

#tier8 .thinGreyLine {
	margin-bottom: 14px;
}

#tier8 #secureImage,
#tier8 #secureText {
	float: left;
}

#tier8 #secureImage {
	text-align: center;
	width: 15%;
}

#tier8 #secureText {
	padding-top: 10px;
	padding-bottom: 20px;
	width: 85%;
	color: #999;
}

.tier {
  width: 100%;
  padding: 0px;
}

.tierNoPrint {
  width: 100%;
  padding: 0px;
}

.errorTierOff {
  font-size: 1px;
  padding: 0px;
}

.errorTierOn {
  font-size: 100%;
  font-weight: bold;
  background-color: #ffffcd;
  border: 2px solid #ff6600;
  color: #ff6600;
  padding: 5px;
}

#errorTier li {
  color: #ff6600;
  font-weight: bold;
  font-size: small;
}

#errorTier li {
  color: #ff6600;
  font-size: 80%;
  list-style-type: circle;
  padding: 0px;
}

.tagline {
  font-size:12px;
  color:#CCCCFF;
  line-height:20px;
}

/* the login box */
.leftBox {
  width: 344px;
  border-right: 2px solid #eaeaea;
  vertical-align: top;
}

/* the business customer box */
.rightBox {
  width: 345px;
  vertical-align: top;
}

.leftBox2 {
  width: 340px;
  vertical-align: top;
  padding-right: 10px;
}

/* the login box */
.leftBox3 {
  width: 330px;
  border-right: 2px solid #eaeaea;
  vertical-align: top;
  padding-left: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.boxContent {
	padding: 0 8px 0 8px;
}

.annotation {
	color: #999;
	font-style: italic;
	margin-bottom: 10px;
}

.redStar {
  color: #f60;
}

.familyPrice {
  font-size: 100%;
  font-weight: bold;
	color: #ff6501;
}

.errorFormText {
  font-size: 100%;
  font-weight: bold;
  color: #ff3300;
  }

.errorFormBox {
  border: 1px solid #ff3300;
  background-color: #ffffcd;
  }

.errorFormCheckBox {
  border: 1px solid #ff3300;
  background-color: #ffffcd;
}

#errorFormCheckBoxCell {
  padding-right: 6px;
}

.formButton {
	font-weight: bold;
	color: #ffffff;
	background-color: #ff6600;
  padding-right: 10px;
  padding-left: 10px;
	}

.formButton2 {
	font-weight: bold;
	color: #ffffff;
	background-color: #808080;
  padding-right: 10px;
  padding-left: 10px;
	}

.loginButton {
	font-weight: bold;
	color: #ffffff;
	background-color: #ff6600;
  padding-right: 0px;
  padding-left: 0px;
}

.formRow {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 6px;
  height: 35px;
  text-align: right;
}

.thinGreyLine {
	margin-top: 15px;
	margin-bottom: 15px;
	border-top: 1px solid #cccccc;
}

.greyBox {
  padding: 8px;
  background-color: #f2f2f2;
}

.deliveryBox1 {
  border-right: 1px solid #cdcdcd;
}

.deliveryBox2 {
  padding: 5px;
}

.orderHeader {
  background-color: #dbdbdb;
}

.blueHatch {
  background-image:url(/ms/img/irw/blueHatch.gif);
}

.orderColumn {
  width: 33%;
  text-align: left;
  vertical-align: top;
	padding: 3px 0px 5px 10px;
}

.orderColumn2 {
  width: 28%;
  text-align: left;
  padding: 3px 0px 5px 10px;
}

.orderColumn3 {
  width: 16%;
  text-align: left;
  vertical-align: top;
  padding: 3px 0px 5px 10px;
}

.profileList li {
  list-style-image: none;
  list-style-type: disc;
  font-weight: normal;
  list-style-position: outside;
}

.policyLinks  {
  padding-top: 30px;
  text-align: left;
}

.saveButton  {
  padding-top: 30px;
  text-align: right;
}

.secureBox  {
  border-right: 1px solid #ffffff;
  width: 150px;
  text-align: center;
}

.secureText {
  padding: 10px 50px 10px 10px;
}

#content table  {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

  
/* ----------- FW10 changes - start -----------------*/

.topMenu .rightSection .singleLink {
	font-size:1.15em;
	padding-right:1em;
}

#main {
	font-size:1.15em;
}

#main input {
	font-size:1em;
}	

#main h1 {
	font-size:1.636em;
	font-weight:normal;
	color:#333;
	margin: 0;
}

#main .grey5 {
	color:#333;
	font-size:1em;
}

#main .grey5Bold {
	font-weight:bold;
	font-size:1em;
	color:#333;
}

#main #com27_05 .grey5Bold {
	font-weight:normal;
}

#main .grey2Bold {
	font-size:1.273em;
	font-weight:normal;
	color:#333;
}

#main .darkgrey1 {
	font-size:1em;
}

#main #com20_01 form table {
	background-color:#fff;
	border:1px solid #ccc;
}

#main div.buttonContainer a {
	font-size:1em;
}

#main h2,
#main h3 {
	margin:0;
	font-size: 18px;
	font-weight: normal;
}

#main h2 {
	font-weight: bold;
	padding:0.357em;
	padding-left: 0;
}

#main h3 {
	margin-bottom: 15px;
}

#main .formText {
	font-weight:bold;
}

#main .orderColumn2 tr {
	vertical-align:middle;
}

#main .productName {
	font-weight:bold;
}

#main .dottedLineCell {
	font-size:0;
}

/* ----------- FW10 changes - end -------------------*/

.cartNotaBene {
  color:#E37F34;
}



/* ------------ SC#4779488- start----------------*/
#shippingCalculation {
    height:1.909em;
}

#shippingCalculation #zipCode {
    float:left;
    margin:0.091em 0.455em 0 0;
}

#shippingCalculation div.buttonContainer {
    float:left;
}

/* ------------ SC#4779488- end----------------*/

#tier1 h1 {
	margin-bottom: 15px;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	-moz-opacity: 0.0;
	opacity:.0;
	filter: alpha(opacity=0);
	cursor: default;
	z-index: 150;
	display:none;
}

.lightbox {
	position: fixed;
	top: 200px;
	left: 25%;
	margin: 0 auto;
	background: #fff;
	padding: 12px;
	width: 50%;
	text-align: center;
	border: 2px solid #666;
	cursor: default;
	z-index: 151;
	text-decoration: none;
	display:none;
}

.lightbox .text_center {
	text-align: center;
	color:#666666;
	display:block;
	margin-top:20px;
}

.lightbox .image_center {
	margin-top:20px;
	text-align:center;
	margin-bottom:10px;
}

* html #lightbox_box {
	/*\*/position: absolute; top: expression((200 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); left: expression((300 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/
}

#content > #lightbox_box {
	position: fixed;
	top: 200px;
	left: 25%;
} 

.addToShoppingTable {
	background-color:#fff;
	border:1px solid #ccc;
}

.clearBox {
	clear: both;
	font-size: 0px;
}

#breadCrumb1, #breadCrumb2, #breadCrumb3, #breadCrumb4,
.breadCrumb_stepNo, .breadCrumb_text {
	float: left;
}

#breadCrumb1, #breadCrumb2, #breadCrumb3, #breadCrumb4 {
    color: #fff;
    background: #ccc;
    width: 222px;
    height: 60px;
}

#breadCrumb1.threeSteps, #breadCrumb2.threeSteps, #breadCrumb3.threeSteps {
	width: 297px;
}

#breadCrumb1.currentStep, #breadCrumb2.currentStep, #breadCrumb3.currentStep, #breadCrumb4.currentStep {
	background: #ff6600;
}

#breadCrumb2, #breadCrumb3, #breadCrumb4 {
    margin-left: 4px;
}

.breadCrumb_stepNo {
    line-height: 55px;
    margin-left: 7px;
    font-size: 36px;
    font-weight: bold;
}

.breadCrumb_text {
    margin-left: 6px;
    margin-top: 13px;
}

.halfBox {
	width: 50%;
	float: left;
}

.checkoutRight {
	float:right;
}

/* --- Gray box --- */
.halfBox .graybg {
	background-color: #faf9f4;
	border: 1px solid #ebe8db;
	border-bottom: 0 none;
	padding: 0.73em 1.15em 1.56em;
	padding: 15px;
}

.halfBox .shadow {
	background-image:url(/ms/img/menu/producs_bottom_shadow.gif);
	background-repeat:repeat-x;
	height: 0.52em;
	width: 100%;
}

/* --- Forms --- */

.formField {
	min-height: 52px;
	margin-bottom: 4px;
}

.formField .formLabel {
	margin-bottom: 4px;
}

.formSample {
	color: #999;
	font-style: italic;
	font-size: 0.95em;
}

#contactIkea {
	margin-bottom: 15px;
}

/* ------------ Checkout/pay order - Page specific styles ----------------*/

/* --- Welcome Page --- */

#tier1 #welcomeTitle h1 {
	margin: 0;
}

#tier1 #continueShopping {
	margin-top: 7px;
	text-align: right;
}

#welcomeMain {
	width: 100%;
	padding: 0px;
	margin-top: -4px;
}

#welcomeLogin .boxContent,
#welcomeGuest .boxContent {
	padding-top: 0;
	padding-bottom: 0;
}

#welcomeLogin .boxContent h2,
#welcomeGuest .boxContent h2 {
	font-weight: normal;
	font-size: 15px;
}

#welcomeGuest .boxContent h2 {
	margin-top: 11px;
}

#welcomeGuest .msgContainer {
	margin-bottom: 12px;
}

#welcomeLogin #welcomeLogin_grayBox {
	width: 82%;
}

#welcomeLogin #welcomeLogin_grayBox h2 {
	padding: 0;
	margin-bottom: 15px;
}

#welcomeLogin #welcomeLogin_grayBox #loginInfo_text,
#welcomeLogin #welcomeLogin_grayBox #passPrivId_field {
	margin-bottom: 15px;
}

/* --- Step 1 --- */

#tier3 h2,
#tier4 h2,
#tier5 h2 {
	padding: 0;
	margin: 0 0 15px;
}

#shippingBox {
	margin-top: 10px;
}

#tier4 .boxContent form div.annotation {
	margin-top: 15px;
}

#tier6 #termsAndConditions_text,
#tier6 #termsAndConditions_label {
	float: left;
}

#tier6 #termsAndConditions_label {
	margin-top: 3px;
	margin-left: 4px;
	width: 400px;
}

#tier5 {
	border: none;
}

#main #tier5 .boxContent h3 {
	margin-top: 0px;
}

#tier6 {
	padding: 0;
}

#tier7 .buttonContainer {
	margin-top: 15px;
}

/* --- Step 2 --- */

#tier7 .boxContent .checkoutRight .btnContainer {
	margin-top: 10px;
}

#tier4 .tblOrderDetails {
	font-size: 11px;
	margin-bottom: 1.05em;
}

#tier4 .tblOrderDetails th {
	font-size: 1.15em;
	background-color: #faf9f4;
	border-top: 1px solid #ccc;
	color: #333;
	height: 3.71em;
}

#tier4 .tblOrderDetails td {
	border-bottom: 1px solid #eae8d9;
	line-height: 1.27em;
	padding-top: 1.27em;
	vertical-align: top;
}

#tier4 .tblOrderDetails .prodImg {
	float: left;
	height: 4.53em;
	width: 4.53em;
}

#tier4 .tblOrderDetails .prodInfoContainer {
	float: left;
	padding-left: 20px;
}

#tier4 .tblOrderDetails .colProduct {
	padding-left: 0.91em;
	width: 430px;
}

#tier4 .tblOrderDetails td.colProduct {
	padding-bottom: 0.91em;
}

#tier4 .tblOrderDetails .prodName {
	display: block;
	font-weight: bold;
}

#tier4 .tblOrderDetails .prodDesc {
	display: block;
	padding-bottom: 0.27em;
}

#tier4 .tblOrderDetails .prodPrice {
	display: block;
	font-weight: bold;
}

#tier4 .tblOrderDetails .prodInfo {
	display: block;
}

#tier4 .tblOrderDetails .colQty,
#tier4 .tblOrderDetails .colPriceLabel {
	width: 23.13em; /* 294px */
}

#tier4 .tblOrderDetails .colQty .orderItemQuantity {
	float: left;
}

#tier4 .tblOrderDetails .colQty .orderItemActions {
	float: left;
	margin-top: -4px;
}

#tier4 .tblOrderDetails .colQty .orderItemActions .orderItemActionRow {
	margin-left: 10px;
}

#tier4 .tblOrderDetails .colTotalPrice {
	padding-right: 15px;
	text-align: right;
	width: 10.52em; /* 133 px */
}

#tier4 .tblOrderDetails .colFamilyPrice {
	width: 0;
}

#tier4 .tblOrderDetails td.colShadow {
	border-bottom: 0 none;
	border-top: 1px solid #a7a5a6;
	padding: 0;
}

#tier4 .tblOrderDetails td.colShadow img {
	height: 6px;
	width: 100%;
	vertical-align: top;
}

#tier4 .tblOrderDetails #grandTotalFooter td {
	border: 0 none;
	padding-top: 0;
}

#tier4 .tblOrderDetails #grandTotalFooter .colPrice {
	text-align: right;
	padding-right: 15px;
}

#tier4 .tblOrderDetails #grandTotalFooter tr.grandTotalRow {
	padding-top: 4px;
	padding-bottom: 4px;
}

#tier4 .tblOrderDetails #grandTotalFooter tr.grandTotalRow td {
	vertical-align: middle;
}

#tblOrderPaymentTotal #grandTotalFooter tr.grandTotalRow .colPriceLabel,
#tblOrderPaymentTotal #grandTotalFooter tr.grandTotalRow .colPrice,
#tier4 .tblOrderDetails #grandTotalFooter tr.grandTotalRow .colPriceLabel,
#tier4 .tblOrderDetails #grandTotalFooter tr.grandTotalRow .colPrice {
	font-weight: bold;
	font-size: 14px;
}

#tier4 #tblPriceDetails.tblOrderDetails {
	margin-top: 0;
	margin-bottom: 0;
}

#editDeleteLinks {
	margin-top: 15px;
}

#editDeleteLinks #editAddressLink,
#editDeleteLinks #deleteAddressLink {
	float: left;
}

/* --- Step 3 --- */

#tblOrderPaymentTotal {
	font-size: 11px;
	margin-bottom: 1.05em;
	margin-top: 1.05em;
	width: 100%;
}

#tblOrderPaymentTotal td {
	background-color: #faf9f4;
	border-top: 1px solid #ccc;
	color: #333;
	height: 3.71em;
}

#tblOrderPaymentTotal .colProduct {
	padding-left: 0.91em;
	width: 430px;
}

#tblOrderPaymentTotal .colQty,
#tblOrderPaymentTotal .colPriceLabel {
	width: 23.13em; /* 294px */
}

#tblOrderPaymentTotal .colTotalPrice {
	padding-right: 15px;
	text-align: right;
	width: 10.52em; /* 133 px */
}

#tblOrderPaymentTotal .colFamilyPrice {
	width: 0;
}

#tblOrderPaymentTotal .colChangeOrder {
	text-align: right;
	padding-right: 15px;
	width: 22.14em; /* 280px */
}

#tblOrderPaymentTotal #grandTotalFooter .grandTotalRow .colPriceLabel {
	font-weight: bold;
}

#tblOrderPaymentTotal td.colShadow {
	border-bottom: 0 none;
	border-top: 1px solid #a7a5a6;
	padding: 0;
	height: 0;
}

#tblOrderPaymentTotal td.colShadow img {
	height: 6px;
	width: 100%;
	vertical-align: top;
}

#paymentMethodBox {
	width: 80%;
}

#paymentMethodBox #method_field.paymentRadio {
	margin-bottom: 15px;
}

#paymentMethodBox #method_field #method_label {
	font-weight: bold;
}

#paymentMethodBox #cardCvx2Code_field #cardCvx2Code_label a {
	font-size: 0.95em;
}

#cv2help.lightbox {
	width: 350px;
	left: 50%;
	text-align: left;
}

#paymentMethodBox #method_field .paymentRadio_field,
#paymentMethodBox #campaignCode #useCampaignCode_field,
#paymentMethodBox #giftCards #useGiftCard_field {
	float: left;
	width: 20px;
}

#paymentMethodBox #method_field .paymentRadio_label,
#paymentMethodBox #campaignCode #useCampaignCode_text,
#paymentMethodBox #giftCards #useGiftCard_text {
	float: left;
	width: 290px;
	margin-left: 10px;
	margin-top: 2px;
}

#paymentMethodBox #campaignCode,
#paymentMethodBox #giftCards {
	margin-top: 15px;
}

#paymentMethodBox #giftcardInfoText {
	color: #999;
	font-style: italic;
	font-size: 0.95em;
}

#paymentMethodBox #hideOrShowCampaignCode,
#paymentMethodBox #hideOrShow {
	margin-top: 15px;
}

#printableReceiptText {
	margin-bottom: 15px;
}

#tier9 #invoiceConditonsBox {
	margin-bottom: 15px;
}

#tier9 #invoiceConditonsBox #realInvoiceTermsAndConditions_text {
	float: left;
	width: 20px;
}

#tier9 #invoiceConditonsBox #realInvoiceTermsAndConditions_label {
	float: left;
	width: 400px;
	margin-left: 10px;
	margin-top: 2px;
}

#tier9 #termsConditonsBox {
	margin-bottom: 15px;
}

#tier9 #termsConditonsBox #realTermsAndConditions_text {
	float: left;
	width: 20px;
}

#tier9 #termsConditonsBox #realTermsAndConditions_label {
	float: left;
	width: 400px;
	margin-left: 10px;
	margin-top: 2px;
}

/* --- Step 4 --- */

#tier3 #txtOrderNumber {
	font-weight: bold;
}

#orderConfirmationDetailsHeader {
	padding-top: 15px;
}

#downloadReaderLink {
	margin-top: 10px;
}

/* --- Pay Order --- */

#distrOrderLinks {
	padding-bottom: 15px; 
}

#distrOrderCompletePurchaseInfo {
	padding-bottom: 15px;
}

#paymentMethodBox #emailInfo {
	margin-bottom: 15px;
}

#PDOHideOrderDetails td {
	padding-top: 15px;
	padding-bottom: 4px;
}

#3dSecureCompletePurchase {
	margin-top: 15px;
}

/* ------------ END: Checkout/pay order - Page specific styles ----------------*/

/* ------------ below css is replaced from an older version of global.css in liveSite -- ANOC -  KPIA----------------*/
.orange1 {color:#FF3300; font-family:Arial,Helvetica,Geneva; font-size:10px;}
.orange2 {color:#FF3300; font-family:Arial,Helvetica,Geneva; font-size:13px;}
.orange3 {color:#FF3300; font-family:Arial,Helvetica,Geneva; font-size:16px;}
.orange4 {color:#FF3300; font-family:Arial,Helvetica,Geneva; font-size:17px;}
.orange5 {color:#FF3300; font-family:Arial,Helvetica,Geneva; font-size:11px;}
/* ------------ below css..   ENDS----------------*/