﻿/* myaccount.css 

	My account section related style rules.

*/

/* general */
.section-footer img { border:0px; }
h1, h2, h3 { font-family : "Trebuchet MS", arial, sans-serif ; font-weight : normal ; }
h1 { border-bottom:1px solid #7c7c7c; color : #cecabd ; font-size : 190% ; margin:0; padding :8px 0 8px 10px ;  }
h2 { color : #9fc9da ; font-size : 190% ; padding-left : 10px ; }
#container #myaccount .last { border:none; }
.ie7 .no-bdr { background:transparent; border:none; }

/* overwritten classes */
body.landing { background : #535353 url(../asset/images/components/global/bg-muddy.jpg) left top repeat-x ; }
body .layout { width: 995px;}
body .layout .b.gr { background:#353535; text-align:left; }
body.center #container { background:#1f1f1f ; clear:both; padding:10px; }
.ie8 #myaccount li .button { padding:0 4px;}
.ie6 #myaccount .adr-btns-wrapper .button,
.ie6 #myaccount .ma-adr-options .button,
.ie7 #myaccount input.button { height:21px; }
.ie6 body .nlm { margin-left:0!important; } /* forces ie6 to reset margin left */
.ie6 .bi-render { _width:648px; }
.bi-wrp, .bi-ct { background-image:url(../asset/images/components/checkout/bg_basket_item.png); }
.landing .standard .b-c .b { width:660px; }
.cnt-item { /*border-bottom:1px solid #353535;*/ background:#4a4a4a; color:#322F2F; margin-top:0; padding:5px 3px 10px 6px; }
.gecko3 .cnt-item { padding-left:10px;}
.ie6 #myaccount .cnt-item { display:inline; }
.cnt-item p { margin-bottom:0; } 
#container #main { background-image:url(../asset/images/components/checkout/container-bg-short.gif); position:relative; width:100%; }
#myaccount { background:#353535; border-bottom : 1px solid #787878; padding:1em 0 2px; }

/** main content **/
/* myaccount items*/
#main #ma-cnt { background-color:#4a4a4a; border-bottom : 1px solid #4a4a4a; border-top : 1px solid #353535; } 
 
/* log in existing */
.log-in-not {margin-left: 0; float: left;}
.log-in-not .nudge1 {margin-left: 3px;}
 
.log-in-existing, .log-in-not { background:transparent url(../asset/images/components/checkout/bg_basket_item_short.png) left bottom no-repeat;}
.log-in-existing .existing-customer-box,
.log-in-not .notacustimer-box { background:transparent url(../asset/images/components/checkout/bg_basket_item_short.png) left top no-repeat; border:0; height:290px; margin-bottom:10px; padding:13px 8px 8px; width:305px;}

.log-in-existing {margin:0 7px; float: left;}
.log-in-existing .link { color: #009dff; display:inline-block; float:none; font-size:12px; font-weight: normal; text-align: left; text-decoration: none; }
.log-in-existing label.link { padding:0 0 5px 5px; }
#log-in-invert h2.fancy { background : url(../asset/images/components/myaccount/myaccount-login.gif) left top no-repeat ; border : 0 ; margin:0 0 .8em 5px; padding : 80px 290px 0 0 ;  }
#log-in-invert p.t-form-item { font-size : 100% ; width:95%; }
.ie6 #log-in-invert p.t-form-item { width:90%; }
.ie6 #log-in-invert .log-in-existing p.t-form-item { width:99%; margin-left:2px; }
#log-in-invert p { float: left; font-size : 120% ; width:95%; }
#log-in-invert p.separator { border-color : #b6dbff ; }
#log-in-invert p.t-form-item button { margin : 0; padding:0; }
#log-in-invert .t-form-item label.t-form-label-hd { text-align:left; color: #6d6a6a; font-weight: bold;}
#log-in-invert h2.dandy { background:transparent url(../asset/images/components/myaccount/myaccount-login.gif) no-repeat right top; border:none; margin:0 12px .8em 5px; padding:80px 0 0 0; margin-top: 0;}
#log-in-invert h2.dandy span { display:none; }
#log-in-invert.not { width:375px; }
#log-in-invert.existing {float:left;}
#t-login .a { width:56% }
#t-login .b { width:44% }
#log-in-invert .t-form-input-wrp { padding-right:2px; padding-top:2px; }
.checkout-payment button .button, 
#log-in-invert button .button { padding:3px 7px; margin-left:0; }
.log-in-existing .existing-customer-box #Password { font-family:Verdana; height:13px; } /* fix for the circle signs half cut off, when using Arial */
.ie7 .log-in-existing .existing-customer-box .t-form-text{ height:15px; }

.ie .log-in-existing .existing-customer-box  { height:290px }
.ie .log-in-not .notacustimer-box { height:290px;}
.ie6 #log-in-invert .t-terms-conditions,
.ie7 #log-in-invert .t-terms-conditions { border:none; float:left; margin-top:-2px; }
.ie6 .log-in-existing .link,
.ie .log-in-existing label.link { margin:0;}
.ie6 .log-in-not {margin-left: 10px;}	
.ie6 .log-in-existing,
.ie6 .log-in-not { display:inline; width:209px; }
.ie6 .log-in-existing .existing-customer-box,
.ie6 .log-in-not .notacustimer-box { margin-top:0; }

/* my account */
.tabular-myaccount,
.myaccount-container { background:transparent url(../asset/images/components/myaccount/myaccount-drop-shdw.gif) no-repeat scroll left bottom; font-family:Trebuchet MS; margin:10px 10px 0 12px; padding:0; position:relative; width:96%; }
.tabular-myaccount .int { text-align:right; }
.tabular-myaccount a,
.myaccount-container a  { /*color:#19a2de; affecting pagination*/ text-decoration:underline; }
.tabular-myaccount a:hover,
.myaccount-container a:hover { text-decoration:none; } 
.pagination a,
.pagination a:visited { background-color:#2B96C6; color:#fff; text-decoration:none;}
.pagination a:hover { text-decoration:underline;}
.tabular-myaccount .border-top,
.myaccount-container .border-top { left:0; position:absolute; top:-7px;  border-top:1px solid #f2f2f4; top:-2px; padding-bottom:3px; width:99%;}
.ie6 .myaccount-container .border-top {font-size: 1px;}
.ie7 .myaccount-container .border-top { line-height:0; height:1px; top:0;}

#myaccount .noimg,
#myaccount .noimg .border-top { background:none; border:none; }
#myaccount .noimg p { padding-bottom:5px; }
#myaccount .cnt-item .nosaved { margin:13px 0 0 16px; }

.tabular-myaccount table { width:98%; margin:2px 7px 2px auto; }
.myaccount-container .myaccount-form { margin:1% auto; margin-right:2px; }
.tabular-myaccount table a,
.tabular-myaccount table a:visited,
.myaccount-title a,
.myaccount-title a:visited { color:#19a2de; }
.tabular-myaccount .selected { background:#eff7ff; }
.tabular-myaccount th,
.tabular-myaccount td { color:#535353; font-size:1.2em; font-weight:bold; line-height:2.2em; padding:5px; }
.tabular-myaccount th,
.myaccount-container .myaccount-title,
.myaccount-container .myaccount-footer { border-bottom:1px solid #c3c9cc; font-size:1.4em; font-weight:bold; padding-bottom:0; }
.myaccount-container .myaccount-footer { float:none; text-align:right; }
.myaccount-container .myaccount-title .t-form-errormsg {font-weight: normal; font-size: 1em;}
.myaccount-container .eWalletOrderTopUp {margin: 3px 3px 8px 10px;}
.myaccount-container .tdw-30 {width: 30%; line-height: 1.5em;}
.myaccount-container .tdw-20 {width: 20%;}
.ie6 .myaccount-container .tdlh_15 {line-height: 1.5em;} 
.ie .myaccount-container .myaccount-form { margin-right:10px; margin-top:0; }
.ie8 .tabular-myaccount table { width:97%; margin-left:5px; } 
.myaccount-container .section-footer h2 { display : none ; }
.myaccount-container .csl-item { width : 595px ; } 
.tabular-myaccount th,
.myaccount-title,
.myaccount-container .myaccount-footer,
.myaccount-container .ma-shadded,
.ma-pers-details .ma-shadded { background:transparent url(../asset/images/components/checkout/bg-myAcc-heading.gif) repeat left top; }
.tabular-myaccount td { border-top:1px solid #dbdee0; font-family:arial;	font-size:1.1em; font-weight:normal; }
.tabular-myaccount .first td { border-top:none; }
.ie7 .myaccount-container { width:97%;}

/* myaccount form elements TO BE MOVED TO CHECKOUT */
#myaccount .myaccount-wrapper { margin:1% 0 0 2%; padding:0; width:95%; border-bottom:1px solid #535353; }
#myaccount .myaccount-wrapper .myaccount-heading { color:#535353; float:left; font-family:Trebuchet MS; font-size:1.7em; padding:0;  }
#myaccount .myaccount-wrapper .order-select { float:right; padding-top:3px; padding-bottom:10px;}
.ie6 #myaccount .myaccount-wrapper .order-select { width:210px;}
.ie6 #myaccount .myaccount-wrapper .order-select input { margin-top:-20px;}
#myaccount .section-footer { margin:0; padding:0; }
#myaccount .section-footer .section-footer-content { margin-left:-1px; margin-right:-1px; }
.ie #myaccount .section-footer .section-footer-content { width:94%; }
.myaccount-container label { font-family:Trebuchet MS; font-size:1.4em; }
.myaccount-container .button { float:right;}
.myaccount-container .myaccount-title .title-more-info .button { float:right;}
.ie6 #myaccount .myaccount-container .myaccount-title .title-more-info .button,
.ie7 #myaccount .myaccount-container .myaccount-title .title-more-info .button {padding: 0;} 
.ie7 .myaccount-container .eWallet.button { margin-top:-18px;}
.myaccount-container .myaccount-radio-label { margin-right:15px; display:inline; } 
#myaccount .myaccount-container .myaccount-title { margin-bottom:5px; padding:5px; }
.myaccount-container .myaccount-footer { margin-bottom:0; padding:5px; }
.myaccount-form { padding:0 5px 10px;}
.myaccount-form .ma-action-container { display:block; float:left; padding-top:4px; width:100% }
.myaccount-form .ma-action-container label { margin-right:10px; }
.myaccount-container .myaccount-radio, 
.myaccount-radio-first { border:0; position:relative; top:3px; }
.ie .myaccount-container .myaccount-radio,
.ie .myaccount-radio-first { position:relative; top:1px; }
.myaccount-form .myaccount-radio-first { margin-left:4px; }
.myaccount-container .myaccount-buy-container { margin-left:4px; }
.myaccount-wrapper .myaccount-iconarea,
.myaccount-container .myaccount-iconarea { border-top:1px solid #dbdee0; margin-top:3px; padding:5px 5px 0 0; text-align:right; }
.myaccount-wrapper .myaccount-iconarea p,
.myaccount-container .myaccount-iconarea p { float:right; font-size:1.4em; }

/* myaccount services */
.myaccount-service { background:transparent url(../asset/images/components/myaccount/bg-myaccount-services.gif) no-repeat left bottom; float:left; min-height:209px; margin:10px 15px 10px 5px; position:relative; width:198px; }
.myaccount-service.last { margin-right:0;}
.myaccount-service .ms-details { color:#22221e; float:left; font-family:Trebuchet MS; font-size:1.2em; padding:0 10px 10px; }
.myaccount-service h2 { margin:0; padding:0; font-size:1.4em;}
.myaccount-service a,
.myaccount-service a:visited { color:#3389be; }
.myaccount-service h2 a { background:transparent url(../asset/images/components/myaccount/myaccount-icons.gif) no-repeat -10px -9px; display:block; margin:0 0 5px; outline:none; padding:112px 10px 0; width:198px; }
.myaccount-service .ms-cp a { background-position: -229px -9px;}
.myaccount-service .ms-oh a { background-position: -452px -9px;}
.myaccount-service .ms-ew a { background-position: -10px -146px;}
.myaccount-service .ms-pc a { background-position: -229px -146px;}
.myaccount-service .ms-ad a { background-position: -452px -146px;}
.myaccount-service .ms-ml a { background-position: -679px -146px;}
.ma-payment-info,
.ma-savedcard-info { display:block; float:left; margin-left:4px; width:24%;	}
.ma-savedcard-info { width:49%;	 }
.ma-payment-info ul,
.ma-savedcard-info ul { background:#fff; min-height:83px; margin:0; padding:5px; width:94%; }
.ma-savedcard-info ul { width:97%; }
#myaccount .ma-payment-info .myaccount-title,
#myaccount .ma-savedcard-info .myaccount-title { margin-bottom:0; }
.ie8 .myaccount-service { margin-left:10px; margin-right:7px; }
.ie6 .myaccount-service { height:209px; margin:10px 7px 10px 5px; }
.ie6 .myaccount-service h2 a{ width:180px;}
.ie6 .ma-payment-info ul,
.ie6 .ma-savedcard-info ul { width:93%; height:83px; }

/* Delivery Address */
#myaccount .myaccount-da .myaccount-heading { border-bottom:1px solid #535353; color:#535353; font-size:1.7em; padding:0; margin:10px 15px 0;}
.myaccount-da .new-address { float:right; font-size:0.8em;}
.myaccount-da a { color:#19a2de;}
.myaccount-da #mn-feed { background:none; float:left; margin:0 15px 10px 15px; width:96%;}
.myaccount-da #mn-feed li { margin-left:0; padding:11px 15px 5px 0; overflow:hidden; }
.ie6 .myaccount-da #mn-feed li { overflow:visible!important; }

.myaccount-da #mn-feed .mn-feed-item h3 { color:#535353; font-size:1.2em; font-weight:bold; padding-left:10px; width:75%;}
.myaccount-da #mn-feed .mn-feed-item p { margin-left:0; padding:2px 140px 8px 10px; width:436px; }
.myaccount-da #mn-feed .mn-feed-item:hover p { background:none; }
.myaccount-da .adr-btns-wrapper { float:right; margin-top:-28px; }
.ie6 .myaccount-da .adr-btns-wrapper .button { float:left; }
.ie7 .myaccount-da .adr-btns-wrapper { margin-top:-33px; }
.ie7 .myaccount-da #mn-feed li { padding-top:0; }
.ie7 .myaccount-da #mn-feed .mn-feed-item p { width:430px;}
.myaccount-da .adr-btns-wrapper form { float:left; }

li.mn-feed-item:hover, 
li.mn-feed-item.active { background:transparent url(../asset/images/components/checkout/bg_address_active.png) no-repeat right bottom;}
.myaccount-da .options-wrapper { float:left; margin:10px;}

.ie6 .myaccount-da h2 span,
.ie7 .myaccount-da h2 span { margin-top:-20px;}     
.ie6 #myaccount a.button,
.ie7 #myaccount a.button { padding:0 3px; }
.ie6 .myaccount-da .mn-feed-item { float:left; }
.ie6 .myaccount-da #mn-feed, 
.ie6 .myaccount-da .options-wrapper { display:inline; }

/* order completion panel */
#myaccount .ma-order-complete .myaccount-heading { border-bottom:1px solid #535353; color:#535353; font-size:1.7em; padding:0; margin:10px 15px 0;}
.ma-order-complete { position:relative;}
.ma-order-complete .color-purple { font-size:1.4em; margin:0; position:absolute; right:15px; top:-5px; }
.ma-order-complete .success-txt { margin:5px 5px 20px;}
.ma-order-complete .options-wrapper { margin:15px;}
.ma-order-complete .options-txt { float:left; padding:8px;}
.ma-order-complete .green-wrapper { background: #eff8db url(../asset/images/components/checkout/bg_order-complete.gif) repeat-x left bottom; border-top: 1px solid #ebeae8; font-size:1.2em; margin:10px 0;}
.ma-order-complete .blue-wrapper { background: #deebfc url(../asset/images/components/checkout/bg_order-complete.gif) repeat-x left bottom; border-top: 1px solid #e5e4e2; font-size:1.2em; margin:10px 0;}
.ma-order-complete .gray-wrapper { background: #ebeae8 url(../asset/images/components/checkout/bg_order-complete.gif) repeat-x left bottom; border-top: 1px solid #e5e4e2; font-size:1.2em; margin:10px 0;}
.ma-order-complete .blue-wrapper a { float:right; font-size:1.1em; margin:5px;}
.ma-order-complete .blue-wrapper a { color:#4367a1; font-size:1.2em; padding-right:5px;}
.ie7 #myaccount .ma-order-complete .button { padding:1px 18px 0 5px;}
.ie6 .ma-order-complete .color-purple,
.ie7 .ma-order-complete .color-purple { margin:10px -20px 0 0;}     

/* enter email */
#myaccount .ma-enter-email .myaccount-heading { border-bottom:1px solid #535353; color:#535353; font-size:1.7em; padding:0; margin:10px 15px 0;}
.ma-enter-email .options-wrapper { margin:15px;}
.ma-enter-email .email-form { background:#e8f8fd; float:left; width:50%;}
.ma-enter-email .email-form label { float:left; font-size:1.2em; margin:9px 5px 0; text-align:right;}
.ma-enter-email .email-form input { margin:5px 5px 5px 0; font-size:1.2em; }
.ma-enter-email .email-form input.md-mail { width:16em; }
.ma-enter-email .expl-txt { float:left; font-size:1.2em; padding-left:15px; width:45%;}

/* personal details */
#myaccount .sub-ttl-txt.success { color:#12bc5a; }
.required-txt { border-bottom:1px solid #535353; color:#535353; margin:10px 15px 15px; padding-bottom:3px; width:95.5%; }
.required-txt.no-brd { border-bottom:0; text-align:right; width:94%; }
.required-big { background:#fff url(../asset/images/components/icons/icon-required.gif) no-repeat -2px 0; display:inline-block; height:12px; text-align:left; text-indent:-9999em; width:15px; }
.required { background: url(../asset/images/components/icons/icon-required.gif) no-repeat -5px -15px; display:inline-block; height:9px; position:absolute; right:0; text-indent:-9999em; top:0; width:12px; }

.ma-pers-details .ma-shadded { margin:15px 15px 12px; text-align:center; }
.ma-pers-details .ma-det-form { background:#e8f8fd; border-left:4px solid #fff; border-right:4px solid #fff; margin:0 auto; text-align:left; width:53%; }
.ma-pers-details .ma-det-form div { border-bottom:2px solid #fff; text-align:left;}
.ma-pers-details .ma-det-form label { float:left; font-size:1.2em; margin:5px 0 5px 5px; position:relative; text-align:left; width:143px;}
.ma-pers-details .ma-det-form select { float:left; width:auto; }
.ma-pers-details .ma-det-form .t-form-text.lg { float:left; width:13em; }
.ma-pers-details .ma-det-form .t-form-text.sm { float:left; width:10em; }
.ma-pers-details .ma-det-form .save-det { background-color:#fff; border-top:1px solid #C3C9CC; }


.ma-enter-email .btn-wrapper, 
.ma-pers-details .btn-wrapper { background:#ededed; border-top:2px solid #fff; text-align:right; padding:5px 0; width:100%;}
.ma-enter-email .btn-wrapper .button { margin-right:10px;}
.ma-pers-details .btn-wrapper .button { margin-right:10px;}
.ie6 #log-in-invert .button { float:left; }
.ie6 .ma-enter-email .email-form label { width:85px;} 

/* registration */
#myaccount .ma-pers-details .myaccount-heading { border-bottom:1px solid #535353; color:#535353; font-size:1.7em; padding:0; margin:10px 15px 0;}
.ma-pers-details .reg-txt { margin:15px; font-size:1.2em;}
.ma-pers-details .ma-det-wrapper { background:transparent url(../asset/images/components/checkout/bg-ma-psw-txt-light.gif) repeat left top; margin:10px; }
.ie6 .ma-pers-details .ma-det-wrapper {margin-left: 5px; margin-right: 5px; }
.ma-pers-details .ma-det-wrapper .ma-shadded { float:left; margin:0; text-align:left; width:60%;}
.ma-pers-details .ma-det-wrapper .ma-shadded label { width:180px;}
.ma-pers-details .ma-det-wrapper .ma-det-form { margin:0; width:auto; }
.ma-pers-details .ma-det-form input.chk-box { float:left; margin:6px 0 0 5px; width:auto; } 
.ma-pers-details .ma-det-form label.lb-chk-box { width:75%; }
.ma-pers-details .psw-txt-wrapper { background:transparent url(../asset/images/components/checkout/bg-ma-psw-txt.gif) no-repeat left bottom; height:20em; float:left; margin:100px 2px 10px 3px; width:238px;}
#myaccount .ma-pers-details .psw-txt-wrapper h3.psw-heading { background:transparent url(../asset/images/components/checkout/ma-psw-txt-top.gif) no-repeat left top; color:#1a85a9; font-weight:bold; margin:0; padding:100px 10px 8px 20px; }
.ma-pers-details .psw-txt-wrapper .psw-txt { margin:0 20px;}
.ie6 #myaccount .cnt-item {padding-left:9px;}
.ie7 #myaccount .cnt-item {width:98%;padding-left:9px;} 
.ie6 .ma-pers-details { margin-left:0; margin-right:0; }
.ie6 .ma-pers-details .ma-det-wrapper .ma-shadded label { width:165px;}

/* order history */
.sub-ttl-txt ul { font-size:85%; margin-left:-10px;}
.sub-ttl-txt ul li { border-right:1px solid #fff0b3; float:left; padding:0 10px; }
.sub-ttl-txt ul li a,
.sub-ttl-txt ul li a:visited { color:#fff; }
#container #myaccount .sub-ttl-txt.no-bdr { border-bottom:1px solid #353535; }
.myaccount-h-wrapper { border-bottom:1px solid #535353; color:#535353; padding:0; margin:10px 15px 23px; }
.myaccount-h-wrapper .button { float:right; font-family:Arial; font-size:1.1em; margin-top:-22px; padding:2px 6px;}
.ie7 .myaccount-h-wrapper { display:inline-block; }
.ie7 .myaccount-h-wrapper .button { padding:1px 0; }
#myaccount .myaccount-h-wrapper .myaccount-heading { color:#535353; font-size:1.7em; padding:0; }
.dwnld-txt { padding:0 15px; }
.ie6 input.required-txt.no-brd { width:auto; }

.cnt-lng .bi-wrp,
.cnt-lng .bi-ct { background:transparent url(../asset/images/components/help/bg_basket_item_help.png) no-repeat top left; }
.cnt-lng .bi-ct { background-position:-685px bottom; }
.ie6 .cnt-item .bi-ct { width:98%; }
.cnt-lng .cnt-item { background:url(../asset/images/components/help/bg_basket_item_repeat.gif) repeat-y 0 0; border-bottom:0;  padding:0; margin:10px 3px 10px 6px; }
.ie6 .cnt-item { border-bottom:none; }
.ie6 .bi-wrp { display:inline; margin-left:0; margin-right:-10px; }
.ie6 .section .bi-wrp { margin-right:0; width:99%; }
.ie6 .cnt-lng .bi-wrp,
.ie7 .cnt-lng .bi-wrp { display:inline; margin-left:-9px; margin-top:-5px;  margin-right:0; }
.ie6 .cnt-lng .bi-wrp { margin-bottom:0; margin-top:-2px;}
.ie6 form .cnt-lng .bi-wrp,
.ie7 form .cnt-lng .bi-wrp { width:100%;} /* width problem on details page in IE7*/
.ie7 .cnt-lng .bi-wrp { width:100%;} /* and the Order History page*/

.order-history .order-list { background:none; }
.ie7 .order-history .order-list,
.ie8 .order-history .order-list { margin-left:7px; width:100%;}
.myaccount-container .myaccount-form .csl-item {  background:transparent url(../asset/images/components/myaccount/myaccount-drop-shdw.gif) no-repeat scroll left bottom; border-top:1px solid #eaeaea; font-family:Arial; margin:15px 0; padding:5px 10px 10px; width:580px; }
.ie6 .order-history .myaccount-container .myaccount-form { margin-left:-8px; }
.ie6 .order-history .myaccount-container .myaccount-form .csl-item { width:577px; border-right:1px solid #eaeaea; }
.order-list .myaccount-title h3{ float:left; font-size:1em; margin:0; padding:0 0 0 5px; max-width:370px; }
.order-list .myaccount-title h3 div.t-form-required { float:left; padding:3px 3px 0 0; }
.ie6 .order-list .myaccount-title h3 div.t-form-required,
.ie7 .order-list .myaccount-title h3 div.t-form-required { padding-top:0; }
.ie .order-list .myaccount-title h3 div.t-form-required input { background:none; border:none; float:left; width:15px;}
.order-list .myaccount-title .title-more-info { float:right; width:auto; padding-top:2px; }
.order-list .myaccount-title span { background:#fff; font-family:Arial; font-weight:normal; font-size:80%; padding:0 5px;}
.order-list .myaccount-title span.myaccount-title-props { background:none; font-size:100%; font-weight:bold; padding:0 5px; text-align:left; float:left;  }
.order-list .myaccount-title .inside-wrapper { width:120px; float:right; }
.order-list .myaccount-title .inside-wrapper span.myaccount-title-props { float:right;}
.order-list .myaccount-title a { color:#2483ad; font-size:1.1em; text-decoration:none; }
.order-list .myaccount-title a:hover { text-decoration:underline; }
.order-list .myaccount-title .button { font-size:.9em; padding:0; }
.ie6 .order-list .myaccount-title .title-more-info { width:180px; text-align:right; }
.ie7 .order-list .myaccount-title .title-more-info { position:relative; }
.ie7 .order-list .myaccount-title h3 { max-width:60%;}
.ie7 .order-list .myaccount-title .title-more-info .type-aling { margin-top:-2px; padding-right:125px; max-width:110px; display:inline-block; text-align:right; }
.ie7 .order-list .myaccount-title .inside-wrapper { position:absolute; top:0; right:0;}

.order-list ul { padding:10px;}
.order-list ul li { margin:5px 0;}
#myaccount .order-list h3.myaccount-title { margin-bottom:0; }
#myaccount .order-list .button,
#myaccount .myaccount-wrapper .button { text-decoration:none; padding:0 5px; }
.ie6 #myaccount .myaccount-wrapper .button,
.ie7 #myaccount .myaccount-wrapper .button {padding: 0;}
.ie6 #myaccount .myaccount-wrapper #OrderHistory,
.ie7 #myaccount .myaccount-wrapper #OrderHistory {padding: 0 3px;}
.ie .order-list.myaccount-container fieldset { width:97%;}
.order-list.myaccount-container .myaccount-iconarea { padding-right:0; }
.order-list .myaccount-iconarea .small-txt { clear:both; font-size:1em; }
#myaccount .order-list.myaccount-container .myaccount-title { padding-bottom:3px; }
#myaccount .order-list .csl-item .button { font-size:1.2em; margin-top:3px;}
.ie7 #myaccount .myaccount-h-wrapper a.button { padding:2px 10px;}
.dwnld-mngr-wrapper { margin-bottom:10px; }
.dwnld-mngr-wrapper .dwnld-mngr {padding:8px 40px 0 13px; line-height:1.6; }
.dwnld-mngr-wrapper .dwnld-mngr span { display:block; padding:5px 0; }
.dwnld-mngr-wrapper .dwnld-mngr span a,
.dwnld-mngr-wrapper .dwnld-mngr span a:visited { color:#3389be; }

/* error page */
h1.ttl-error { color:#f5b6de; }
#myaccount .myaccount-wrapper.sub-ttl-error { border-bottom-color:#e575bf; }
#myaccount .sub-ttl-error .myaccount-heading { color:#e575bf; } 

/* general error page */
#error-page h1 { padding-top:1em; }
#error-page #content .cnt-item { border-bottom:1px solid #7c7c7c;}
#error-page #content .dwnld-mngr { font-size:120%; line-height:1.5;}
#error-page #content div.dwnld-mngr { background:transparent url(/store/lib/tesco/resources/asset/images/components/checkout/bg-dotted.gif) repeat-x scroll left top; padding:10px 0 0; margin:0 15px 0 10px; }
#error-page #content .dwnld-mngr ul { font-size:100%; list-style-type:disc; list-style-position:inside;}
.ie #error-page .cnt-item { padding-left:10px; }

/*Total*/
.order-list .myaccount-iconarea p { float:left; color:#9194a7; line-height:1.7;  }
.order-list .myaccount-iconarea p span { color:#000; padding-left:5px;}

/*Order details*/
.order-list .myaccount-order-wrapper { padding:10px; }
.order-list .myaccount-order-wrapper .order-img-wrapper { float:left; margin:1px; width:11%;}
.order-list .myaccount-order-wrapper .bi-rating { float:left; display:inline-block; height:50px; margin:14px 0 0 9px; padding:0 10px; width:19px;}
/*.order-list .myaccount-order-wrapper .details-adr { border-bottom:1px solid #c3c9cc; display:block; }*/
.order-list .myaccount-order-wrapper .details-wrapper { float:right; padding:0 5px 5px; width:86.5%; }
.order-list .myaccount-order-wrapper .details-wrapper p { padding-bottom:5px; border-bottom:1px solid #c3c9cc;}
.order-list .myaccount-order-wrapper .details-wrapper .details-disp-date { border-bottom:none; display:block; padding:5px 0 0; }
.order-list .myaccount-order-wrapper .details-disp-date span { color:#322f2f; display:block; padding:2px 0 3px; }
.order-list .myaccount-order-wrapper.cert-wrapper .order-img-wrapper { width:19%;}
.order-list .myaccount-order-wrapper.cert-wrapper .details-wrapper { width:79%; padding-left:0; }
.btn-dwnld {float:left; margin:10px 0 0 13px; }
.order-list.btn-wrapper { margin-bottom:10px; }
#summary { border-top:1px solid #7c7c7c; border-bottom:none; }

/* Order details - Multibuy generic */
#myaccount .myaccount-container.multibuy { margin-top:15px; }
#myaccount .myaccount-container.multibuy .myaccount-title { background-color:#f0f0f0; background-image:none; border-bottom:1px solid #e9e9e9; margin-bottom:15px; }
#myaccount .myaccount-container.multibuy .border-top { border-bottom:1px solid #dedede; border-top:none; }
#myaccount .myaccount-container.multibuy .multibuy-descr { font-family:Arial, Sans-Serif; color:#666; padding:5px 5px 5px 10px; }
#myaccount .myaccount-container.multibuy .myaccount-form { margin-right:2px; }

.ie7 #myaccount .myaccount-container.multibuy .myaccount-form { width:590px; margin:0; }
.ie7 #myaccount .myaccount-container.multibuy .border-top {background-image:none; width:600px; top:-7px; }
.ie7 #myaccount .myaccount-container.multibuy .myaccount-title { width:584px; }
.ie7 #myaccount .myaccount-container.multibuy .myaccount-title .title-more-info .myaccount-title-props { width:auto; float:right; }
.ie7 #myaccount .myaccount-container.multibuy .myaccount-title .title-more-info .button { float:right; }

.order-list.multibuy h2 { font-size:1em; background:transparent url(/store/lib/tesco/resources/asset/images/components/headers/h-bogof.gif) repeat left top; border-bottom:1px solid #eee; border-top:1px solid #eee; padding:3px 0 5px 10px; }
.order-list.multibuy h2 a,
.order-list.multibuy h2 a:visited { color:#2483ad; font-size:1.5em; display:block; width:300px; }
.order-list.multibuy .product-type { font-size:1.4em; font-weight:bold; float:right; margin-top:-24px; padding-right:130px; width:150px; text-align:right; }

.order-list.multibuy h3 { position:absolute; top:-12px; left:-5px; background:transparent url(/store/lib/tesco/resources/asset/images/components/icons/i-multibuy.gif) no-repeat left top; width:60px; height:60px; text-indent:-9999em; }

/*multibuy specific - use ping icon for BOGOF - currently not in use!!! add logic to ascx file to make it work! */
/*.order-list.multibuy.bogof h3 { position:absolute; top:-12px; left:-5px; background:transparent url(/store/lib/tesco/resources/asset/images/components/icons/bogof.gif) no-repeat left top; width:60px; height:60px; text-indent:-9999em; }*/

/* Order details - MP3 pre-orders */
.details-wrapper .dtp-preorder { float:left; }
.msg-preorder { font-size:1.2em; margin-top:3px; float:left; }
.ma-ig-tracks div { padding-top:5px; }
.ma-ig-tracks label { font-size:1.2em; }
.ma-ig-tracks input { float:left; margin-right:5px; }

/* error message for bogof */
#ma-cnt .t-error { color:#F666FF; font-size:1.1em; margin-bottom:-10px; padding:10px 10px 0; }


/* add new address */
.adr-form .ma-det-form { float:left; margin:0 0 0 80px; }
.ma-det-form .t-form-item { border-bottom:1px solid #fff; border-top:1px solid #fff; margin-bottom:0;}
.ma-det-form .t-form-item-top { background:#fff; border-bottom:1px solid #c3c9cc; margin-bottom:1px; }
.ma-det-form .t-form-item-top input { margin-top:9px;}
.ma-det-form .t-form-item-top label span { color:#0182e7; display:inline-block; font-style:italic; }

.adr-txt-wrapper { background:transparent url(../asset/images/components/checkout/bg-ma-adr-txt.gif) no-repeat left bottom; height:20em; float:left; margin:14px 10px 10px 21px; padding-bottom:6px; width:164px;}
#myaccount .adr-txt-wrapper h3.adr-heading { background:transparent url(../asset/images/components/checkout/ma-adr-txt-top.gif) no-repeat left top; color:#2483ad; font-weight:bold; line-height:1; margin:0; padding:120px 10px 8px 20px; }
.adr-txt-wrapper .adr-txt { margin:0 20px; }
.ma-det-form .t-form-item a,
.ma-det-form .t-form-item a:visited,
.adr-txt-wrapper .adr-txt a,
.adr-txt-wrapper .adr-txt a:visited { color:#1a85a9; }
.ma-det-form .t-form-item a.button,
.ma-det-form .t-form-item a.button:visited,
.adr-txt-wrapper .adr-txt a.button,
.adr-txt-wrapper .adr-txt a.button:visited { color:#fff; }
.ie6 .ma-det-form .t-form-item a.button,
.ie7 .ma-det-form .t-form-item a.button { height:16px; }

.ma-adr-options { border-top:1px solid #acd5f1; clear:both; margin:5px 15px 10px; padding-top:10px; text-align:right;}
.ie6 .adr-form .ma-det-form { margin-left:40px; }

/* contact us */
.sub-ttl-txt { border-bottom:1px solid #7c7c7c; color:#faf6c9; font-size:1.2em; padding:10px; }
.sub-ttl-txt span { display:block; padding-top:5px; }
.basket-sm { background:transparent url(../asset/images/components/checkout/bg_basket_item_short.png) no-repeat center bottom; float:left; margin:6px 0; min-height:367px; padding:0 11px; width:307px; }
.basket-sm .confirm-msg {padding: 12px;}
#myaccount .basket-sm h2 { background:transparent url(../asset/images/components/checkout/bg_basket_item_short.png) no-repeat center top; color:#535353; font-size:1.4em; font-weight:bold; margin:0; padding:15px 12px 0; }
#myaccount .basket-sm h2 span { border-bottom:1px solid #c2c2c2; display:block; }

.faq-list li{ background:transparent url(../asset/images/components/checkout/bg-dotted.gif) repeat-x left bottom; margin:10px 15px; padding-bottom:10px;}
.faq-list a,
.faq-list a:visited { color:#2981a9; }
.faq-list a:hover { text-decoration:underline; }
.contact-form { margin:10px;}
.contact-form label { padding:5px 0 5px 5px; width:5.5em;}
.contact-form .btn-wrapper { text-align:right; }
.contact-form button { margin-top:5px;}
.contact-form p.t-form-item { background-color:#e8f8fd; border-radius:0; margin:1px; -moz-border-radius:0; -webkit-border-radius:0; }
.contact-form p.t-form-subject { background-color:#efefef; }
.contact-form p.t-form-comments { background-color:#fff; padding-right:0; }
.contact-form .comments-txtarea { float:right; height:100px; width:268px; }
.contact-form p.t-form-item-invalid { background-color: #f666ff;}
.contact-form p.confirm-msg { padding:10px; }

.ie6 .basket-sm,
.ie7 .basket-sm { border:0; display:inline; margin:10px 5px 10px 10px; padding:0 2px;}
.ie6 .basket-sm { height:367px; }
.ie6 .contact-form p.t-form-item { width:94%;}
.ie6 .contact-form input,
.ie6 .contact-form select,
.ie7 .contact-form input,
.ie7 .contact-form select { float:left; width:160px;}
.ie .contact-form .btn-wrapper input { float:right; height:18px; width:80px; }

/* forgotten password */
.psw-top-item { background-color:#fff;}
.ma-pers-details .psw-txt-wrapper.psw-forgotten { margin-top:20px;}

/* my library */
#my-library .section-footer .section-footer-content { background-color:#ede456; }
#my-library .ma-enter-email .myaccount-heading { border:0; color:#686273; font-size:130%; margin:5px 10px; padding:0; }
#my-library .myaccount-heading span { color:#353535; font-weight:bold; margin:0 5px; }
#my-library .section-footer.a-to-z .section-footer-content { background-color:#fff; background-position:bottom left; border-top:1px solid #f2f2f4; height:42px; padding:1px; width:96%; }
.myaccount-container .myaccount-title.lib-title { color:#686273; margin:10px 10px 10px 5px; }
.myaccount-container .myaccount-footer { border-top:1px solid #c3c9cc; /*margin:5px 5px 10px; width:96%;*/ }

/* eWallet */
#myaccount .section-footer .pagination { margin-right:10px; }
.eWallet-frm .myaccount-form { background-color : #fff ; }
.myaccount-container .eWallet-frm .myaccount-form { background-color : transparent ; }
.eWallet-frm .myaccount-title { margin-bottom:10px; }
.eWallet-container .button { float:right; margin-top:-22px;}
.eWallet-frm ul,
.eWallet-frm li { float:left; font-size:1em; padding-right:15px;}
.eWallet-frm ul { margin: 4px 70px 4px 4px; padding-right: 0;}
.ie .eWallet-frm li label { margin-right:5px; }
.eWallet-frm li input { float:left; margin-top : -2px ; }
.ie8 .eWallet-frm li input { margin-top : 2px ; }
.webkit .eWallet-frm li input { margin-top : -1px ; }
.eWallet-frm li label { float : left ; }
.eWallet-frm li input { padding-right:5px;}
.myaccount-container .eWallet-frm li label { padding-left:2px; }

/* add cnt-lng class to my library page !!!*/
.cnt-lng .item-wrapper { background:#4a4a4a; border-bottom : 1px solid #4a4a4a; border-top : 1px solid #353535; }
.cnt-lng .item-wrapper .cnt-item { background:url(../asset/images/components/myaccount/bg_item_repeat.gif) repeat-y 0 0; border:0; padding:0; margin:10px 3px 10px 6px; }

/** add new credit card - classes copied over from checkout.css **/
#myaccount .checkout-payment .a { overflow:visible; }
#myaccount .checkout-payment .first { background: url(../asset/images/components/checkout/bg_payment-cont-first.gif) right top no-repeat; border-right:2px solid #fff; padding-right:55px; padding-bottom: 1px;}
.webkit #myaccount .checkout-payment .first {padding-bottom: 0;}
#myaccount .checkout-payment h2 { border-bottom:1px solid #c3c3c3; }
#myaccount .checkout-payment .payment-container { float:left; margin-left:2px; width:28em; }
#myaccount .checkout-payment .required-txt { border-top:1px solid #535353; border-bottom:0; float:left; margin:0; width:97%; }

.ie6 #myaccount .checkout-payment {width:98%; }
.ie6 #myaccount .cantusegiftcardOuter {width: 100%;}
.ie6 #myaccount .checkout-payment .payment-container { width:28em; }
.ie6 #myaccount .checkout-payment .first {width: 28em;}
.ie6 #myaccount .checkout-payment .t-panel-main {width: 63em;}

#myaccount .checkout-payment .credit-hdr { width:50%; }
.ie #myaccount .checkout-payment .credit-hdr input { border:none; }
#myaccount .checkout-payment .payment-container h2 { border-bottom:1px solid #535353; color:#535353; font-size:1.6em; font-weight:bold; padding:0; margin:20px 0 10px; }
#myaccount .checkout-payment .payment-container h2 a { color : #19a2de ; float : right ; font-size : 80% ; }
.gecko3 #myaccount .checkout-payment .payment-container h2 a { margin-top : -1.3em ; }
.gecko35 #myaccount .checkout-payment .payment-container h2 a { margin-top : auto ; }

#myaccount .checkout-payment .payment-container .save-det { background:#f0f0f0; border-top:1px solid #ddd; border-right:1px solid #fff; padding:10px 5px; margin-bottom: 0;}
#myaccount .checkout-payment .payment-container .blank-panel { background:#f0f0f0; border: none; padding:0; margin-bottom: 0.3em;}
.ie #myaccount .checkout-payment .payment-container .blank-panel {padding: 14px 0 0 0}
.ie6 #myaccount .checkout-payment .payment-container .blank-panel,
.ie7 #myaccount .checkout-payment .payment-container .blank-panel {padding: 16px 0 0 0}
.webkit #myaccount .checkout-payment .payment-container .blank-panel {padding: 14px 0 0 0}
.safari #myaccount .checkout-payment .payment-container .blank-panel {padding: 18px 0 0 0}
#myaccount .checkout-payment .amount strong { color:#11aa00;}
#myaccount .checkout-payment .t-form-item .credit-sub-lb { display:inline-block; margin-top:3px;}

.ie7 #myaccount .checkout-payment .payment-container .button,
.ie6 #myaccount .checkout-payment .payment-container .button { padding-left : 3px ; padding-right : 3px; }

#myaccount .checkout-payment .t-form-item label, 
#myaccount .checkout-payment .t-form-item label.md { width:7.5em; }

#myaccount .checkout-payment textarea.lg, 
#myaccount .checkout-payment .t-form-text.lg,
#myaccount .checkout-payment .t-form-input-wrp select {	width:13em; }
#myaccount .checkout-payment .t-form-input-wrp select {margin-left: 0;}
#myaccount .checkout-payment select.t-form-datemonth { width:4em; }
#myaccount .checkout-payment select.t-form-year { width:5.5em; }		
#myaccount .checkout-payment .t-form-item {	background:#e9f8fd;	background-image:none; margin-bottom:0.3em;	-moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0;	-moz-border-radius-topleft:0; -moz-border-radius-topright:0; min-height: 20px; }
.ie6 #myaccount .checkout-payment .t-form-item {height: 22px;}
.ie7 #myaccount .checkout-payment .t-form-item { min-height: 22px;}
.safari #myaccount .checkout-payment .t-form-item { min-height: 22px;}
#myaccount .checkout-payment .t-form-item-focus {background:#eee; }		
#myaccount .checkout-payment .t-form-item-invalid {	background:#f666ff; }	
#myaccount .checkout-payment .t-form-item .t-form-input-wrp { padding-right:0; }
#myaccount .checkout-payment .t-form-item label.t-form-label-loose {width:232px;}
#myaccount .checkout-payment .a-b {	background:#fff; border:0; width:62em; }
#myaccount .checkout-payment .t-form-item-select {font-size: 120%; padding: 4px 5px 10px; border-bottom: 1px solid #b7d9fc; }
#myaccount .checkout-payment .t-form-item-select label, 
#myaccount .checkout-payment .t-form-item-select .t-form-input-wrp { display : block ; float : none ; width : auto ; font-size: 1em;}
#myaccount .checkout-payment .t-form-item-select select { width: 93%;}
#myaccount .checkout-payment .t-form-item-disabled { background : none !important}
#myaccount .button-wrapper { border-top:1px solid #7C7C7C; float:left; padding:10px 0; text-align:right; width:100%; }
#myaccount .button-wrapper .button { margin-right:15px; }

/* threeD secure payment */
#myaccount .secure-paym { width:658px; overflow:hidden; }
#main .secure-paym .h1-main { float:none; width:auto; }
#myaccount .secure-paym .confirm-sub-head { border-bottom:1px solid #7c7c7c; color:#faf6c9; font-size:1.2em; padding:0 10px 10px; }
#myaccount .secure-paym .confirm-sub-head a, 
#myaccount .secure-paym .confirm-sub-head a:visited { color:#fff; }

/*** sidebar ***/
#aside { border:0; position:relative; }
#aside h2 { padding:.7em 0 8px; }
#aside .ct { background:none; margin-top:0; padding-top:0; }
#verified-by { background : url(../asset/images/components/checkout/bg_aside.gif) ; border-top:1px solid #181e1e; bottom: 0; padding : 10px 1px ; position: absolute; right:0; text-align : center ; width:30.4em;  }
.ie #verified-by { width:30.6em; }
.ie6 #verified-by { margin-right:-1px; margin-bottom:-1px; }
#contact .contact-rule { border-bottom:1px solid #787878; margin-bottom:8px; }

/***Download Manager***/
.digitalitemdownload_bk 
{
    background:url(../asset/button_bk.png) 13px 9px no-repeat;
    width:106px;
    height:30px;
}

.dlm_alert_box 
{
    /*background:url(../asset/alert_box_bk.gif);*/
    padding:0px;
    margin:15px;
    display:none;
}

.dlm_alert_box .inner_content 
{
    background:#4A4A4A;
    padding-top:10px;
    padding-bottom:10px;
}

.dlm_alert_box p 
{
    padding:8px 10px 8px 10px;
    color:white;
    line-height:18px;
    font-size:12px;
}

.dlm_alert_box h3 
{
    padding:5px 10px 5px 10px;
    color:white;
    line-height:24px;
    font-size:18px;
}

.xmas .navsnow  {
    background:url("../asset/images/components/mainnav/xmas-nav-snow.png") no-repeat scroll left top transparent;
    height:37px;
    left:-21px;
    position:absolute;
    top:0;
    width:1046px;
    z-index:100;  
}
.ie .xmas .navsnow  {

    left:-21px;

}
.xmas .xmas-header {
    top:23px;
}
.global #search { top:9px; }
.ie8 .xmas .xmas-header { top:24px; }
.ie8 .global #search { top:8px; }

.global #voucher-tab-container .voucher-pos { right:3px;}
