/*
	Copyright DTDigital         :: www.dtdigital.com.au ::
	Unauthorised modification / use is a criminal offence, and
	will be prosecuted to the fullest extent permitted by law.
	All Rights Reserved
*/

/* ============ Table of contents ======================================== 
	= 1. My Account Nav Bar
	= 2. My Account - Account Information page
	= 3. My Account - Address Book page
	= 4. My Account - Communication Preferences page
	     - 4.1 Custom dropdown styling
	= 5. My Account - Orders
		 - 5.1 Orders Nav styling
	= 6. Forgotten Password page
	= 7. Reset Your Password page
	= 8. Registration page
	= 9. Login Popup
 ============== Table of contents ======================================*/

/* = 1. My Account Nav Bar =============================================*/
#wrapping-form{
	display: none;
}

#account-nav{
	border-bottom: 1px solid #e9e9e9;
	margin-top: 25px;
	margin-bottom: 24px;
	height: 53px;
}

#account-nav h1{
	display: none;
	vertical-align: bottom;
	/*margin-right: 49px;*/
	margin-bottom: 7px;
	font-size: 32px;
	font-weight: normal;

	float:left;
	margin-top: 10px;
}
#account-nav h1{
	display:inline-block;
}
.ie6 #account-nav h1,
.ie7 #account-nav h1{
	zoom: 1;
	display: inline;
}


#account-nav ul{
	display: inline-block;
	float: right;
}

.ie6 #account-nav ul,
.ie7 #account-nav ul{
	zoom: 1;
	display: inline;
}


#account-nav li{
	display: inline-block;
	vertical-align: top;
	color: #7f7f7f;
}

.ie6 #account-nav li,
.ie7 #account-nav li{
	zoom: 1;
	display: inline;
}

#account-nav li a{
	padding: 17px 13px 13px 13px;
	display: block;
	color: #7f7f7f;

	border-color: white;
	border-style: solid;
	border-width: 1px 1px 0 1px;
}

#account-nav li a:hover{
	border-color: #e9e9e9;
	text-decoration: none;
}

#account-nav li.active-nav a:hover{
	border-color: #e9e9e9;
}



#account-nav h2{
	display: inline-block;
	margin-bottom: 0;
	color: #7f7f7f;
	line-height: 22px;
}
#account-nav h2+span{
	color: #7f7f7f;
	font-size: 1.5em;

}
.ie6 #order-count{
	font-size: 17px;
}

.oldie #account-nav h2{
	zoom: 1;
	display: inline;
}

#account-nav .active-nav{
	background: #e9e9e9;
	position: relative;
}

#account-nav li.active-nav:after{
	content: "";
	background: url(../images/sprites.png) -390px -107px repeat-x transparent;
	width: 25px;
	height: 12px;
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -13px;
}

#account-nav .active-nav a{
	border: 1px solid #e9e9e9;;
}

#account-nav .active-nav a h2{
	color: #4e4e4e;
}


#account-nav .icon-box{
	width: 22px;
	height: 22px;
	display: inline-block;
	margin-right: 7px;
	vertical-align: top;
	zoom: 1;
	*display: inline;
}

/* = 2. Customer details form =============================================*/

#top-message-box{
	display: none;
	
	position: absolute;
	top: 0;
	z-index: 10000;
	width: 963px;
	height: 93px;

	background: black;
	background: rgba(0,0,0, .7);

	padding-top: 15px;
}

#top-message-box .arrow{
	position: absolute;
	left: 50%;
	margin-top: 1px;
	margin-left: -7px;
	width: 14px;
	height: 11px;
	background: url(../images/top-message-triangle-red.png) no-repeat transparent;
	z-index: 10;
}


#top-message{
	position: absolute;

	width: 943px;
	padding: 10px;
	margin-top: 11px;

	background: white;
	color: #c30000;
	border: 1px solid #c30000;

	font-size: 14px;
}

#top-message .icon{
	display: inline-block;
	margin-right: 5px;
	width: 35px;
	height: 35px;
	/*background: url(../images/X.gif) no-repeat transparent;*/
	vertical-align: middle;
}

#top-message .text{
	display: inline-block;
	vertical-align: middle;
}

.ie6 #top-message .icon,
.ie7 #top-message .icon,
.ie6 #top-message .text,
.ie7 #top-message .text{
	zoom: 1;
	display: inline;
}

.btn_addbook{
background: #9E9E9E !important;
border: 1px solid #9E9E9E !important;
}

.btn-add{
	display: inline-block;
	background: #c4c4c4;
	border: 1px solid #c4c4c4;
	color: white;
	text-align: center;	
	font-weight: bold;
	padding: 9px 12px 7px;
	cursor: pointer;
}
.btn-add:hover{
	text-decoration: none;
	background-color: #c4c4c4;
}

.account-information .save{
	margin-bottom: 23px;
}
.ie6 .save-bottom{
	margin-top: 20px;
}

.ie7 .save-bottom{

	float: left;
}

.form-column{
	display: inline-block;
	width: 271px;
	padding: 20px;
	margin-right: 12px;
	vertical-align: top;
	

	background: #f4f4f4;
	background: -moz-linear-gradient(top,  #f4f4f4 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f4f4f4 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 );
}

/* IE6, IE7 */
.form-column { *float:left;*position:relative; }

.form-column.no-gradient{
	
	margin-right: 0 !important;
	background: linear-gradient(to bottom, #F4F4F4 0%, #FFFFFF 100%) repeat scroll 0 0 transparent !important;

	 
}

.ie6 .form-column,
.ie7 .form-column{
	zoom: 1;
	display: inline;
}



.form-column.omega{
	background: #ffffff;
	background: #ffffff\0/;
	margin-right: 12px !important;
}



.column-title{
	font-size: 16px;
	color: #4e4e4e;
}

.form-row{
	margin-bottom: 20px;
	position: relative;
}

.form-row label{
	display: block;
	margin-bottom: 9px;
}

/* IE6, IE7 */
.form-row label { *display: inline-block; }

.form-row input[type="radio"]+label{
	display: inline-block;
}

.form-row .required{
	display: inline-block;
	margin-left: 3px;
}

.field-required-register{
border:1px solid #d8d8d8;
}

.form-row input[type="text"],
.form-row input[type="password"]{
	display: block;
	width: 254px;
	padding: 9px 8px;
	color: #4e4e4e;
	border: 1px solid #d8d8d8;
}

.form-row input[type="text"]:focus,
.form-row input[type="password"]:focus{
	border: 1px solid #6e6e6e;
}

.ie6 input{
	min-width: 265px;
	width: 265px;

	height: 33px;
	max-height: 33px;
	line-height: 33px;
}
.ie6 input.radio,
.ie6 input.checkbox{
	width: auto;
	height: auto;
}
.ie6 .phone-number select{
	display: inline-block;
}
.ie6 .phone-number input{
	width: 190px;
	min-width: 190px;
	display: inline-block;
}

.ie6 #gender input{
	width: auto;
	min-width: 0;
	vertical-align: middle;
	
}
.ie6 #myerone-password #myerone-tooltip{
	/*left: 280px !important;*/
}
.ie6 .phone-number input[type=text]{
	width: 169px;
	max-width: 169px;
	min-width: 169px;
}
.ie6 #myerteam input{
	width: auto;
	min-width: 0;
	height: auto;
	min-height: 0;
}
.ie6 #myerteam-card-block input{
	min-width: 265px;
	width: 265px;

	height: 33px;
	max-height: 33px;
	line-height: 33px;	
}
.ie6 .default-address-block input{
	width: auto;
	min-width: 0;
	height: auto;
	min-height: 0;
}



.form-row .fullwidth{
	width: 272px;
}





/* will be width:159px only in google chrome */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .form-row.phone-number input[type="text"]
{width: 147px;
	padding:10px 9px;
}
}

.form-row.phone-number input[type="text"] {
    display: inline-block;
    width: 155px;
}

.phone-number select{
	vertical-align: top;
}


/* will be width:159px only in google chrome */

@media screen and (-webkit-min-device-pixel-ratio:0) {
.phone-number select{
	width:93px;
}
}


.ie8 .phone-number select,
.ie9 .phone-number select{
	padding: 8px 9px;
}

/*Form valdiation styling*/
.form-error,
.form-error-required{
	border: 1px solid #c30000 !important;
}

.error-message{
	display: none;
	color: #c30000;
	font-style: italic;
	margin-top: 10px;
}

.error-message1{
	display: none;
	color: #c30000;
	font-style: italic;
	margin-top: 10px;
	margin-bottom:5px;
}

.error-message2{
	display: none;
	color: #c30000;
	font-style: italic;
	margin-top: 10px;
}

.error-message3{
	display: none;
	color: #c30000;
	font-style: italic;
	margin-top: 10px;
}

#select-state{border:1px solid #F4F4F4;}

#select-store{border:1px solid #F4F4F4;}

#select-state1{border:1px solid #F4F4F4;}

#select-store1{border:1px solid #F4F4F4;}

#select-state2{border:1px solid #F4F4F4;}

#select-store2{border:1px solid #F4F4F4;}

/* end Form validation styling*/

.form-row input[type="text"].disabled,
.form-row input[type="password"].disabled{
	background: #f4f4f4;
}



.form-row .inactive{
	background: #f4f4f4;
}

.register-page #WC_PersonalInfoExtension_birth_date {
    display: inline-block;
    width: 58px;
}

.register-page #WC_PersonalInfoExtension_birth_month {
    display: inline-block;
    width: 134px;
}

.register-page #WC_PersonalInfoExtension_birth_year {
    display: inline-block;
    width: 72px;
}

.form-row select{
	padding: 9px;
	color: #4e4e4e;
}
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .form-row select  { padding:9px; line-height:33px; }
}



.tooltip-icon-wrapper{
	position: absolute;
	right: 0;
	z-index: 20;
}


.ie6 #dob,
.ie7 #dob{
	z-index: 20;
}


.form-row label{
	position: relative;
}
.tooltip-box{
	display: none;
	position: absolute;
	top: 8px;
	left: 263px;
	width: 150px;
	z-index: 10;
	box-shadow: 0 0 8px 2px rgba(0,0,0,.2);
}

.tooltip-box.tooltip-left{
	left: auto;
	right: 8px;

	width: 160px;
}
.tooltip-box.tooltip-left .tooltip-content-wrapper{
	padding-left: 27px;
}
.tooltip-box.tooltip-left .close-tooltip{
	right: auto;
	left: 0;
}
.tooltip-content-wrapper{
	position: relative;

	padding: 14px 19px;
	border: 1px solid #e0e0e0;	
	background: white;

	font-size: 11px;
	line-height: 14px;
}
.close-tooltip{
	position: absolute;
	top: 0;
	right: 0;
}


.shadowbox{
    display: none;
    z-index: 20;
    position: absolute;

    left: 105%;
    width: 176px;
    padding: 15px 20px;

    background: white;
    font-size: 12px;
}
.ie6 .shadowbox{
    display: none!important;
    /*z-index: 20;
    border: 1px solid #e0e0e0;
    left: 250px;
    background: #e0e0e0;*/
}
.ie6 .form-column.alpha{
    z-index: 50;
}
.ie6 iframe{
    border: 1px solid red;
}

.shadowbox-inner{
    position: relative;
}

.shadow-topleft{
    position: absolute;
    top: -5px;
    left: -5px;
    width: 5px;
    height: 5px;
    background: url(../images/shadow-box-top-left.png) repeat-x left bottom transparent;
}
.shadow-topmiddle{
    position: absolute;
    top: -5px;
    left: 0;
    width: 100%;
    height: 5px;
    background: url(../images/shadow-box-top.png) repeat-x left bottom transparent;
}
.shadow-topright{
    position: absolute;
    top: -5px;
    right: -5px;
    width: 5px;
    height: 5px;
    background: url(../images/shadow-box-top-right.png) repeat-x left bottom transparent;
}
.shadow-top-witharrow{
    position: absolute;
    top: -12px;
    left: 0px;
    width: 100%;
    height: 12px;
    background: url(../images/shadow-box-top-witharrow.png) repeat-x left bottom transparent;
}

.shadow-left{
    position: absolute;
    left: -12px;
    top: 0;
    width: 12px;
    height: 100%;
    background: url(../images/shadow-box-left.png) no-repeat left center transparent;
}
.shadow-left-noarrow{
    position: absolute;
    left: -6px;
    top: 0;
    width: 6px;
    height: 100%;
    background: url(../images/shadow-box-left-noarrow.png) repeat-y left top transparent;
}
.shadow-right{
    position: absolute;
    right: -6px;
    top: 0;
    width: 6px;
    height: 100%;
    background: url(../images/shadow-box-right.png) repeat-y left top transparent;
}

.shadow-bottomleft{
    position: absolute;
    bottom: -5px;
    left: -5px;
    width: 5px;
    height: 5px;
    background: url(../images/shadow-box-bottom-left.png) repeat-x left top transparent;
}
.shadow-bottommiddle{
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 5px;
    background: url(../images/shadow-box-bottom.png) repeat-x left top transparent;
}
.shadow-bottom-witharrow{
    position: absolute;
    bottom: -12px;
    left: 0px;
    width: 100%;
    height: 12px;
    background: url(../images/shadow-box-bottom-witharrow.png) repeat-x left top transparent;
}
.shadow-bottomright{
    position: absolute;
    bottom: -5px;
    right: -5px;
    width: 5px;
    height: 5px;
    background: url(../images/shadow-box-bottom-right.png) repeat-x left top transparent;
}



.ie6 .shadowbox-inner,
.ie6 .shadow-topleft,
.ie6 .shadow-topmiddle,
.ie6 .shadow-topright,
.ie6 .shadow-left,
.ie6 .shadow-right,
.ie6 .shadow-bottomleft,
.ie6 .shadow-bottommiddle,
.ie6 .shadow-bottomright{
	display: none;
}



.shadowbox .title{
	font-weight: bold;
	margin-bottom: 4px;
	margin-left: 8px;
}
.shadowbox .body{
	color: #c30000;
}
.shadowbox ul{
	list-style: disc;
	margin-left: 9px;
}

.shadowbox li{
	line-height: 1.8em;
	color: #c30000;
}


.email-shadowbox,
.phone-shadowbox{
	top: 14px;
}

.ie6 #login-email{
	z-index: 50;
}

.ie7 #sec-email{
	z-index: 1;
}



#password-btn{
	padding-left: 29px;
	position: relative;
	background-repeat: no-repeat;
	background-position: 10px 9px;
}

#password-form{
	display: none;
}


#current-password input{
	width: 226px;
	padding-right: 36px;

}


#new-password{
}

.strength-indicator-bar{
	height: 5px;
	margin-top: 2px;
	width: 272px;
	float:left;
}

.indicator-block{
	display: inline-block;
	width: 51px;
	height: 100%;
	margin-left: 4px;
	background: #e9e9e9;
	vertical-align: top;
	float:left;
}

.ie6 .indicator-block,
.ie7 .indicator-block{
	display: inline;
}

.indicator-block:first-child{
	margin-left: 0;
	width: 52px;
}


#strength-block{
	top: -17px;
}


#male-label,
#female-label{
	display: inline-block;
	margin-left: 3px;
}
.oldie #male-label,
.oldie #female-label{
	zoom: 1;
	display: inline;
}

#month{
	width: 175px;
}

#gender{
	margin-bottom: 11px;
}

#male-icon{
	display: inline-block;
	vertical-align: middle;
}
.ie6 #male-icon,
.ie7 #male-icon{
	zoom: 1;
	display: inline;
	vertical-align: middle;
}
.ie6 #male-icon{
	height: 34px;
}
#female-icon{
	display: inline-block;
	vertical-align: middle;
	margin-left: 19px;
}
.ie6 #female-icon,
.ie7 #female-icon{	
	zoom: 1;
	display: inline;
	vertical-align: middle;
}
.ie6 #female-icon{
	height: 34px;
	width: 167x;
}

.postcode input[type="text"]{
	width: 37px;
}


#myerone-member-block{
	margin-bottom: 10px;
}
.ie7 #myerone-member-block label{
	vertical-align: top;
	margin-top: 2px;
}

#myerone-number-tooltip{
	display: block;
	margin-top: -19px;
	z-index: 50;
}
#myerone-number-tooltip-box{
	z-index: 49;
}

#myerone-card-number input{
	display: inline-block;
	margin-right: 2px;
}

.ie9 #myerone-card-number input{
	margin-right: 1px;
}
.oldie #myerone-card-number input{
	margin-right: 1px;
}
#myerone-card-number input.omega{
	margin-right: 0;
}

#myerone-card-number .block1{
	width: 75px !important;
	
}
#myerone-card-number .block2,
#myerone-card-number .block3{
	width: 43px !important;
	
}
#myerone-card-number .block4{
	width: 21px !important;
	
}

#myerone-password{
	margin-bottom: 26px;
}

.forgotten-password-link{
	display: inline-block;
	padding-left: 23px;
	margin-top: 13px;
	color: #4e4e4e;
	text-decoration: underline;
	position: relative;
}
.ie6 .forgotten-password-link,
.ie7 .forgotten-password-link{
	display: inline;
}

.myerone-button{
	display: inline-block;
	margin-right: 8px;
}
.ie6 .myerone-button{
	display: inline;
}
.ie6 #check-balance{
	width: 160px;
}
.ie6 #join-myerone{
	width: 90px;
}


.ie7 .myerone-button{
	display: inline;
}

.member-level-block,
.shopping-credits-block{
	display:inline-block;
}

.member-level-block{
	width: 160px;
}
.shopping-credits-block{	
}
.member-level-block > div,
.shopping-credits-block > div{
	padding-top: 7px;
	font-weight: bold;
}
.ie6 .member-level-block,
.ie6 .shopping-credits-block,
.ie7 .member-level-block,
.ie7 .shopping-credits-block{
	display:inline;
}

#myerone-member-info .disclaimer{
	font-size: 11px;
	padding-top: 8px;
}


#myerteam{
	padding-top: 19px;
	border-top: 1px solid #e0e0e0;
}
.ie7 #myerteam label{
	vertical-align: top;
	margin-top: 2px;
}


.ie6 #myerone-member-block label{
	display: inline;
}
.ie6 #myerteam label{
	display: inline;
}


.myerteam-check-block,
.myerteam-check-block h3{
	margin-bottom: 10px;
}
.myerteam-check-block input{
	
}
.myerteam-check-block label{
	display: inline-block;
	width: 245px;
	font-weight: bold;
	color: #3c3c3c;
	margin-top: 2px;
	vertical-align: top;
}
#myerteam-tooltip-box{
	font-weight: normal;	
}


/* = 2. My Account - Address Book =============================================*/

 
/* Invisible Base Address Blocks */
#base-readonly-address-block,
#base-editmode-address-block{
	display:none;
}

.cardhldrname{
	width: 282px;
	}

.cardhldrno{
	width: 282px;
}
.card-ccvnumber{
	width: 282px;
}
.card-ccvexpiry{
	width: 282px;
}
/* Add address button*/
.add-address-block{
	clear:both;
}
.add-address{
	margin-bottom: 25px;
}


/* Display of readonly addresses */
.address-block{
	float: left;
	display: inline-block;
	width: 309px;
	margin-right: 12px;
	margin-bottom: 50px;
	vertical-align: top;
	position: relative;
	min-height:218px;

	/*height: 200px;*/

	background: #f4f4f4;
	background: -moz-linear-gradient(top,  #f4f4f4 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f4f4f4 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 );
}

.ie6 .address-block{
	zoom: 1;
	display: inline;

	min-height: 220px;
	height: 220px;
	max-height: 220px;
}
.ie7 .address-block .rego-tooltip-wrapper,
.ie6 .address-block .rego-tooltip-wrapper{
	position: absolute;
	right: 0;
}

.ie7 .address-block{
	zoom: 1;
	display: inline;
	height: 200px;
}
.ie8 .address-block{
	height: 200px;
}
.blocking-overlay{
	display: none;
	z-index: 9;

	position: absolute;
	width: 100%;
	height: 100%;
	background: white;
	opacity: .8;
	filter: alpha(opacity=80);
}
.address-block-content{
	padding: 19px;	
}

.address-block .default-address-block{
	margin-bottom: 10px;
}

.default-address-block input{
	margin-left: -2px;
}
.default-address-label{
	font-size: 16px;
}
.default-address-label.active{
	font-weight: bold;
}

.address-block .nickname{
	font-weight: bold;
}

.customer-details{
	margin-bottom: 20px;
	min-height: 65px;
}

.readonly-address{
	text-transform: capitalize;
}



.default-address-block label{
	display: inline-block;
}
.ie6 .default-address-block label,
.ie7 .default-address-block label{
	vertical-align: bottom;
}

.rego-tooltip-wrapper{
	display: none;
	position: relative;
	float:right;
	margin-top: 7px;
	z-index: 8;
}
.rego-tooltip-wrapper .tooltip-box{
	left: -8px;
}

.ie6 .address-block{
	z-index: 1;
}
.ie6 .tooltip-box{
	z-index: 50;
}

/*===== Edit mode address blocks =====*/
.editmode-address-block .blocking-overlay{
	opacity: 1;
	width: 309px;
	z-index: 100;
	height: 550px;
}

.editmode-address-block{
	float:left;

	display: inline-block;
	width: 309px;
	margin-right: 13px;
	margin-bottom: 50px;;
	vertical-align: top;
}
.ie6 .editmode-address-block{
	border: 1px solid #e9e9e9;
}

.editmode-address-block .editmode-address-block-content{
	padding: 19px; 	
}

.ie6 .editmode-address-block,
.ie7 .editmode-address-block{
	zoom: 1;
	display: inline;
	width: 309px;
}

.editmode-default-address-label{
	font-size: 16px;
}


.ie6 .nickname,
.ie7 .nickname{
	z-index: 1;
}

.nickname-shadowbox{
	top: 12px;
}


.country{
	position: relative;
}

.country_addressBook{
	position: relative;
}
.countryShipping select{
	position: relative;
}
.country select{
	width: 271px;
	display: block;
	height: 37px;
	
	margin-bottom: 20px;
	padding: 9px;
	color: #4e4e4e;	
}
.countryShipping select{
	width: 271px;
	display: block;
	height: 37px;
	
	margin-bottom: 20px;
	padding: 9px;
	color: #4e4e4e;	
}

.countryMultibag select{
	width: 271px;
	display: block;
	height: 37px;
	
	margin-bottom: 20px;
	padding: 9px;
	color: #4e4e4e;	
}
.countryShippingMultibag select{
	width: 271px;
	display: block;
	height: 37px;
	
	margin-bottom: 20px;
	padding: 9px;
	color: #4e4e4e;	
}

.country_addressBook select{
	width: 271px;
	display: block;
	height: 37px;
	
	margin-bottom: 20px;
	padding: 9px;
	color: #4e4e4e;	
}
.country option{
	padding: 9px;
}
.country_addressBook option{
	padding: 9px;
}
.countryShipping option{
	padding: 9px;
}
.country-tooltip-box{
	display: none;
	position: absolute;
	top: 0;
	right: 20px;
	width: 150px;
	z-index: 10;

	box-shadow: 0 0 8px 2px rgba(0,0,0,.2);
}

.not-found{
	float:right;
}
.not-found-multibag{
	float:right;
}


.not-found_addressBook{
	float:right;
}
.street-address-1{
	position: relative;
}
.street-address-1_addressBook{
	position: relative;
}
.street-suggestions{
	display: none;
	border: 1px solid #e0e0e0;
	background: white;

	position: absolute;
	top: 58px;
	z-index: 10;
}
.suggestion{
	padding: 10px;
	width: 250px;
	cursor: pointer;
}
.suggestion:hover{
	background: #e9e9e9;
}
.suggestion:first-child{
	margin-top: 0;
}

.extra-address{
	display:none;
}

.state,
.postcode{
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

.postcode_singleBag{
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

.postcode_guestPage{
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

.postcode_multiBag{
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

.postcode_pickUp{
	display: inline-block;
	width: 49%;
	vertical-align: top;
}
.state_addressBook,
.postcode_addressBook{
	display: inline-block;
	width: 49%;
	vertical-align: top;
}
.ie6 .state,
.ie7 .state,
.ie6 .postcode,
.ie7 .postcode{
	zoom: 1;
	display: inline;
}

.state select{
	width: 122px;
}
.state_addressBook select{
	width: 122px;
}
.postcode input[type="text"]{
	width: 119px;
}

.postcode_singleBag input[type="text"]{
	width: 119px;
}
.postcode_guestPage input[type="text"]{
	width: 119px;
}
.postcode_multiBag input[type="text"]{
	width: 119px;
}
.postcode_pickUp input[type="text"]{
	width: 119px;
}
.postcode_addressBook input[type="text"]{
	width: 119px;
}

.example{
	color: #8E8E8E;
	font-size: 11px;
	margin-top: 8px;
}




/* = 4. My Account - Communication Preferences page =============================================*/
.comm-settings .save{
	margin-bottom: 23px;
}
.comm-settings .email-shadowbox{
	top: -12px;
}
.comm-settings .phone-shadowbox{
	top: -12px;
	left: 84%;
}

.comm-block p{
	line-height: 1.5em;
}


#email-option{
	margin-right: 0;
}
#sms-option{

}

#myerone-newsletter{
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid #e0e0e0;
}

.send-to-block{
	margin-top: 20px;
}
.send-to-block h4{
	position: relative;
}
.send-to-block h4 div{
	font-weight: normal;
}

.check-text-row{
	margin: 15px 0;
}

.ie6 .check-text-row input,
.ie7 .check-text-row input{
	display: inline;
}

.check-text-row input[type="checkbox"]{
	margin-right: 10px;
	display: inline-block;
}

.ie8 .check-text-row input[type="checkbox"],
.ie7 .check-text-row input[type="checkbox"]{
	vertical-align: top;
	margin-top: 8px;
}

.check-text-row input[type="text"]{
	width: 226px;
	display: inline-block;
}
.ie8 .check-text-row input[type="text"],
.ie7 .check-text-row input[type="text"]{
	width: 223px;
}

.send-to-block{
	display: none;
}

.interests-block{
	width: 250px;
	margin-right: 30px;
	padding-top: 20px;
}
.ie6 .interests-block,
.ie7 .interests-block{
	zoom: 1;
	display: inline;
}

.interests-block h4{
	color: #4E4E4E;
    font-size: 14px;
    font-weight: bold;
}

.interests-block div{
	margin-top: 20px;
}

.interests-block input{
	margin-right: 7px;
}
.interests-block label{
	vertical-align: text-bottom;
}


/* - 4.1 My Account - Newsletter Settings page - Custom Dropdown Styling =======*/

.sbHolder{
	background: white;
	width: 311px;
	position: relative;
	margin-bottom: 20px;
}

.sbToggle{
	background: url(../images/arrows.png) top left no-repeat transparent;
	display: block;
	outline: none;
	position: absolute;
	right: 12px;
	top: 15px;
	width: 8px;
	height: 7px;
	overflow: hidden;
	
}
.sbToggleOpen{
	background: url(../images/arrows.png) bottom left no-repeat transparent;
}

.sbHolder a:hover{
	text-decoration: none;
}
.sbSelector{
	width: 281px;
	display: block;
	padding: 9px 9px 9px 20px;
	color: #4e4e4e;
	border: 1px solid #e0e0e0;
	background: white;
}

.ie6 a.sbSelector{
	width: 281px;
	display: block;
	padding: 9px 9px 9px 20px;
	color: #4e4e4e;
	border: 1px solid #e0e0e0;
	background: white;
}

.sbOptions{
	border: 1px solid #e0e0e0;
	border-top: 0;
	width: 310px;
	margin-top: 20px !important;

	position: absolute;

	z-index: 20;
	overflow-y: auto;
}
.sbOptions li{
	padding: 0;
}
.sbOptions li a:link{
	display: block;
	padding: 9px 9px 9px 20px;
	background: white;
	color: #4e4e4e;
	border:0;
	width: 281px;
}

.ie6 .sbOptions li a{
	display: block;
	padding: 9px 9px 9px 20px;
	background: white;
	color: #4e4e4e;
	border:0;
	width: 281px;	
}

.sbOptions li a:hover{
	background-color: #d8d8d8;
}

.sbOptions li a.checked-option{
	background: url(../images/check-png8.png) 5px center no-repeat white;
}

.sbOptions li a.sbFocus{
	background-color: #d8d8d8;
}


/* = 5. My Account - Orders =============================================*/

/*   - 5.1 My Account Orders Nav ========================================*/
#orders-nav{
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #d7d7d7;
	height: 55px;
	width: 256px;
}

#orders-nav li{
	display: inline-block;
	/*height: 68px;*/
}
.ie6 #orders-nav li,
.ie7 #orders-nav li{
	display:inline;
}
#orders-nav li a{
	border: 1px solid #e9e9e9;
	border-bottom: 0;
	display: inline-block;
	padding: 18px 17px;
}
.ie9 #orders-nav li a{
	padding: 18px 19px;
}
.ie9 #orders-nav li:first-child a{
	width: 95px;
}
.ie9 #orders-nav li:first-child+li a{
	width: 81px;
}
#orders-nav li a:hover{
	text-decoration: none;
}
#orders-nav li a h4{
	color: #7f7f7f;
}
#orders-nav li.active-nav{
	background: #e9e9e9;
	position: relative;
}

#orders-nav li.active-nav:after{
	content: "";
	background: url(../images/arrow-only.png) center bottom no-repeat transparent;
	width: 25px;
	height: 12px;
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -13px;
}

#orders-nav li.active-nav h4{
	color: #4e4e4e;
}
/* end - 5.1 My Account Orders Nav ========================================*/

#orders-wrapper{
	margin: 50px 0;
	min-height: 500px;
}

#orders-header,
.orders-table{
	width: 100%;
	text-align: left;
}

#orders-header th{
	padding: 15px;
	border-bottom: 1px solid #717171;
	background: white;
	text-align: left;
}

.orders-table{
	/*display: none;*/
}
#orders-table-2years{
	position: relative;
	padding-bottom: 100px;
	display:none;
}
.orders-table td{
	padding: 15px;	
	border-bottom: 1px solid #e0e0e0;
	cursor: pointer;
}

.orders-table .order-number{
	font-weight: bold;
}

.orders-table .order-total{
	text-align: right;
}

.orders-table tr:hover{
	background: url(../images/gradient.png) repeat-x transparent;
}

.inprogress,
.partiallyshipped{
	color: #f15c22;
}

.nav-selector{
	display: none;
}

#infscr-loading{
	text-align: center;
	margin: 20px 0;
	width: 100% !important;
	position: absolute;
	bottom: 0;
	height: 56px !important;
}
#infscr-loading img{
	margin: 0 auto;
}

.end-orders,
.loading-orders{
	margin: 10px 0;
	font-weight: bold;
	text-align: center;
}

/* = 6. Forgotten Password page =============================================*/
h1.page-heading {
	margin: 35px 0 45px;
	padding-bottom: 7px;

	border-bottom: 1px solid #e0e0e0;
}

h2.page-subheading{
	margin-bottom: 15px;
}

.forgotten-password .content-wrapper{
	width: 308px;
}

#reset-email{
	margin-bottom: 50px;
}

/* = 7. Reset Your Password page =============================================*/
.reset-your-password h1{
	margin: 35px 0 45px;
	padding-bottom: 7px;

	border-bottom: 1px solid #e0e0e0;
}

#reset-password-form{
	width: 271px;
}



/* = 8. Registration page =============================================*/
.register-page h1{
	margin: 35px 0 0;
	padding-bottom: 7px;

	border-bottom: 1px solid #e0e0e0;
}


.register-page .form-column{
	margin-top: 50px;
	position: relative;
}
.register-page .column-title{
	margin-top: 5px;
}

.column-number{
	width: 26px;
	height: 26px;
	text-align: center;
	color: white;
	position: absolute;
	left: 50%;
	margin-left: -13px;
	top: -13px;
	font-weight: bold;
	font-size: 16px;
	padding-top: 2px;
}

.register-page .column-title{
	text-align: center;
}

#newsletter input{
	display: inline-block;
	margin-right: 9px;
	vertical-align:top;
}
#newsletter label{
    display: inline-block;
    vertical-align: middle;
    width: 245px;
}

#dob-day{
	width: 31px;
	display: inline-block;
}
#dob-month{
	width: 129px;
	display: inline-block;
}
#dob-year{
	width: 50px;
	display: inline-block;
}

.register-page #dob-day{
	width: 49px;
	display: inline-block;
}
.register-page #dob-month{
	width: 144px;
	display: inline-block;
}
.register-page #dob-year{
	width: 71px;
	display: inline-block;
}

/*----------For Chrome Browser------Start------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.register-page #dob-day{
	width: 49px;
	display: inline-block;
	padding:9px 2px 9px 6px;
}
}
/*----------For Chrome Browser------End------*/

/*----------For Chrome Browser------Start------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.register-page #dob-year{
	width: 71px;
	display: inline-block;
	padding:9px 2px 9px 10px;
}
}
/*----------For Chrome Browser------End------*/

.register-page #sms input{
	margin-right: 9px;
}
.register-page #sms label{
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
}


.register-page .myerone-member-block p{
	margin: 25px 0 24px;	
}

.register-page #myerone-password label{
	display: inline-block;
}
.ie6 .register-page #myerone-password label{
	display: inline;
}

#myerone-info p:first-child{
	margin-top: 11px;
}

.forgotten-sml{
	font-size: 11px;
	color: #8e8e8e;
	padding-left: 18px;
	margin-top: 0;
	display: inline-block;
	float:right;
}
.ie6 .forgotten-sml{
	display: inline;
}

.register-page+#footer{
	margin-top: 100px;
}


/* = 9. Login Popup =============================================*/
#page-blocking-overlay{
	display: none;

	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;

	width: 100%;
	height: 100%;
	background: #333;
	background: rgba(0,0,0, .5);
}

.content-wrapper{
	min-height: 500px;
}
.ie6 .content-wrapper{
	height: 500px;
}

#login-popup{
	display: none;

	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -258px;
	margin-top: -200px;
	width: 700px;
	height: auto;
	z-index: 10000;

	background: white;
}

.ie6 #login-popup{
	border: 1px solid black;
}
#login-popup .popup-content{
	position: relative;

	padding: 40px;
}
#login-popup .close-popup{
	width: 14px;
	height: 14px;
	padding: 10px;

	position: absolute;
	top:0;
	right: 0;

	background: #c30000;
	color: white;

	text-align: center;
	font-size: 18px;
}
#login-popup .close-popup:hover{
	text-decoration: none;
}
#login-popup .page-heading{
	margin-top: 0;
}

#login-popup .form-column{
	width: 375px;
}

#login-popup .form-column input{
	width: 359px;
}

.ie6 #login-popup .form-row{
	position: static;
}

#login-popup #password label{
	display: inline-block;
}
.ie6 #login-popup label{
	position: static;
	display: inline;
}

#login-popup .forgotten-password{
	float: right;
	text-decoration: underline;
	font-size: 11px;
	color: #8e8e8e;
}
.comm_save{
    margin-bottom: 23px;
}




/*=10 for session expiry */

/* = 9. Login Popup =============================================*/

.registerColumn{
width:274px !important;
position:absolute !important;
}


#login-popup-timeout{
	display: none;

	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -656px;
	margin-top: 44px;
	width: 495px;
	height: auto;
	z-index: 10000;
	background: white;
}

.ie6 #login-popup-timeout{
	border: 1px solid black;
}
#login-popup-timeout .popup-content{
	position: relative;

	padding: 40px;
}
#login-popup-timeout .close-popup{
	width: 14px;
	height: 14px;
	padding: 10px;

	position: absolute;
	top:0;
	right: 0;

	background: #c30000;
	color: white;

	text-align: center;
	font-size: 18px;
}
#login-popup-timeout .close-popup:hover{
	text-decoration: none;
}
#login-popup-timeout .page-heading{
	margin-top: 0;
}

#login-popup-timeout .form-column{
	width: 375px;
}

#login-popup-timeout .form-column input{
	width: 359px;
}

.ie6 #login-popup-timeout .form-row{
	position: static;
}

#login-popup-timeout #password label{
	display: inline-block;
}
.ie6 #login-popup-timeout label{
	position: static;
	display: inline;
}

#login-popup-timeout .forgotten-password{
	float: right;
	text-decoration: underline;
	font-size: 11px;
	color: #8e8e8e;
}