H1#my-account{ margin-bottom:18px; }
H2#account-name{ position:absolute; bottom:0; right:0; font-size:1.6em; line-height:33px; font-weight:bold; font-style:normal; color:#444444; text-transform:uppercase; font-family:Lato, Arial, sans-serif;  }
#primary.section-account{ width:auto; float:none; padding:0; margin:0; }
#primary.section-account:after{ content:''; display:table; clear:both; }
.col-left{ float:left; width:260px; }
.col-left .content-asset{ border:2px dotted #E1E1E1; padding:20px; }
.col-left .content-asset H2{ text-transform:uppercase; color:#444444; }
.col-left .content-asset P{ color:#9D9D9D; font-size:1.4em; }
.col-left .content-asset A{ color:#004086; }
.col-left .content-asset A:hover{ color:#004086; text-decoration:underline; }
.col-left .secondary-navigation .content-asset{ border:0; padding:0; }
.col-left .secondary-navigation{ margin:0 0 10px 0; padding:0; }
.col-left .secondary-navigation H2{ color:#444444; font-size:1.4em; font-weight:bold; line-height:1em; text-transform:uppercase; padding:10px 20px; margin-bottom:10px; background-color:#F9F9F9; }
.col-left .secondary-navigation h2.title{ display:none; }
.col-left .secondary-navigation ul { margin:0 0 30px 0; }
.col-left .secondary-navigation li { margin:0 !important; }
.col-left .secondary-navigation li a{ display:block; padding:7px 20px; color:#444444; font-size:1.4em; line-height:1em; text-decoration:none; }
.col-left .secondary-navigation li.active a{ font-weight:700; text-decoration:none; }
.col-right{ float:right; width:800px; background-color:#FFFFFF; }
.col-right.account-login,
.col-right.checkout-login{ background-color:transparent; }
.col-right P.description{ font-size:1.4em; color:#9D9D9D; line-height:1.3em; padding-bottom:20px; }
.login-box{ background-color:#F9F9F9; padding:15px 30px; color:#9D9D9D; }
.col-2 .login-box fieldset{ padding-bottom:25px; }
.login-box legend{ background-image:none; background-color:transparent; border-bottom:1px solid #E1E1E1; margin-bottom:1em; padding:15px 0 10px 0; font-size:15px; color:#444444; }
.login-box .section-header{ background-image:none; background-color:transparent; padding:8px 0 0 0; font-size:2em !important; color:#444444; border-bottom:1px solid #E1E1E1; margin-bottom:1em; }
.login-box.login-account .section-header,
.login-box.login-order-track .section-header,
.login-box.login-create-account .section-header,
.login-box.guest-checkout .section-header{
	border-bottom:0;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:0 50%;
	width:auto;
	height:33px;
	line-height:1.3em;
	padding-left:40px;
	padding-bottom:0;
	margin-bottom:0.75em;
	font-weight:700;
}
.login-box.login-account .section-header{ background-image:url('../images/custom/icon-return-customer.png'); }
.login-box.login-order-track .section-header{ background-image:url('../images/custom/icon-check-order.png'); }
.login-box.login-create-account .section-header{ background-image:url('../images/custom/icon-new-customer.png'); }
.login-box.guest-checkout .section-header{ background-image:url('../images/custom/icon-guest-checkout.png'); }
.login-box-content P:first-child{ padding-bottom:0; line-height:1.3em; font-size:1.4em; }
.login-box-content P.title{ margin:0; padding:0; color:#444444; font-size:16px; font-weight:bold; text-transform:uppercase; }
.login-box-content .benefit-title {color:#444;font-size: 16px;text-transform: uppercase;margin-top: 20px;}
.login-box-content .benefit-title a {font-size: 14px; color: #9D9D9D; text-transform: none; font-weight: normal;}
.login-box-content #account-benefit {float: left;visibility:hidden;-webkit-transition: height .5s; transition: height .5s;}
.login-box-content ul.benefit{ padding:0; }
.login-box-content ul.benefit li{ margin:0 0 20px 0; list-style:none !important; font-size:1.3em; }
.login-box-content ul.benefit li:last-child{ margin-bottom:0; }
.login-box-content ul.benefit strong{ font-size:1.15em; }
.login-box.login-account .form-row.label-inline{ padding:20px 0; }
.login-box.login-account .form-row.label-inline label{ text-transform:none; }
#password-reset{ color:#004086; line-height:37px; padding-left:25px; }
.login-box.login-order-track .form-row-button{ margin-top:30px; }
   
.col-right .dialog-required{ display:none; }
.col-right .required-indicator{ color:red; }
.col-right label{ text-align:left; font-size:1.3em; text-transform:uppercase;  }
.col-right span.suburb-not-listed{text-transform: lowercase;font-size: 13px;cursor: pointer;text-decoration: underline;}
.col-right .emaillist{ padding-top:20px; }
.col-right .emaillist label{ text-transform:initial; line-height:12px; }
.col-right .accepttermsandcondition{ padding-top:0; }
.col-right .accepttermsandcondition label{ text-transform:initial; line-height:12px; }
.col-right .accepttermsandcondition .error{ margin-left:0; }
.col-right .accepttermsandcondition A{ text-decoration:underline; }
.login-box .form-row SPAN.error{ margin-left:0; }
.login-box .form-row BUTTON{ text-transform:uppercase; }
.login-box .form-row-button{ margin-left:24%; }
.login-box .form-row-button BUTTON{ float:left; border:0; text-transform:uppercase; padding:0.9em 1.5em 0.8em; }
.login-box .form-row-button BUTTON.cancel-button{ margin-left:10px; }
.login-box .form-row-button .form-caption{ width:55%; margin-left:115px; }
.login-box .form-row-button .privacy-policy{ text-decoration:underline; }
.col-right .col-1,
.col-right .col-2{ margin-top:0; }
.col-1 .login-box .form-row-button,
.col-2 .login-box .form-row-button{ margin-left:0; }
.col-1 .login-box .form-caption,
.col-2 .login-box .form-caption{ margin-left:0; }
.col-1 .login-order-track P:nth-child(n+1){ display:none; }
.col-1 #dwfrm_oauthlogin{ display:none; }

.col-right.setpwd label{ float:none; width:auto; }
.col-right.setpwd input[type="text"], 
.col-right.setpwd input[type="number"], 
.col-right.setpwd input[type="password"]{ margin-left:0; float:none; }
.col-right.setpwd .form-caption, 
.col-right.setpwd .form-row-button{ margin-left:0; }
#PasswordResetForm button,
.col-right.setpwd button{ float:none; position:relative; top:inherit; left:inherit; margin-top:20px; }

.col-right ul.account-options{ width:auto; }
.col-right ul.account-options:after{ content:''; display:table; clear:both; }
.col-right ul.account-options > li{ width:48.75%; height:138px; margin:0 2.5% 20px 0; padding:0; color:#333333; background-color:#ECECEC; }
.col-right ul.account-options > li:nth-child(2n-2){ margin-right:0; }
.col-right ul.account-options > li a{ background-repeat:no-repeat; background-position:15% 45px; }
.col-right ul.account-options > li.personal-data a{ background-image:url('../images/custom/icon-account-personal-data.png'); }
.col-right ul.account-options > li.orders a{ background-image:url('../images/custom/icon-account-history.png'); }
.col-right ul.account-options > li.address a{ background-image:url('../images/custom/icon-account-address.png'); }
.col-right ul.account-options > li.wishlist a{ background-image:url('../images/custom/icon-account-wishlist.png'); }
.col-right ul.account-options > li.my-rewards a{ background-image:url('../images/custom/icon-account-myrewards.png'); }
.col-right ul.account-options > li a{ display:block; padding:40px 65px 0 105px; }
.col-right ul.account-options > li H3{ color:#333333; font-size:16px; padding-bottom:10px; line-height:1em; text-transform:uppercase; margin:0; }
.col-right ul.account-options > li P{ color:#333333; font-size:14px; line-height:1.5em; padding:0; }

.col-right ul.account-options > li:hover{ background-color:#333333; color:#ECECEC; }
.col-right ul.account-options > li:hover a{ background-position:15% -55px; }
.col-right ul.account-options > li:hover H3{ color:#ECECEC; }
.col-right ul.account-options > li:hover P{ color:#ECECEC; }
.col-right ul.account-options > li.remaining-discount a{ background-image:url('../images/custom/icon-account-remaining-discount-black.png'); background-position: 15% 42px; }
.col-right ul.account-options > li.remaining-discount:hover a{ background-image:url('../images/custom/icon-account-remaining-discount-white.png') ; background-position: 15% 42px; }
.col-right a.address-create { position:relative; right:inherit; bottom:inherit; text-transform:uppercase; color:#FFFFFF; margin-bottom:20px; font-size:1.2em; }

#edit-address-form legend{ border-bottom:1px solid #E1E1E1; background:none; margin-bottom:10px; padding-left:0; }
#edit-address-form .dialog-required{ display:none; }

#dialog-container H1.my-address,
#dialog-container .col-left.nav{ display:none; }
#dialog-container .col-right{ width:100%; }

ul.address-list li{ margin-bottom:10px; border:1px solid #CCCCCC !important; padding:10px 20px; position:relative; }
ul.address-list li .action{ position:absolute; top:10px; right:20px; }
ul.address-list li .action:after{ content:''; display:table; clear:both; }
ul.address-list li .action button{ float:left; }
ul.address-list li .action button a{ color:#FFFFFF; margin:0; text-transform:uppercase; }
ul.address-list li .action .address-delete{ margin-left:10px; }

ul.address-list li H3{ font-size:1.4em; }
ul.address-list li .mini-address-title{ line-height:1.5em; font-size:1.4em; font-style:normal; }
ul.address-list li .mini-address-name{ line-height:1.5em; font-size:1.2em; text-transform:uppercase; }
ul.address-list li .mini-address-location{ line-height:1.5em; font-size:1.2em; text-transform:none; }

.checkout-login{ width:800px; margin-left:10px; }
.checkout-login:after{ content:''; display:table; clear:both }
.checkout-login H1#page-title.checkout-login-title{ margin-bottom:15px; }
.checkout-login .need-help{ display:block; margin-bottom:20px; padding:20px; border:2px dotted #E1E1E1; }
.checkout-login .need-help H2{ text-transform:uppercase; }
.checkout-login .need-help P:last-child{ margin-bottom:0; }
.login-box H2.section-header{ color:#444444; }

.pt_account #RegistrationForm{ background-color:#F9F9F9; padding:20px 10px 20px 20px; }
.pt_account #RegistrationForm FIELDSET{ margin-bottom:20px; }
.pt_account #RegistrationForm LEGEND{ font-size:1.6em; padding:0 0 0.5em 0; border-bottom:1px solid #E1E1E1; margin-bottom:0.75em; width:100%; }
.pt_account #RegistrationForm .form-row-button{ margin-left:24%; }
.pt_account #RegistrationForm .form-row-button:after{ content:''; display:table; clear:both; }
.pt_account #RegistrationForm .form-row-button BUTTON{ float:left; }
.pt_account #RegistrationForm .form-row-button .form-caption{ float:left; margin-left:1em; width:60%; }
.pt_account #RegistrationForm .form-row-button .form-caption A{ text-decoration:underline; }
.pt_order .search-result-options{ margin:0; }
.pt_order .pagination{ float:none; margin-right:0; }
.pt_order .pagination a{ color:#004086; }
.pt_order .pagination a:hover{ text-decoration:underline; }
.pt_order UL.search-result-items > LI{ border:1px solid #CCCCCC; margin-bottom:10px; font-size:1.4em; }
.pt_order UL.search-result-items LI .order-history-header{ background-color:#F9F9F9; padding:10px 20px; position:relative; }
.pt_order UL.search-result-items LI .order-history-header BUTTON,
.pt_order UL.search-result-items LI .order-history-header .button-repay { text-transform:uppercase; font-size:0.9em; position:absolute; top:10px; right:20px; }
.pt_order UL.search-result-items LI .order-history-header .button-repay {
	top: 57px;
}
.pt_order UL.search-result-items LI .order-history-items{ background-color:#FFFFFF; padding:10px; margin:0; }

.pt_wish-list .form-inline form{ padding-bottom:20px; }
.pt_wish-list #dwfrm_wishlist_shipping BUTTON{ margin-bottom:20px; }
.pt_wish-list .list-table-header{ padding:20px 0; }
.pt_wish-list .item-list tr.headings{ display:table-row; }
.pt_wish-list .item-list tr.headings th{ background-color:#004086; color:#FFFFFF; padding:5px 20px; text-transform:uppercase; font-size:1.2em; }
.pt_wish-list .item-list tr td.item-image IMG{ max-width:140px; }
.pt_wish-list .item-list tr td.item-details{ line-height:1.5em; }
.pt_wish-list .item-list tr td.item-details .name{ padding:0 0 15px 0; }
.pt_wish-list .item-list tr td.item-details .sku{ display:none; }
.pt_wish-list .item-list tr td.item-details A{ color:#004086; text-decoration:underline; font-weight:400; }
.pt_wish-list .item-list tr td .product-list-item{ padding-bottom:10px; }
.pt_wish-list .item-list tr td .product-list-item .name A{ padding-top:0; font-style:normal; text-decoration:none; }
.pt_wish-list .item-list tr td .item-option.option-add-to-cart .input-text{ margin-bottom:0.5em; }
.pt_wish-list .item-list BUTTON.button-text{ color:#004086; }
.pt_wish-list .item-list BUTTON.add-to-cart{ background-image:none; background-color:#004086; font-size:1em; }

.pt_wish-list .item-list tr td.item-dashboard LABEL{ font-size:1em !important; }
.pt_wish-list .item-list tr td.item-dashboard .option-update{ font-size:12px; }


/* ------------------------------------------------------- */
/*   Account NAV default always show on tablet & desktop   */
/* ------------------------------------------------------- */
@media screen and (min-width:768px) {
	.col-left .secondary-navigation .nav-layer{ display:block !important; }
}


/* -------------- */
/*   For Tablet   */
/* -------------- */
@media screen and (min-width:768px) and (max-width:1024px){
	#primary.section-account{ margin:0 20px; }
	H1#page-title{ line-height:36px; font-size:2.4em; }
	
	.col-left{ float:left; width:23.08%; }
	.col-left .secondary-navigation ul{ margin-bottom:15px; }
	.col-left .content-asset H2,
	.col-left .secondary-navigation H2{ font-size:1.4em !important; }
	
	.col-right{ float:right; width:74.18%; }
	.col-right #password-reset{ padding-left:15px; }
	.col-right ul.account-options > li a{ padding:35px 15% 0 30%; }
}


/* -------------- */
/*   For Mobile   */
/* -------------- */
@media screen and (max-width:767px){
	.breadcrumb{ padding:20px 10px 10px 10px; }
	#primary.section-account{ margin:0 10px; }
	H1#page-title{ line-height:36px; font-size:2.4em; margin-bottom:10px; }
	H2#account-name{ display:none; }
	
	.col-left{ float:none; width:auto; margin-bottom:30px; }
	.col-left .content-asset{ display:none; }
	.col-left.col-left-mobile .content-asset{ display:block; }
	.col-left .secondary-navigation .content-asset{ display:block; }
	
	.col-left .secondary-navigation h2{ background-color:#444444; color:#FFFFFF; padding:10px 20px; position:relative; }
	.col-left .secondary-navigation h2.title{ background-color:#004086; display:block; cursor:pointer; margin-bottom:0; }
	.col-left .secondary-navigation h2.title:after{
		content:'';
		position:absolute;
		right:1em;
		top:1em;
		border-style:solid;
		border-width:8px 5px 0 5px;
		border-color:#FFFFFF transparent transparent transparent;
	}
	.col-left .secondary-navigation h2.title.active:after{
		content:'';
		position:absolute;
		right:1em;
		top:1em;
		border-style:solid;
		border-width:0 5px 8px 5px;
		border-color:transparent transparent #FFFFFF transparent;
	}
	.col-left .secondary-navigation .nav-layer{ display:none; }
	.col-left .secondary-navigation ul{ margin-bottom:0; }
	.col-left .secondary-navigation li a{ padding:10px 20px; }
	.col-left .secondary-navigation li a:hover{ background-color:#9D9D9D; color:#FFFFFF; }
	
	.col-right{ float:none; width:auto; background-color:#F9F9F9; }
	.col-right fieldset{ padding-bottom:25px; }
	.col-right legend,
	.login-box .section-header{ width:100%; }
	.login-box fieldset{ padding-bottom:0; }
	.col-right label{ margin:0 0 0.75em 0; }
	.col-right input[type="text"], 
	.col-right input[type="password"]{ margin:0; width:90%; }
	.login-box .form-row BUTTON{ float:none; width:100%; margin-bottom:0; }
	.login-box .form-row-button{ margin-left:0; width:100%; }
	.login-box .form-row-button BUTTON{ float:none; width:100%; margin-bottom:0; }
	.login-box .form-row-button .form-caption{ width:100%; margin-left:0; }
	.login-box{ padding:15px 20px; }
	.login-order-track{ display:none; }
	.login-box.login-account .form-row.label-inline{ padding:0; }
	.login-box-content.returning-customers BUTTON{ width:auto; }
	.login-box-content ul.benefit li{ font-size:1.1em; }
	#password-reset{ color:#FFFFFF; background-color:#444444; padding:10px; margin-left:20px; }
	#password-reset:hover{ background-color:#222222; }
	.login-box.login-create-account fieldset{ padding-bottom:0; }
	.login-box .form-row-button BUTTON.cancel-button{ margin-left:0; }
	#PasswordResetForm button,
	.col-right.setpwd button{ width:100%; }
	
	.col-right ul.account-options > li{ float:none; width:100%; margin-right:0; }
	.col-right ul.account-options > li a{ padding:40px 10% 0 30%; }
	
	.checkout-login{ width:auto; margin-left:0; }
	.checkout-login .need-help{ display:none; }
	
	.pt_order UL.search-result-items > LI{ font-size:1em; }
	.pt_order UL.search-result-items LI .order-history-header BUTTON,
	.pt_order UL.search-result-items LI .order-history-header .button-repay { position:relative; top:inherit; right:inherit; width:100%; display:block; padding:10px 20px; margin-top:20px; margin-bottom:20px; box-sizing: border-box;
	}
	.order-history-items .order-history-table TH{ display:none; }
	.order-history-items .order-history-table TD{ float:left; width:100%; font-size:0.8em; }
	.order-history-items .order-history-table TD > SPAN.label{ width:35%; font-weight:700; }
	.order-history-items .order-history-table TD.order-items ul{ display:inline-block; }
	
	.pt_account #RegistrationForm{ padding:10px; }
	.pt_account #RegistrationForm .form-row-button{ margin-left:0; }
	.pt_account #RegistrationForm .form-row-button .form-caption{ width:75%; }
	
	.pt_wish-list .list-table-header{ padding:1em 0 !important; }
	.pt_wish-list .list-table-header A.send-to-friend{ clear:left; margin-right:20px; width:30%; }
	.pt_wish-list .list-table-header DIV.share-option{ margin-top:20px; width:60%; }
	.pt_wish-list .wishlist-wrapper{ padding:20px 0; }
	
	.pt_wish-list .item-list tr.headings{ display:none; }
	.pt_wish-list .item-list tr.headings th{ background-color:#004086; color:#FFFFFF; padding:10px 20px; text-transform:uppercase; }
	.pt_wish-list .item-list tr td.item-image{ width:100%; text-align:center; }
	.pt_wish-list .item-list tr td.item-image IMG{ max-width:50%; }
	.pt_wish-list .item-list tr td.item-details,
	.pt_wish-list .item-list tr td.item-availability,
	.pt_wish-list .item-list tr td.item-dashboard{ float:left; width:100%; padding-bottom:20px; text-align:center; }
	.pt_wish-list .item-list tr td.item-dashboard LABEL{ font-size:1em !important; }
	.pt_wish-list .item-list tr td.item-dashboard .option-update{ font-size:12px; }
	
	.pt_wish-list .item-list tr td.item-availability UL{ display:inline-block; }
	
	.pt_wish-list .item-list BUTTON.button-text{ background-color:#444444; color:#FFFFFF; padding:5px 10px; }
	.pt_wish-list .item-list BUTTON.button-text:hover{ background-color:#222222; }
	.pt_wish-list .item-list BUTTON.add-to-cart{ background-image:none; background-color:#004086; }
}