#middle { width: 1200px; margin: 0 auto; clear: both; }

#content { padding: 20px 0 0 0; }

#title { line-height: 35px; text-align: center; font-weight: bold; letter-spacing: 2px; font-size: 18px; background: #EEE; color: #333; }

.title { line-height: 20px; padding-left: 20px; font-size: 14px; color: #555; letter-spacing: 1px; }

.clewPanel { background: #FFDACC; clear: both; margin: 15px 0; text-align: center; }

.clewMessage { text-align: center; font-size: 14px; color: #E82E00; background: #FFE9B5; line-height: 25px; letter-spacing: 1px; }

.errorMessage { line-height: 40px; font-size: 16px; color: #CD0000; letter-spacing: 1px; padding: 20px 0; }

/*navigation style*/
#navigationPanel { height: 40px; letter-spacing: 1px; }

.navigation { float: left; padding: 5px 0; height: 30px; line-height: 30px; }

.navigation img { height: 80%; width: auto; vertical-align: middle; margin-right: 10px; }

.navigation a { font-size: 13px; color: #444; }

/*form style*/
.floatEditPanel { padding:30px 20px; margin-bottom: 40px; background: #FFF; width: 350px; -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.3); box-shadow: 0 0 6px rgba(0,0,0,0.3); behavior: url(/Themes/b2c/Js/PIE.htc); position: relative; z-index: 1; }

#panelTitle { height: 50px; line-height: 50px; margin-left: 10px; color: #333; font-size: 25px; letter-spacing: 3px; margin-bottom: 15px; }

#customerMenuTitle { line-height: 45px; height: 45px; padding-left: 60px; font-size: 16px; color: #333; background: url(../Images/other/titleArrow.png) no-repeat left center; background-color: #DDD; }

.text { background: #FFF; height: 30px; color: #333; padding: 5px; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3); box-shadow: 0 0 3px rgba(0,0,0,0.3); behavior: url(/Themes/b2c/Js/PIE.htc); }

.text img { width: 30px; height: 30px; margin-right: 5px; vertical-align: middle; }

.text input[type='text'], .text input[type='password'] { border: 0; margin: 0; padding: 0 10px; background: none; width: 275px; height: 30px; line-height: 30px; color: #888; font-size: 16px; letter-spacing: 1px;margin-top:5px }

#submit { background: #76C5F1; width: 100%; height: 40px; line-height: 40px; border: 0; margin: 15px 0; padding: 0; color: #FFF; font-size: 18px; letter-spacing: 5px; font-weight: bold; cursor: pointer; }

.button { background: #EB8B1C; width: 100%; height: 40px; line-height: 40px; border: 0; margin-bottom: 15px; padding: 0; color: #FFF; font-size: 16px; letter-spacing: 1px; font-weight: bold; cursor: pointer; }

#registeredOrForgot { height: 20px; line-height: 20px; font-size: 14px; letter-spacing: 1px; padding: 0 5px; }

#registeredOrForgot > div:nth-child(1) { float: left; }
#registeredOrForgot > div:nth-child(1) a { color: #199EE8; }

#registeredOrForgot > div:nth-child(2) { float: right; }
#registeredOrForgot > div:nth-child(2) a { color: #333; }

/*search no data products*/
#searchNoData { margin: 20px; clear: both; padding-bottom: 1em; }

#searchNoData img { height: 40px; width: auto; vertical-align: middle; margin-right: 10px; }

#searchNoDataText { padding: 10px 50px; text-align: center; line-height: 14px; }

#searchNoData span { line-height: 25px; font-size: 13px; color: #444; text-align: left; }

#searchNoData label { font-size: 16px; color: #000; }

#searchNoData b { font-size: 18px; color: #257E83; }

#searchNoData font { font-weight: bold; font-size: 16px; color: #B01425; }

#paymentFloat { background: #FFF; border: solid 2px #DDD; padding: 25px; position: fixed; z-index: 99; }

.floatBlackBG { width: 100%; height: 100%; position: fixed; z-index: 88; left: 0; top: 0; display: none; background: rgba(0,0,0,0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); }

#butSMS { background: #FABE00; text-align:center;  color: #FFF; text-shadow: 0 0 2px rgba(0,0,0,0.3); cursor:pointer;margin-top:5px }