/********************************************************** Authentication Styles **********************************************************/ #account-creation_form .id_state, #account-creation_form .dni, #account-creation_form .postcode { display: none; } .back_signin, #create-account_form { margin-top : 20px; background : #f05249; padding : 15px 30px; } #create-account_form { padding : 35px 30px; } #create-account_form p { margin-bottom: 8px; } #create-account_form .form-group { margin: 0 0 20px 0; } #login_form { } #login_form .form-group.lost_password { margin: 20px 0 25px 0; } #login_form .form-group.lost_password a:hover { text-decoration: none; } .header-container, .breadcrumb { display : none; } .columns-container{ background : url('../img/bg_auth.jpg') no-repeat center bottom; } .box-auth{ background : rgba(255,255,255,0.9); padding : 15px; } .container-box-white{ border: 1px dashed #b6b9ba; padding : 15px; } .container-logo{ text-align : center; margin-top : -31px; } .container-box-white p{ text-align : center; margin-top : 15px; color: #434647; font-size: 16px; padding : 0 ; } .container-box-white ul{ margin : 10px 0 2px; } .container-box-white ul li{ color: #797d80; font-size: 16px; padding : 20px 0 0 30px; background: url('../img/diamond_grey.png') no-repeat 10px 25px; } .container-box-white ul li b{ color: #434647; font-size: 20px; font-weight : normal; padding-bottom: 8px; display : block; } .container-box-white h2{ color: #2c3335; font-family: CaviarDreams; font-size: 22px; text-align : center; text-transform : uppercase; margin : 15px 0 0; line-height: 28px; } .container-box-white .form-group{ margin-top : 15px; } .container-box-white .form-group label{ width: 100px; } .container-box-white .form-group input{ display : inline-block; max-width: 294px; } .container-box-white .white-space{ float : left; height : 10px; width: 103px; } .lost_password a{ color: #ef5149; font-size: 14px; font-style: italic; text-decoration: underline; padding-left: 25px; background : url('../img/block.png') no-repeat left center; } .back_signin h2, #create-account_form h2{ margin : 0; line-height: 28px; font-family: CaviarDreams; font-size: 22px; text-transform : uppercase; color : #fff; } .back_signin{ margin-top : 0; } .box-b2b{ background-color: #fbe9e5; float : left; width: 294px; padding: 9px 0; margin-top : 10px; } .box-b2b .group-radio{ margin : 10px; } .box-b2b .group-radio label{ width : 254px; } .box-b2b .group-radio label b{ color : #434647; } .box-b2b .group-radio div.radio{ float : left ; margin : 4px 7px 0 0; } .manufacturer-container{ background : rgba(255,255,255,0.75); } #manufacturer_column{ margin : 20px 0; } #manufacturer_column h2{ text-align : center; padding : 0 0 15px; margin : 0 0 15px; background: url("../img/shadow-lg.png") no-repeat scroll center bottom; } #manufacturer_column h2 span{ color: #434f51; font-size: 20px; border-bottom : 1px solid #afb0b0; text-transform : uppercase; padding : 0 0 15px; display : block; } #manufacturer_column .container-img{ border: 1px solid #cbd1d5; text-align : center; height : 80px; background : #fff; width: 134px; } #manufacturer_column .container-img img{ max-width : 100%; } #authentication #columns{ padding-bottom : 20px; } /*** RESPONSIVE ***/ .box-auth ul , .manufacturer-container{ display : none; } h2.title_mobile{ margin-top : 0; } #authentication #columns{ padding : 0 10px 20px 10px; } .box-auth{ padding: 5px 5px 0; } #login_form.box-auth, #account-creation_form.box-auth{ padding: 0 5px 5px; } .box-auth .container-box-white{ border-bottom : 0; padding-top : 0; } #account-creation_form .container-box-white, #login_form.box-auth .container-box-white{ border : 1px dashed #b6b9ba; border-top : 0; } .back_signin, #create-account_form{ margin-top : 0; } .container-box-white .submit .button-grey.right, .back_signin .submit .button-grey.right, #account-creation_form .submit .button-grey.right, #create-account_form .submit .button-grey.right{ float : none; } .container-box-white .form-group{ margin-top : 5px; } #create-account_form, .back_signin{ padding: 10px; text-align : center; } #create-account_form .submit , .back_signin .submit { padding-top : 10px; padding-bottom : 10px; } #account-creation_form .submit{ text-align : center; } .container-box-white .form-group input{ max-width: 100%; } .container-logo{ margin-top: -7px; } .box-b2b{ width: 100%; } .box-b2b label{ font-size : 14px; } .container-box-white .white-space{ width : 0; } #account-creation_form .submit .button-grey span{ font-size : 12px; } #authentication .account_creation .checkbox label{ font-size : 13px; } #authentication div.checker{ margin-right: 4px; } .authentication.landingpage .back_signin{ padding: 15px 30px; } .authentication.landingpage .account_creation .checkbox label{ margin-left : 10px; } @media (min-width: 768px) { .box-auth ul, .manufacturer-container{ display : block; } #authentication #columns{ padding : 15px 0 20px; } .box-auth, #login_form.box-auth, #account-creation_form.box-auth{ padding: 15px; } .box-auth .container-box-white, #account-creation_form .container-box-white, #login_form.box-auth .container-box-white{ border : 1px dashed #b6b9ba; } .back_signin, #create-account_form{ margin-top : 20px; } .container-box-white .submit .button-grey.right, .back_signin .submit .button-grey.right, #account-creation_form .submit .button-grey.right, #create-account_form .submit .button-grey.right{ float : right; } .container-box-white .form-group{ margin-top : 15px; } #create-account_form, .back_signin{ text-align : left; padding: 35px 30px; } #create-account_form .submit ,s .back_signin .submit { padding-top : 0; padding-bottom : 0; } .container-box-white .form-group input{ max-width: 294px; } .container-logo { margin-top: -31px; } .box-b2b{ width: 294px; } .box-b2b label{ font-size : 16px; } .container-box-white .white-space{ width : 103px; } #account-creation_form .submit .button-grey span{ font-size : 14px; } #authentication .account_creation .checkbox label{ font-size : 14px; } #authentication div.checker{ margin-right: 16px; } }