/*logins*/
div.loginwrapper {right:32px;opacity:0;visibility:hidden;}
div.loginwrapper, div.loginwrapper.showLogin {position:fixed;width:250px;top:200px;z-index:20000;font-size:12px; padding:10px;margin:0;-webkit-box-shadow:0 0 10px #4D4D4D;-moz-box-shadow:0 0 10px #4D4D4D;-ms-box-shadow:0 0 10px #4D4D4D;-o-box-shadow:0 0 10px #4D4D4D;box-shadow:0 0 10px #4D4D4D;background-color:#ffffff;border-top:2px solid #a19e9e;}
div.loginwrapper.showLogin {right:62px;opacity:1;visibility:visible;}

div.loginwrapper:after {left:100%;top:13px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: transparent;border-left-color: #ffffff;border-width: 10px 15px;}

div.login {float:right;width:100%;margin:0;text-align:center;}
div.loginwrapper a {color:#4D4D4D;text-decoration:none;font-size:12px; }
div.loginwrapper span {float:left;text-align:center;margin:5px 0;line-height:20px;color:#4D4D4D;}
div.hidelogin span.login, div.hidelogin span.login3 {width:100%;}
div.loginwrapper span.useradminlink {float:left;display:inline-block;text-align:center;width:auto;margin:0;line-height:30px;}
div.loginwrapper span.logsubmit {width:auto;float:right;}
div.loginwrapper input[type=text], div.loginwrapper input[type=password]{float:right;width:110px;line-height:20px;font-size:12px;}
div.loginwrapper input[type=submit] {float:right;padding:1px 0;font-size:12px;width:122px;}

div#loginbtnclick {position: fixed; right: 0px; top: 200px; -webkit-border-radius: 5px 0 0 5px;-moz-border-radius: 35px 0 0 35px;-ms-border-radius: 35px 0 0 35px;-o-border-radius: 35px 0 0 35px;border-radius: 35px 0 0 35px;padding:10px 8px;z-index:20001;font-weight:bold;cursor:pointer;background-color:#a19e9e;-webkit-box-shadow: inset -2px -25px 64px -42px #000000, 0 0 10px #4D4D4D;-moz-box-shadow: inset 2px -25px 64px -42px #000000, 0 0 10px #4D4D4D;box-shadow: inset -2px -25px 64px -42px #000000, 0 0 10px #4D4D4D;width:30px;-webkit-animation: rightShow 1s 1;-moz-animation: rightShow 1s 1;-o-animation: rightShow 1s 1;animation: rightShow 1s 1;}
div#loginbtnclick svg {vertical-align:middle;width:100%;}
div#loginbtnclick svg path {fill:#ffffff;}


/*register form*/
div.loginwrapper span.register {float:right;width:100%;margin:7px 0 0 0;font-size:12px;padding:0;}
div.loginwrapper span.register a {color:#ffffff;display:block;width:100%;line-height:22px;}

/*useradmin*/
div.usermenu {float:left;width:23%;margin:0;padding:0 3%;text-align:left;border:1px solid #e0e0e0;border-top:2px solid #a19e9e;-webkit-box-shadow: 0px 0px 7px -2px #BFBFBF;-moz-box-shadow: 0px 0px 7px -2px #BFBFBF;box-shadow: 0px 0px 7px -2px #BFBFBF;background-color:#eeeeec;}
div.usermenu1, div.usermenu2 {position:relative;width:100%;text-align:center;font-size:16px;line-height:30px;margin:0;color:#2e3436;border-bottom:1px solid #BFBFBF;padding:20px 0;}
div.usermenu2 {border:0;}
div.usermenu a {display: block;color:#2e3436;text-align:center;text-decoration: none;line-height:30px;font-size:16px;}

div.form_container {display:inline-block;width:50%;text-align:center;}
div.reg_title{display:inline-block;width:100%;margin:0 0 20px 0;text-align:center;font-weight:bold;line-height:35px;}
div.c_container {display:inline-block;width:100%;margin:5px 0;text-align:left;}
div.txt_container_lft div.c_container, div.txt_container_lft div.reg_title {width:100%;}
div.c_container .c_title {float:left;width:50%;text-align:left;margin:0;word-wrap:break-word;line-height:26px;}
div.c_container .c_data_container {float:right;width:48%;margin:0 1%;}
div.c_container textarea, div.c_container input[type=number], div.c_container input[type=text], div.c_container input[type=email], div.c_container input[type=password] {float:right;width:98%;line-height:20px;padding:3px 1%;}
div.c_container .passreq {float:left;width:96%;margin:5px 2%;text-align:left;font-size:12px;line-height:16px;}
div.c_container input[type=submit] {float:right;margin:0;width:100%;line-height:20px;padding:4px 1px;box-sizing: content-box;}

/*popup register form*/
div.regpopup {display:none;position:fixed;width:350px;max-width:90%;top:170px;right:50%;margin:0 -175px 0 0;background-color:#ffffff;color:#000000;text-align:center;-moz-box-shadow:0 0 10px #888a85;-webkit-box-shadow:0 0 10px #888a85;-ms-box-shadow:0 0 10px #888a85;-o-box-shadow:0 0 10px #888a85;box-shadow:0 0 10px #888a85;padding:10px;z-index:300000000;overflow:hidden;border-top:2px solid #a19e9e;}
div.regpopup .loginx {float:right;width:100%;text-align:right;font-size:20px;cursor:pointer;}
div.regpopup .loginResponse, div.regpopup .reg_title {float:right;width:100%;text-align:center;}
div.regpopup div.c_container {width:100%;text-align:left;}

span.regSuccess {float:left;width:100%;text-align:center;}

/*order list table*/
div.user-order-list {float:right;width:67%;margin:0;text-align:center;}
div.user-order-list div.userorder {display:inline-block;width:230px;max-width:100%;min-height:260px;-webkit-box-shadow: 0px 0px 7px -2px #BFBFBF;-moz-box-shadow: 0px 0px 7px -2px #BFBFBF;box-shadow: 0px 0px 7px -2px #BFBFBF;border-bottom:2px solid transparent;background-color:#ffffff;margin:0 10px 20px 10px;vertical-align:top;}
div.user-order-list div.userorder:hover {-webkit-box-shadow: 0px 0px 7px -2px #7F7F7F;-moz-box-shadow: 0px 0px 7px -2px #7F7F7F;box-shadow: 0px 0px 7px -2px #7F7F7F;border-bottom:2px solid #a19e9e;}
div.user-order-list div.userorder a {display:inline-block;width:100%;height:100%;text-decoration:none;color:#000000;}
div.user-order-list div.userorder div.orderlistimg {float:left;width:100%;height:130px;overflow:hidden;margin:0 0 5px 0;}
div.user-order-list div.userorder div.orderlistimg img {position: relative;left: 50%;top: 50%;-webkit-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);max-width:200%;max-height:200%;min-width:100%;min-height:100%;z-index:1;}
div.user-order-list div.userorder:hover div.orderlistimg img {max-width:220%;max-height:220%;min-width:120%;min-height:120%;}
div.user-order-list div.userorder table {width:100%;max-width:100%;border-collapse:collapse;word-wrap:break-word;}
div.user-order-list div.userorder table td {padding:3px;}
div.user-order-list div.userorder tr:nth-of-type(2) td {padding:0;}
div.user-order-list div.userorder table th {font-weight:normal;padding:3px 3px 5px 3px;}
div.user-order-list div.userorder table td:nth-child(odd) {text-align:left;}
div.user-order-list div.userorder table td:nth-child(even) {text-align:right;}
div.user-order-list div.userorder table td.orderlistimg {text-align:center;}

/*individual order page*/
table.userorderdescrip {float:right;border-collapse:collapse;width:100%;max-width:100%;border:1px solid #BFBFBF;margin:0;table-layout: fixed;color:#2e3436;}
table.userorderdescrip tr {line-height:30px;text-align:center;}
table.userorderdescrip th {background-color:#eeeeec;padding:10px;text-align:center;}
table.userorderdescrip td {border:1px solid #BFBFBF;padding:20px 10px;}
table.userorderdescrip td:nth-last-child(1) {background-color:#E5E5E5;}
table.userorderdescrip tr.orderdetails {text-align:right;}
table.userorderdescrip td img {max-width:50px;max-height:50px;margin:3px 0;vertical-align:middle;}

/*recover password*/
div.recoverpass {display:inline-block;width:60%;text-align:center;}
div.recoverpass h1 {width:100%;float:left;text-align:center;line-height:35px;font-size:17px;margin-bottom:10px;}
div.recoverpass h2 {font-size:15px;font-weight:normal;}
div.recoverpass input[type=email] {padding:1px 3px;}