@import url(fonts.css);

#loginAccess {float:left;width:400px;}
#nologinAccess {float:left;width:400px;clear:left;}

/* USERS 1.0 PLUGIN PAGES*/
#userPage, #orderStep-users {width:99%;text-align:left;position:relative;margin:0 auto;text-align:left;}
#userPage h1 {font-weight:300;font-size:20px;border-bottom:1px solid #e0e0e0;position:relative;margin-bottom:40px;float:left;width:100%;}
#userPage h1:before {display:block;position:absolute;width:260px;height:3px;background:#e0e0e0;content: "";bottom:-3px;}

/* style for order-step-user.php */
#userloginregister {margin:50px auto;width:981px;}
#userloginregister .left {float:left;}

#registerAccess {float:left;width:500px;padding-left:40px;margin-left:40px;border-left:1px dotted #e0e0e0;}
#registerAccess legend, #loginAccess legend {border-bottom:1px solid #e0e0e0;font-size:1.326em;padding:0px 0px 5px 5px;margin-bottom:15px;position:relative;}
#registerAccess legend:before, #loginAccess legend:before {display:block;position:absolute;width:260px;height:3px;background:#e0e0e0;content: "";bottom:-3px;left:0px;}
#registerAccess .field label {width:140px;text-align:right;padding-right:20px;display:block;float:left;font-weight:300;font-size:1.126em;}
#registerAccess .input {border-color:#e0e0e0;color:#444;padding:5px;width:200px;}
#registerAccess div {padding:0px 0px 5px;clear:both;}
#registerAccess .info {padding:0px 5px;}
#registerAccess ul {list-style:none;margin:10px 0px 20px 10px;float:left;width:100%;}
#registerAccess li {padding:2px 0px;font-weight:300;font-size:0.9em;}
#registerAccess em {font-style:normal;color:#dc4343;}
#registerAccess .rules {float:left;clear:both;margin:10px 0px 0px 00px;}
#registerAccess .rules input {float:left;margin:4px 5px 0px 160px;}
#registerAccess .rules label {float:left;padding:0px 5px 0px 0px;margin:0px;font-weight:300;}
#registerAccess .rules span {float:left;display:block;padding-top:3px;}
#registerAccess div #results, #registerAccess div #passDIV {margin-left:160px;font-weight:300;display:block;font-size:9px;}
#registerAccess .submit {float:right;clear:both;margin:20px 170px 0px 0px;text-transform:uppercase;}

#loginAccess, #nologinAccess  {float:left;width:400px;text-align:left;}
#loginAccess {float:left;width:400px;text-align:left;}
#loginAccess div {padding:0px 0px 5px;}
#loginAccess label {width:100px;text-align:right;padding-right:20px;display:block;float:left;font-weight:300;font-size:1.126em;}
#loginAccess .input {border-color:#e0e0e0;color:#444;padding:6px;width:200px;}
#loginAccess .submit {float:right;text-transform:uppercase;font-size:1.2em;margin-right:67px;}
#loginAccess a.remindLink {float:right;margin:5px 67px 0px 0px;font-size:1.126em;font-weight:300;color:#dc4343;text-decoration:none;}
#loginAccess a.remindLink:hover {color:#666;}

#nologinAccess {margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0;font-size:1.326em;}
#nologinAccess .button {display:block;background:#666;border-color:#666;color:#fff;width:190px;padding:6px 10px;float:right;margin:10px 67px 0px 0px;font-size:0.90em;text-transform:uppercase;}
#nologinAccess .button:hover {background:#fff;border-color:#e0e0e0;color:#333;}

/* PROFIL PAGE */
#userPage #personalData,#userPage #deliveryData  {float:left;width:48.5%;position:relative;}
#userPage #personalData:before ,#userPage #deliveryData:before {float:left;font-family:'icomoon';font-size:1.233em;background:#9abb24;padding:5px;color:#fff;position:absolute;top:2px;left:0px;}
#userPage #deliveryData:before {content: "\e6cd";}
#userPage #personalData:before {content: "\e614";}
#userPage #personalData .title,#userPage #deliveryData .title {float:left;margin:0px 0px 5px 0px;font-size:1.063em;padding:6px 0px 0px 40px;}
#userPage #personalData table,#userPage #deliveryData table  {margin:0px;padding:0px;border-top:5px solid #9abb24;width:100%;float:left;font-size:1.1em;color:#666;border-collapse:collapse;}
#userPage #personalData td,#userPage #personalData th, #deliveryData td, #deliveryData th {padding:3px 0px;border:1px solid #e0e0e0;font-weight:300;}
#userPage #personalData th,#userPage #deliveryData th {text-align:right;padding-right:5px;width:193px;border-right:0px;border-top:0px;}
#userPage #personalData td,#userPage #deliveryData td {text-align:left;border-left:0px;border-top:0px;color:#363636;padding-left:5px;width:195px;}
#userPage #deliveryData {float:right;}

#userPage #personalData .editData,#userPage #deliveryData .editData{float:right;font-weight:300;margin:8px 0px 0px;font-size:0.933em;text-decoration:none;}
#userPage #deliveryData table {font-size:0.9em;}
#userPage #deliveryData td {border:1px solid #e0e0e0;}
#userPage #deliveryData th {width:10%;text-align:center;}
#userPage #deliveryData td.options {width:15%;text-align:center;}
#userPage #deliveryData td a.edit, #deliveryData td a.remove {text-decoration:none;font-size:1.233em;}
#userPage #deliveryData td a:before {font-family:'icomoon';color:#dc4343;padding:3px;}
#userPage #deliveryData td a:hover:before {background:#dc4343;color:#fff;}
#userPage #deliveryData td a.remove:before {content:"\e6cb"}
#userPage #deliveryData td a.edit:before {content:"\e686";}
#userPage #deliveryData .th th {border:1px solid #e0e0e0;text-align:center;padding:20px 0px;}


#userMessages {clear:both;position:relative;margin:0px 0px 10px;}
#userMessages .title, #userMessage .title {font-size:1.363em;padding:5px 0px 3px 40px;border-bottom:3px solid #dc4343;}
.userMessage {clear:both;padding:8px 0px 8px 20px;font-weight:300;font-size:1.163em;color:#666;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}
.userMessage:before {font-family:'icomoon';font-size:1.233em;content: "\e6da";margin-right:20px;}
.userMessage a {color:#737373;text-decoration:none;}
.userMessage a:hover:after {font-family:'icomoon';font-size:1.233em;content: "\e64d";color:#666;margin-left:10px;}
.userMessage span, #userMessage span {float:right;padding:0px 20px;border-left:1px solid #e0e0e0;color:#303030;}
#userMessages:before, #userMessage:before {font-family:'icomoon';font-size:1.533em;color:#fff;display:block;width:30px;height:30px;text-align:center;line-height:30px;font-weight:300;content: "\e601";border:1px solid #dc4343;background:#dc4343;position:absolute;top:0px;left:0px;}

#editData, #editAddressData {float:left;width:100%;clear:both;position:relative;}
#editData .title, #editAddressData .title  {font-size:1.363em;padding:6px 0px 5px 40px;border-bottom:5px solid #9abb24;}
#editData:before, #editAddressData:before  {float:left;font-family:'icomoon';content: "\e614";font-size:1.433em;background:#9abb24;padding:5px;color:#fff;position:absolute;top:2px;left:0px;}
#editAddressData:before {content: "\e6cd";}



#userMessages .l0 {background:#f4f5fa}

#userMessage {width:800px;font-weight:300;}
#userMessage .messageContent {padding:10px;font-size:1.133em;}
#userMessage span {font-size:0.766em;}

#userStats {width:100%;margin:0px 0px 10px;float:left;}
#userStats div {background:#f4f5fa;box-shadow: inset 0 0 0 2px #fff;width:49%;border:1px solid #f4f5fa;font-size:1.163em;padding:10px 0px;float:left;text-align:right;position:relative;margin-bottom:5px;}
#userStats div p{padding:10px 20px;} 
#userStats div.uSummary, #userStats div.uLogin {float:right;}
#userStats div span {display:block;text-transform:uppercase;font-weight:300;font-size:0.766em;}

#userStats div:before {position:absolute;font-family:'icomoon';font-size:1.833em;content: "\e62c";left:25px;top:25px;}
#userStats div.uSummary:before, #userStats div.uOrders:before {content:"\e659";}



/* LOGIN PAGE */
#userRegisterLogin {float:left;margin:50px 0%;width:100%;padding:40px 0;position:relative;}

#systemMessage {position:absolute;top:-20px;left:0px;right:0px;margin-left:auto;margin-right:auto;width:980px;padding:5px;border:1px solid rgba(220,67,67,0.4);box-shadow: inset 0 0 0 2px #fff;background:rgba(220,67,67,0.6);font-weight:300;font-size:1.163em;color:#fff;text-align:center;}
#userRegisterLogin #systemMessage {width:710px;font-size:1.033em;}

@media all and (max-width: 1000px)  {
#systemMessage {position:absolute;top:-20px;left:0px;right:0px;margin-left:auto;margin-right:auto;width:90%;padding:5px;border:1px solid rgba(220,67,67,0.4);box-shadow: inset 0 0 0 2px #fff;background:rgba(220,67,67,0.6);font-weight:300;font-size:1.163em;color:#fff;}
#userRegisterLogin #systemMessage {width:90%;font-size:1.033em;}
#orderStep-users #userloginregister {margin:10px 0 0;padding-top:20px;}

}

#userLoginForm {float:left;width:39%;margin-left:3%;text-align:left;}
#userLoginForm p {padding:0px 0px 5px; float: left; width: 100%;}
#userLoginForm label {width:75px;text-align:right;padding:5px 12px 0 0;display:block;float:left;font-weight:300;font-size:1.026em;margin-bottom:10px;}
#userLoginForm .input {border-color:#e0e0e0;color:#444;padding:5px;width:180px;font-size:0.926em;float:right;margin-bottom:5px;}
#userLoginForm .submit {clear:both;float:right;text-transform:uppercase;font-size:1.1em;}
#userLoginForm a.remindLink {float:right;margin:0 0px 8px 0;font-size:1.126em;font-weight:300;color:#dc4343;text-decoration:none;}
#userLoginForm a.remindLink:hover {color:#666;}


.userPassword {float:left;width:97%;margin-left:3%;text-align:left;}
.userPassword p {padding:0px 0px 10px;}
.userPassword label {width:90px;text-align:right;padding:5px 12px 0 0;display:block;float:left;font-weight:100;font-size:1.026em;margin-bottom:10px;}
.userPassword .input {border-color:#e0e0e0;color:#444;padding:5px;width:180px;font-size:0.926em;float:right;margin-bottom:5px;}
.userPassword .submit {clear:both;float:right;text-transform:uppercase;font-size:1.1em;}
.userPassword form {width:45%;}






#userRegisterLink {float:left;width:44.9%;margin-left:5%;padding-left:5%;border-left:1px dotted #e0e0e0;}
#userRegisterLink .title, #userLoginForm .title, .userPassword .title {border-bottom:1px solid #e0e0e0;font-size:1.326em;padding:0px 0px 5px 5px;margin-bottom:15px;position:relative;}
#userRegisterLink .title:before, #userLoginForm .title:before, .userPassword .title:before {display:block;position:absolute;width:260px;height:3px;background:#e0e0e0;content: "";bottom:-3px;left:0px;}
#userRegisterLink ul {list-style:none;margin:10px 0px 0px 10px;float:left;}
#userRegisterLink li {padding:4px 0px;font-weight:300;font-size:0.92em;}
#userRegisterLink .button {float:right;border-color:#4f4f4f;background-color:#4f4f4f;color:#fff;font-size:1.133em;text-transform:uppercase;padding:3px 10px;text-decoration:none;-webkit-border-radius: 3px;
-moz-border-radius: 3px;border-radius: 3px;}
#userRegisterLink .button:hover {color:#fff;background-color:#000;}

#orderStep-users #userloginregister {float:left;width:990px;margin:50px 0 0;position:relative;padding-top:40px;}


/* REGISTER PAGE */
#userRegisterForm {clear:both;width:600px;margin:30px auto;text-align:left;font-size:1.133em;position:relative;}
#userRegisterForm fieldset {width:500px;float:left;}
#userRegisterForm div {padding:0px 0px 10px;position:relative;float:left;width:100%;}
#userRegisterForm .accountData label, #userRegisterForm .personalData label {width:150px;text-align:right;padding:5px 20px 0 0;display:block;float:left;font-weight:300;font-size:0.9em;}
#userRegisterForm em {font-style:normal;color:#dc4343;}
#userRegisterForm .input {border-color:#e0e0e0;color:#444;padding:6px;width:200px;font-size:12px;}
#userRegisterForm .submit {float:right;text-transform:uppercase;font-size:1.1em;margin-right:17px;}
#userRegisterForm div #results, #passDIV {margin-left:170px;font-size:9px;}
#userRegisterForm .personal {margin-top:5px;border-top:1px solid #e0e0e0;padding-top:10px;}
#userPage .required {display:block;position:absolute;right:0px;top:10px;font-size:1.1em;font-weight:300;}
#userRegisterForm .rules {float:left;clear:both;margin:10px 0px 0px 180px;}
#userRegisterForm .rules input {float:left;margin:4px 5px 0px 0px;}
#userRegisterForm .rules label {float:left;padding:0px;margin:0px;font-weight:300;font-size:0.9em;}
#userRegisterForm .submit {float:right;border-color:#dc4343;background-color:#dc4343;color:#fff;margin:30px 115px 0px 0px;font-size:1.133em;}
#userRegisterForm .submit:hover {color:#dc4343;background-color:#fff;}


/* USER DELIVERY ADDRESS FORM */
#userDeliveryForm {clear:both;width:650px;margin:30px auto;text-align:left;font-size:1.133em;position:relative;}
#userDeliveryForm .description {float:left;width:300px; margin:30px auto; font-weight:300;}
#userDeliveryForm form {float:left;width:600px;}
#userDeliveryForm form div {padding:0px 0px 10px;position:relative;}
#userDeliveryForm form label {width:150px;text-align:right;padding-right:20px;display:block;float:left;font-weight:300;}
#userDeliveryForm em {font-style:normal;color:#dc4343;}
#userPage .required {display:block;position:absolute;right:0px;top:-10px;font-size:0.9em;font-weight:300;}
#userDeliveryForm .input {border-color:#e0e0e0;color:#444;padding:6px;width:200px;}
#userDeliveryForm .submit {float:right;border-color:#dc4343;background-color:#dc4343;color:#fff;margin:10px 218px 0px 0px;font-size:1.133em;text-transform:uppercase;}
#userDeliveryForm .submit:hover {color:#dc4343;background-color:#fff;}

/* USER ORDERS PAGE */
#userOrders {width:100%;margin:0;font-size:1em;color:#666;border-collapse:collapse;font-weight:300;border-top:5px solid #3e3e3e;}
#userOrders td {border:1px solid #e0e0e0;}
#userOrders thead td{padding:10px 10px;font-size:1.3em;}
#userOrders thead .summary, #userOrders tbody .summary, #userOrders thead .status, #userOrders tbody .status, #userOrders thead .id, #userOrders tbody .id {text-align:center;}
#userOrders thead .id {width:40px;}
#userOrders tbody .summary {color:#dc4343}
#userOrders thead .options, #userOrders tbody .options {text-align:center;font-size:1em;}
#userOrders tbody td {font-size:1.2em;vertical-align:top;font-family:'Trebuchet ms';padding:5px 10px;}
#userOrders tbody tr:hover td {background:#f6f6f6;}
a.icon-profile, a.icon-products {text-decoration:none;color:#666;}
.icon-profile:before, .icon-products:before {font-family:'icomoon';font-size:1.533em;font-weight:300;opacity:0.4;}
.icon-profile:before {content: "\e614";}
.icon-products:before {content: "\e615";}
.icon-profile:hover:before, .icon-products:hover:before  {opacity:0.8;}
/* ORDER PREVIEW PAGE */
#userOrder {width:800px;}
#userOrder .legend {font-size:1.326em;}
#userOrder #orderedProducts table {font-size:1em;}
#userOrder #orderedProducts thead td {font-weight:400;font-size:1em;}
#userOrder #orderedProducts tbody th {font-weight:300;}
#userOrder #orderedProducts tfoot th, #userOrder #orderedProducts tfoot td {font-weight:300;text-align:right;font-size:1.233em;}
#userOrder #orderedProducts tfoot .summaryOrder th, #userOrder #orderedProducts tfoot .summaryOrder td{font-weight:400;}
#userOrder #orderedProducts tfoot .summaryOrder td {color:#dc4343}

#menu4 {float:right;width:600px;margin-top:25px;}
#menu4 ul {float:right;list-style:none;}
#menu4 ul li {float:left;margin:2px 5px;}
#menu4 ul li a {text-decoration:none;}

@media all and (max-width: 1000px)  {
#systemMessage {position:absolute;top:-55px;left:0px;right:0px;margin-left:auto;margin-right:auto;width:90%;padding:5px;border:1px solid rgba(220,67,67,0.4);box-shadow: inset 0 0 0 2px #fff;background:rgba(220,67,67,0.6);font-weight:300;font-size:1.163em;color:#fff;}
#userRegisterLogin {padding:0 0 40px 0;}
#loginForm {width: 280px; margin: 0 auto;}
#userLoginForm {float:left;width:100%;margin-left:0%;text-align:left;}
#userRegisterLink {float:left;width:100%;margin-left:0;padding-left:0;border:0;border-top:1px dotted #e0e0e0;margin-top:20px;padding-top:20px;}
#userRegisterForm {width:100%;}
#userRegisterForm fieldset {width:100%;}
#userRegisterForm .input {width:95%;padding:5px 2%;margin:0;}
#userRegisterForm .accountData label, #userRegisterForm .personalData label  {width:100%;text-align:left;padding:5px 0 5px 0;}
#userRegisterForm div {padding:0px 0px 5px;position:relative;float:left;width:100%;}
#userPage .required {display:block;position:absolute;right:0px;top:-10px;font-size:0.9em;font-weight:300;}
#userRegisterForm .rules {float:left;clear:both;margin:10px 0px 0px 0px;}
#userRegisterForm .submit {float:right;margin:10px 0 10px 0px;font-size:1.133em;}

.userPassword {float:left;width:100%;margin-left:0;text-align:left;}
.userPassword p {padding:0px 0px 10px;}
.userPassword label {width:90px;text-align:left;padding:5px 12px 0 0;display:block;float:left;font-weight:300;font-size:1.026em;margin-bottom:10px;}
.userPassword .input {border-color:#e0e0e0;color:#444;padding:5px 2%;width:95%;font-size:0.926em;float:right;margin-bottom:5px;}
.userPassword .submit {clear:both;float:right;text-transform:uppercase;font-size:1.1em;}
.userPassword form {width:100%;}



#userStats div {width:99%;}
#userPage #personalData,#userPage #deliveryData  {float:left;width:99%;position:relative;clear:both;}

#userDeliveryForm {clear:both ;width:100%;margin:30px auto;text-align:left;font-size:1.133em;position:relative;}
#userDeliveryForm .description {float:left;width:100%;font-weight:300;margin-bottom:20px;}
#userDeliveryForm form {float:left;width:100%;}
#userDeliveryForm form .input {width:95%;padding:5px 2%;}
#userDeliveryForm form label {text-align:left;}
#userPage .required {display:block;position:absolute;right:0px;top:-10px;font-size:0.9em;font-weight:300;}
#userDeliveryForm  .submit {float:right;margin:0;}
#orderStep-users #userloginregister {width:100%;}
#orderStep-users #loginAccess {width:100%;margin-left:0;font-size:12px;}

#loginAccess div {padding:0px 0px 5px;}
#loginAccess label {width:100px;text-align:left;padding-right:20px;display:block;float:left;font-weight:300;font-size:1.126em;}
#loginAccess .input {border-color:#e0e0e0;color:#444;padding:5px 2%;width:95%;margin:0;}
#loginAccess .submit {float:right;text-transform:uppercase;font-size:1.2em;margin:0;}
#loginAccess a.remindLink {float:right;margin:5px 0px 0px 0px;font-size:1.126em;font-weight:300;color:#dc4343;text-decoration:none;}
#loginAccess a.remindLink:hover {color:#666;}

#loginAccess {width:100%;margin-left:0;font-size:12px;}

#registerAccess {float:left;width:100%;padding-left:0px;margin-left:0px;border-left:0;padding-top:20px;margin-top:20px;border-top:1px dotted #e0e0e0;}
#registerAccess legend, #loginAccess legend {border-bottom:1px solid #e0e0e0;font-size:1.326em;padding:0px 0px 5px 5px;margin-bottom:15px;position:relative;}
#registerAccess legend:before, #loginAccess legend:before {display:block;position:absolute;width:260px;height:3px;background:#e0e0e0;content: "";bottom:-3px;left:0px;}
#registerAccess .field label {width:180px;text-align:left;padding-right:20px;display:block;float:left;font-weight:300;font-size:1.026em;}
#registerAccess .input {border-color:#e0e0e0;color:#444;padding:5px 2%;width:95%;}
#registerAccess div {padding:0px 0px 5px;clear:both;}
#registerAccess .info {padding:0px 5px;}
#registerAccess ul {list-style:none;margin:10px 0px 20px 10px;float:left;width:100%;}
#registerAccess li {padding:2px 0px;font-weight:300;font-size:0.9em;}
#registerAccess em {font-style:normal;color:#dc4343;}
#registerAccess .rules {float:left;clear:both;margin:10px 0px 0px 00px;}
#registerAccess .rules input {float:left;margin:4px 5px 0px 00px;}
#registerAccess .rules label {float:left;padding:0px 5px 0px 0px;margin:0px;font-weight:300;}
#registerAccess .rules span {float:left;display:block;padding-top:3px;}
#registerAccess div #results, #registerAccess div #passDIV {margin-left:160px;font-weight:300;display:block;font-size:9px;}
#registerAccess .submit {float:right;clear:both;margin:20px 0px 10px 0px;text-transform:uppercase;margin-bottom:45px}
}