#accountcontainer #acccontent{background: #F1F1F1; border: 2px solid #ccc; display: inline-block; padding: 20px; }
#accountcontainer .registrationhead, #accountcontainer .loginhead{font-family:"ubuntubold"; font-size: 2em; font-weight: 700; padding-bottom: 10px; width:100%;}
#accountcontainer .registrationhead{float: right;}
#accountcontainer #customerlogin{float: left; min-height:275px;}
.logprofile a.forgotpassword{color: #2a5588 !important; clear: left; float: left; margin-top:10px;}
#accountcontainer .logprofile a.login{height: 43px; width: 128px; font-size: 1.3em; letter-spacing:1px; line-height:1.2em;}
#accountcontainer #customerregistration{border-left: 1px solid #ccc; float: left; position: relative;}
#accountcontainer #customerregistration .rewardsregistration{float: right; position: absolute; right: 0px; text-align: right; top: 35px; width: 100%;}
#accountcontainer #customerregistration .registration, #accountcontainer .registrationhead{padding-left: 20px;}
#accountcontainer .logprofile a.forgotpassword {clear:left; float:left;}
#accountcontainer .email, #accountcontainer .pwd1, #accountcontainer .pwd2, #accountcontainer .username, #accountcontainer .name{position: relative; float: left; padding-bottom: 20px; width:100%;}
#accountcontainer .pwd1, #accountcontainer .pwd2{width:48% !important;}
#accountcontainer #logprofile{float: left; width:100%; padding-right:20px;}
#accountcontainer .logpasswrd, #accountcontainer .logpasswrd li label, #accountcontainer .logpasswrd li.usrname, #accountcontainer .logpasswrd li.passwrd, #accountcontainer #acccontent  #customerregistration #registercontainer, #accountcontainer #customerregistration .registration, 
#accountcontainer .username label, #accountcontainer .email label, #accountcontainer .pwd1 label, #accountcontainer .pwd2 label, #accountcontainer .name label{width:100%;}
#accountcontainer .logpasswrd li{clear: left; float: left; font-weight: 700; padding: 0 0 20px; position: relative;}
#accountcontainer .registration .emailnote{color:#aaa; float: left; font-size: 0.8em; font-weight: 100; margin: -5px 0 0 146px;}
#checkoutlogin .errormsg, #accountcontainer .errormsg, #accountcontainer .infomsg, #accountcontainer .requestapproval{float: left; margin: 5px 0; font-weight: 100 !important; text-align:left;}
#accountcontainer .requestapproval{clear: left;}
#accountcontainer a{color: #0094BC;}
#accountcontainer a.login {clear: right;float: right;color:#fff;padding-top: 10px; }
#checkoutlogin a.loginFacebook,#accountcontainer a.loginFacebook {background:url(../../../templates/shared/images/socialsiteloginbutton_icons.png) no-repeat 0 -1px; display: inline-block; float:left; height:35px; margin-top:5px; margin-right:2px; text-indent: -9999px; width:40px;}
#checkoutlogin a.loginGoogle,#accountcontainer a.loginGoogle{background:url(../../../templates/shared/images/socialsiteloginbutton_icons.png) no-repeat 0 -39px; display: inline-block; float:left; height:35px; margin-top:5px; margin-right:2px; text-indent: -9999px; width:40px;}
#checkoutlogin a.loginTwitter,#accountcontainer a.loginTwitter {background:url(../../../templates/shared/images/socialsiteloginbutton_icons.png) no-repeat 0 -77px; display: inline-block; float:left; height:35px; margin-top:5px; margin-right:2px; text-indent: -9999px; width:40px;}
#accountcontainer .socialmedia {clear: right; float: right; margin-right: 20px; margin-top:5px; width:126px;}
#checkoutlogin .socialmedia {float:left; margin-top:5px;}
#checkoutlogin span.title,#accountcontainer span.title{clear: left; color:#0094BC; display: inline-block; float: left; font-weight: 700; width: 100%;}
#accountcontainer span.title { text-align:right}
#accountcontainer .registration li#requestapproval, #accountcontainer .registration li#forgotpassword, #accountcontainer .registration .errormsg, #accountcontainer .registration .successmsg{display: inline-block; font-weight: 100; margin: 5px 0;}
#acccontent label{font-weight: 100; float: left; padding: 1px 0; margin-bottom:2px;}
#acccontent .input_box{width:67%; float:right;position:relative;}
.logprofile ul.logpasswrd li label span, 
#accountcontainer .registration li label span{font-weight: 700;}
#accountcontainer .registration li label em, .logprofile ul.logpasswrd li label em{background: url("../images/icons_24bit.png") no-repeat scroll 0 -490px transparent; color: #fff; display: inline-block; font-style: normal; font-weight: 700; padding-top: 4px; height: 24px; width: 25px; margin-right: 5px; text-align: center;}
#accountcontainer .registration li label span, .logprofile ul.logpasswrd li label span{text-transform: capitalize;}
.logprofile ul.logpasswrd li select, #accountcontainer .registration li select{border: 1px solid #bbb; padding: 4px 2px; width: 252px;}
#accountcontainer #acccontent span.field-validation-error{top:62px; left: 0px; font-weight: 100; position: absolute; color:#FF0000;}
#checkout #checkoutlogin span.field-validation-error span, #accountcontainer #acccontent span.field-validation-error span{border: 0; font-weight: 100; padding: 0px;}
.registration input, .logpasswrd input{background: #fff; border: 1px solid #cbcaca; font-size: 1em; width: 100%; padding: 6px;}
#accountcontainer #FirstName{clear: both; width: 212px; float: left;}
#accountcontainer #LastName{width: 212px; float: right; margin-left: 6px;}
input#register{border: medium none; cursor: pointer; float: right; height: 43px; margin: 1px 0 0; padding: 0; width: 140px; font-size:1.3em;letter-spacing:1px;}
.registrationmesg{float: left; margin-left: 20px; margin-bottom: 5px;}
.registrationmesg span{clear: left; float: left;}
.registrationmesg span#forgotpassword a, .registrationmesg span#requestapproval a{color: #1D6F9E; font-weight: 700;}
.registration li.pwd1, .registration li.pwd2{width: 226px; float: left;}
#checkoutlogin #customerregistration li.pwd2{float: left;}
#checkoutlogin .registration li.pwd1{margin-right:2%;}

div#checkout #accordion input#register {border: none;font-size: 1.3em; margin: 2px 0; text-transform:capitalize; width: 140px;}
#checkoutlogin .registrationmesg{ float:none; margin:0px; }
#customerregistration li.pwd2{float: right;}

#registercontainer .subscription {float:left;width:auto;text-align:left;margin-left:4%; margin-top:1em;}
#registercontainer .subscription input[type="checkbox"] {float:left;}
#registercontainer .subscription label {float:left;margin:-0.35em 0 0 0.5em;padding:0;12:20 PM 12/14/2016}

/**************Forgot Password********/
.commonforgotpopup{background: #fff url(../images/groupimg.png) repeat; border: 8px solid #f1f1f1; display: none; min-height: 225px; width:578px; box-shadow: 0 0 10px 5px #7abae6;  z-index: 14; padding: 20px; position:fixed!important; top: 10% !important;}
.forgotpasswordhead, div#checkout div#accordion h3.forgotpasswordhead{border-bottom: 1px dotted #ccc; color: #000; font-size:1.17em; font-family:"ubuntubold", Arial, sans-serif; padding: 0 0 10px; text-transform: none;}
.commonforgotpopup .forgotpass li label.error { color: #FF0000 !important; font-size: 0.9em; font-weight: 100; left: 166px; margin: 0; position: absolute; top: 46px; line-height:normal; }
.commonforgotpopup .forgotpass #twitteremail {padding: 8px 5px; width:400px !important;}
.commonforgotpopup .close.cornorbtn{background: url(../images/icons.png) -5px -551px no-repeat; cursor: pointer; height: 27px; position: absolute; right:0; top: 4px; width: 26px;}
.commonforgotpopup .btn.close{cursor: pointer; height: 43px; float: left; white-space:nowrap; overflow:hidden; color:#fff !important; padding-top:12px;}
.commonforgotpopup .btn.send {cursor: pointer; height: 43px; float: right; margin-right:0px; color:#fff !important; padding-top:12px;}
.commonforgotpopup .btn.continue{background: url(../images/actionlist_login.png) no-repeat -345px -47px; cursor: pointer; height: 40px; width:128px; float: right; margin-right:0px; text-indent:100%; white-space:nowrap; overflow:hidden;}
.commonforgotpopup .forgotpass{margin: 10px 0;}
.commonforgotpopup .forgotpass li label{color: #01539B; margin: 0;}
.commonforgotpopup .forgotpass li.usrname{margin: 15px 0 19px!important;}
.commonforgotpopup .forgotpass li span.field-validation-error{left:0!important; top: 50px!important; position:absolute; width:100%}
.commonforgotpopup .forgotpass li span.field-validation-error span{background-color: inherit; border: inherit;}
.commonforgotpopup .successmailsent{padding:10px 0 0;}
.commonforgotpopup .successmailsent li label{display: block; font-size: 1.4em; padding: 20px 0; width: 93%; color: green; font-weight: 100!important;}
.commonforgotpopup .successmailsent li a.btn.close{margin-top: 31px;}
.forgotpass li label{display: inline-block; font-size:1em; margin-top: 9px; line-height:37px;}
.forgotpass li input,#checkout #checkoutlogin #acccontent .forgotpass li input{border: 1px solid #bbb; font-size:1.4em; padding:8px 5px; width: 309px; box-shadow: 2px 3px 4px -4px #999 inset; margin: 0px;}
.commonforgotpopup .forgotpass li span.twitteremailvalidation{left: 165px!important;}
.forgotpass li input.forgotpasswordemail{ width:100%!important;}
.commonforgotpopup .forgotpass li{clear: left; float: left; margin: 10px 0; position: relative; width: 100%; text-align:left;}
#guest .dyn_content ul li{background: url(../images/actionlist_login.png) no-repeat -584px -62px; color: #555; padding: 0 0 0 16px; margin-bottom: 6px; width:300px; float:left;}
#guest .dyn_content ul li.row5, #guest .dyn_content ul li.row6, #guest .dyn_content ul li.row7{display:none;}
#checkoutlogin #customerregistration {border-left:1px solid #ccc; float:right; padding:0 20px 20px; margin-top:10px;width:54%;}
#guest p{color:#000;font-size: 1em;font-weight:100;margin-bottom:10px;}
#checkoutlogin a.purchaseguest{color:#fff;width:150px;height:43px;float:left; padding-top:12px; font-size: 1.1em;}
#checkoutlogin #customerlogin{float: left;margin-top:10px; width:43%;padding-left:20px;} 
#checkoutlogin #customerlogin ul li{float:left;width:100%;}
#guest .dyn_content h4{display:none;}
#guest .dyn_content ul{display:inline-block; margin:0 0 10px 0;}
#checkout #checkoutlogin a.login{font-size:1.3em; margin: 10px 0 0; padding:10px 30px; float: right;letter-spacing:1px;}
#checkout #checkoutlogin{display:inline-block;padding-bottom:8px; width:100%}
#checkout #checkoutlogin .loginhead, div#checkout div#accordion h3 {font-size:1em;text-transform:uppercase; font-family:"ubuntubold", Arial, sans-serif; color: #1D6F9E; margin-bottom:10px;}
#checkoutlogin #logprofile span.field-validation-error{position:absolute;display:block;left:0px; top:62px; width:100%}
#checkoutlogin #acccontent ul li input{padding:5px 10px;background:#FFFFFF;border: 1px solid #BED2D7;}
#checkoutlogin #customerlogin .logprofile ul li, #checkoutlogin .registration li {float:left;padding: 0 0 18px; position:relative; width:100%} 
#checkout #checkoutlogin h4.rewarddisplay{color: #38610B;  font-size: 1em;font-family:"ubuntubold", Arial, sans-serif;padding: 10px 0 5px;} 
#accountcontainer .logpasswrd .errormsg{padding:0px;margin:1px 0;}
#checkout #accordion #customerlogin input{width:100%;}
#accountcontainer button{border:0; cursor:pointer; display:block;}
#checkoutlogin button {border:0; cursor:pointer;}
#checkoutlogin .facebook,#accountcontainer .facebook, #checkoutlogin .google,#accountcontainer .google, #checkoutlogin .twitter,#accountcontainer .twitter, #checkoutlogin .linkedin,#accountcontainer .linkedin  {background:url(../../../templates/shared/images/socialsiteloginbutton_icons.png) no-repeat 0 0; display: inline-block; height:35px; margin-top:5px; margin-right:1px; padding:0; text-indent: -9999px; width:40px;}
#checkoutlogin .facebook,#accountcontainer .facebook {background-position: 0 -1px;}
#checkoutlogin .google, #accountcontainer .google {background-position: 0 -39px;} 
#checkoutlogin .twitter,#accountcontainer .twitter {background-position: 0 -77px;}
#checkoutlogin .linkedin,#accountcontainer .linkedin {background-position: 0 -114px;}
#accountcontainer .socialmedia{width:132px!important; text-align:right;}
#checkoutlogin .socialmedia {float:left; margin-top:5px; width:132px; text-align:left;}
#checkoutlogin span.title, #accountcontainer span.title{ float:left;clear:left; width:100%;}
#checkoutlogin span.or, #accountcontainer span.or{ color:#0094BC; display: inline-block;  font-weight: 700; float:left; font-size:1.4em; width:30px; text-transform:uppercase; margin-left:20px;}
#checkoutlogin span.or{margin-left:0;}
#checkoutlogin span.loginwith, #accountcontainer span.loginwith{ color:#0094BC; display: inline-block; float:left; font-weight:normal; font-size:1em; width:60px; clear:right; line-height:26px; margin-left:5px;}
#changeprovidermessage{background:#d9edf7; padding:10px; color:#31708f;}

@media screen and (max-width:1024px) {
    #checkoutlogin #logprofile span.field-validation-error{top:62px;}
    #checkoutlogin #customerlogin, #checkoutlogin #customerregistration {float:none;width:90%;}
    #checkoutlogin #customerregistration {clear:both;}
}
@media screen and (max-width:970px) {
    .commonforgotpopup{left: 13% !important;width: 74%;}
    #acccontent label{font-size:0.95em;}
    #checkoutlogin #customerregistration label{font-size:1em}
    #accountcontainer .registrationhead, #accountcontainer .loginhead{font-size:1.17em;}
}
@media screen and (min-width:768px) and (max-width:980px){
    #registercontainer .subscription{ width:100%; margin:0px 0 10px 0; padding-left:20px;}
}
@media screen and (max-width:767px){
    #acccontent label{font-size:1em;}
    #accountcontainer #customerregistration{border-left: 0px solid #ccc;}
    #accountcontainer #customerregistration .registration, #accountcontainer .registrationhead{padding-left: 0px;}
    #checkout #checkoutlogin .loginhead{border-bottom: 2px solid;}
    #checkoutlogin #customerlogin {padding: 0 4%;width: 100%;}
    #guest {border-left: 0;padding: 0 4%;width: 100%;margin-bottom: 10px;}
    #accountcontainer #logprofile {padding:0}
    #accountcontainer #acccontent {padding:10px}
    .commonforgotpopup {left: 6% !important; width: 86%;}
    #checkoutlogin #customerregistration { width:100%; }    
}

@media screen and (max-width:568px){
    .commonforgotpopup{left: 10% !important; padding: 8px; width: 80%; position:absolute!important;}
    #acccontent ul.forgotpass .input_box,.forgotpass li input.forgotpasswordemail{float:left;width: 100% !important;}
    .forgotpasswordhead{font-size: 2.0em;}
}
@media screen and (max-width:480px){
    #accountcontainer .registrationhead, #accountcontainer .loginhead{font-size: 1.9em;}
    #registercontainer .subscription{width:100%;margin:0px 0 10px 0; padding:0;}
    #checkoutlogin .registration li.pwd1, #checkoutlogin .registration li.pwd2 {width: 49%;}
}
@media screen and (max-width:414px){
    .commonforgotpopup {left: 3% !important; padding: 8px; top: 30px !important; width: 94%;}
    #accountcontainer .pwd1, #accountcontainer .pwd2{ width:100%!important;}
    #checkout #checkoutlogin span.field-validation-error span, #accountcontainer #acccontent span.field-validation-error span{ font-size:0.9em;}
    #accountcontainer .registrationhead, #accountcontainer .loginhead,.forgotpasswordhead {font-size: 1.4em;}
}
@media screen and (max-width:320px) {
    .logprofile a.forgotpassword { float:right; }
    #registercontainer .subscription label{ font-size:0.9em;}
}