@charset "utf-8";
/*
  ************************************************************************
  *  MEMBERS
  ************************************************************************
*/
#membersForm select { width: 99%; border: 1px solid #adadad; padding: 5px; border-radius: 4px; outline: none; }
#membersForm input { width: 97%; border: 1px solid #adadad; padding: 5px; border-radius: 4px; outline: none; }
#membersForm input[type='submit'] { font-size: 18px; background: none; border: none; border-radius: 0px; display: block; overflow: hidden; float: right; width: 100px; margin-top: 4px; padding: 0px; background-color: #566347; text-transform: uppercase; text-align: center; color: #fff; font-family: 'SueEllenFranciscoRegular'; }
#membersForm input:focus { /*border: 1px solid #a7a7a7; -moz-box-shadow: inset 1px 1px 2px #ccc; -webkit-box-shadow: inset 1px 1px 2px; box-shadow: inset 1px 1px 2px #ccc;*/ }
#members { overflow: hidden; clear: both; min-height: 200px; }
.member-content { display: block; border: 1px solid #808080; padding: 20px; }
.member-content h5, .member-content h6 { font-weight: bold; font-size: 1.2em; padding-bottom: 10px; }
#membersForm a { display: block; float: left; margin-right: 20px; color: #000; font-family: 'SueEllenFranciscoRegular'; font-size: 18px; }
#membersForm a:hover { color: #566347; }
.login-title { display: block; padding-bottom: 10px; color: #000; font-size: 20px; font-family: 'SueEllenFranciscoRegular'; }
#loginRightArea { display: block; overflow: hidden; float: right; width: 300px; }
#loginLeftArea { display: block; overflow: hidden; float: left; width: 420px; }
.loginAreaTitle { display: block; padding-bottom: 10px; color: #000; font-size: 28px; font-family: 'SueEllenFranciscoRegular'; }
#loginLeftArea h4 { display: block; padding-bottom: 10px; color: #000; font-size: 20px; font-family: 'SueEllenFranciscoRegular'; }
#loginLeftArea p { text-align: justify; }
#loginLeftArea #registerMember { font-size: 18px; display: block; overflow: hidden; float: right; clear: both; margin-top: 20px; padding: 0px 10px; background-color: #566347; text-transform: uppercase; text-align: center; color: #fff; font-family: 'SueEllenFranciscoRegular'; }
.lightCancelOrder{padding: 2px 8px; color: #fff !important; background-color: darkorange; border-radius: 2px; margin-left: 7px;}
/*
  ************************************************************************
  *  LOGIN FORM
  ************************************************************************
*/
.member-form { overflow: hidden; padding-bottom: 4px; display: block; }
.member-form label { display: block; padding-right: 4px; padding-bottom: 4px; }
.member-form .login-title { font-size: 28px; padding-bottom: 0px; }
.member-form .login-rooter { display: block; }
/*
  ************************************************************************
  *  MEMBERS NAVIGATION
  ************************************************************************
*/
.member-nav { background-color : #1d1d1d; }
.member-nav ul { margin: 0; padding: 0; list-style: none; margin-top: 4px; margin-left: 51px; height: 51px; color: #fff }
.member-nav ul li { float: left; position: relative; height: 51px; line-height: 1em; text-align: center; padding-right: 48px; }
.member-nav ul li a { display: block; padding-top: 6px; color: #fff; height: 46px; text-align: center; }
.member-nav ul li a:hover { color: #d32e12; }
.member-nav ul li a strong { display: block; padding-top: 13px; text-align: center; }
.member-nav ul li ul { display: none; position: absolute; top: auto; z-index: 9998; width: 162px; left: 0px; margin: 0px; padding: 0px; }
.member-nav ul li:hover ul { border: 10px solid #292929; background-color: #292929; width: 162px; height: auto; box-shadow: 4px 4px 0px rgba(92, 92, 92, 0.4); }
.member-nav ul li:hover ul { display: block; top: 51px; left: auto; z-index: 9998; font-size: 0.920em; }
.member-nav ul li:hover ul li { margin: 0px; padding: 0px; list-style-type: none; height: auto; width: 160px; padding: 8px 6px 8px 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #292929; height: 20px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #9c9280; }
.member-nav ul li:hover ul li.no { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #dcd5c6; }
.member-nav ul li:hover ul li a { color: #fff; }
.member-nav ul li:hover ul li a span { display: block; padding-top: 0px; text-align: center; }
.member-nav ul li:hover ul li a:hover { color: #d32e12; }
/*
  ************************************************************************
  *  PASSWORD FORGET
  ************************************************************************
*/
.member-passwd { overflow: hidden; }
.member-passwd label { display: block; padding-right: 4px; padding-bottom: 4px; }
.member-passwd .login-rooter { display: block; }
.member-passwd .dogumTarihi { display: block; clear: both; overflow: hidden; }
.member-passwd .dogumTarihi strong { display: block; clear: both; overflow: hidden; }
.member-passwd .dogumTarihi label { display: block; float: left; padding-right: 14px; }
/*
  ************************************************************************
  *  PASSWORD FORGET
  ************************************************************************
*/
.register-form { overflow: hidden; clear: both; }
.register-form label { display: block; overflow: hidden; padding-right: 4px; padding-bottom: 8px; }
.register-form .login-rooter { display: block; }
.register-form .dogumTarihi { display: block; clear: both; overflow: hidden; }
.register-form .dogumTarihi strong { display: block; clear: both; overflow: hidden; }
.register-form .dogumTarihi label { display: block; float: left; padding-right: 14px; }
.register-form .comment { display: block; clear: both; }
.register-form fieldset { border: 1px solid #adadad; padding: 20px; }
.register-form fieldset legend { padding: 10px; }
.register-form select { display: block; }
/*
  ************************************************************************
  *  MY INFORMATION
  ************************************************************************
*/
.information-form { overflow: hidden; padding-bottom: 4px; display: block; }
.information-form legend { }
.information-form label { display: block; padding-right: 4px; padding-bottom: 7px; }
.information-form label span { display: block; padding-bottom: 4px; }
.information-form label input[type="text"], .information-form label input[type="password"], .information-form label textarea { }
.information-form .login-rooter { display: block; }
.information-form .dogumTarihi { display: block; clear: both; overflow: hidden; }
.information-form .dogumTarihi strong { display: block; clear: both; overflow: hidden; padding-bottom: 6px; }
.information-form .dogumTarihi span { display: block; padding-bottom: 4px; }
.information-form .dogumTarihi label { display: block; float: left; }
.information-form .dogumTarihi label input[type="text"] { }
.information-form .comment { display: block; clear: both; }
.information-form select { }
.information-form label[style] { width: 220px; }
.information-form label[style] input { width: 180px; }
.information-form label[style] select { width: 200px; }
/*
  ************************************************************************
  *  ADDRESS / INVOICE
  ************************************************************************
*/
.addresList { display: block; clear: both; margin-bottom: 6px; padding: 6px; border: 1px solid #bcb3a2; background-color: #eae8e3; overflow: hidden; }
.addresList h4 { font-size: 18px; color: #d32e12; display: block; padding-bottom: 6px; padding-right: 10px; }
.addresList strong { display: block; clear: both; padding-bottom: 6px; }
.addresList p { display: block; clear: both; padding-bottom: 6px; }
.addresList a { color: #000000; }
.addresList span { display: block; float: right; padding-right: 10px; }
.address-form { overflow: hidden; }
.address-form label { display: block; padding-right: 4px; padding-bottom: 4px; }
.address-form input { display: block; }
.address-form textarea { display: block; width: 98%; }
.address-form fieldset { border: 1px solid #adadad; padding: 20px; margin-bottom: 20px; }
.address-form fieldset legend { padding: 10px; }
.address-form select { display: block; }
.invoice-form { overflow: hidden; }
.invoice-form label { display: block; padding-right: 4px; padding-bottom: 4px; }
.invoice-form input { display: block; }
.invoice-form textarea { display: block; width: 622px }
.invoice-form fieldset { border: 1px solid #adadad; padding: 20px; margin-bottom: 20px; }
.invoice-form fieldset legend { padding: 10px; }
.invoice-form select { display: block; }
/*
  ************************************************************************
  *  ADD INVOICE
  ************************************************************************
*/
#invoiceSection { font-weight: bold; margin-top: 16px; padding: 10px; overflow: hidden; background-color: #ccc; border-top-left-radius: 18px; border-top-right-radius: 18px; }
#invoiceSection label { display: block; clear: none; float: left; margin-right: 12px; }
#invoiceAlt { padding: 10px; overflow: hidden; background-color: #F1F1F1; border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; }
/*
  ************************************************************************
  *  MY ORDERS
  ************************************************************************
*/
#myOrders { clear: both; overflow: hidden; }
#myOrders h4 { display: block; background-color: #ccc; padding: 7px; font-weight: bold; font-size: 1.2em; }
#myOrders table { width: 100%; }
#myOrders table tr { border-bottom: 1px solid #dcd5c6; }
#myOrders table th { padding: 6px; font-weight: bold; white-space: nowrap; background-color: #dcd5c6; }
#myOrders table td { padding: 6px; }
#myOrders table td a { color: #000; }
#myOrders table td :hover { color: red; }