* * {margin: 0; padding: 0;}
* {color: #555555; font-family: verdana,arial; font-size: 11px; text-align: left;}
body {font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; background: #A8A8A8; overflow-y: scroll;}
a {color: blue; outline: none; text-decoration: none;}
a:hover {text-decoration: underline;}
p {margin: 0 0 7px;}
li {margin: 0 0 5px 18px; line-height: 16px;}
img {border: none; display: block;}
input[type="text"] { width: 218px;}
input.button {border:1px solid #92B6BA; margin-right: 30px;}
textarea {resize: none; width: 220px; height: 48px;}
ul li ul {padding-top: 5px;}

.white {color: #ffffff;}
.white strong {color: #ffffff;}
.vtop {vertical-align: top;}
.tright {text-align: right;}
.tcenter {text-align: center;}

#page {width: 783px; margin:0 auto; padding-top: 10px;}
#page-narrow {width: 500px; margin:0 auto; padding-top: 10px;}

.cols {background: #ffffff; width: 777px; display: table;}
.cols div.left-col {width: 567px; display: table-cell; padding: 0px;}
.cols div.right-col {width: 210px; background: url('/static/i/rightColumn.png') repeat-y top; display: table-cell; padding: 0px;}
.cols div.right-col img {float: right; padding-right: 3px;}
.cols div.content-wrap {vertical-align: top; padding: 30px 15px 30px 25px;}
#right-menu {padding: 150px 0px 10px 40px; border: 0px solid red;}
#right-menu div a { font-family:verdana,arial; font-size:11px; font-weight:normal; margin:0; padding:2px 0 2px 20px; text-align:left; width:100%; color: #336699;}
#right-menu div a:hover, #right-menu div a.selected { background:#ffffff; color:#336699; margin:0; padding:2px 15px 2px 20px; text-align:left; width:100%;}

#topmenupath {float: left; list-style: none outside none; padding: 0px 10px 10px 25px;}
#topmenupath li {float: left; margin-left: 5px;}

#header-banner {background: #ffffff; width: 780px; display: table;}
#header-banner div.banner {display: table-cell; padding-left: 2px; width: 591x;}
#header-banner div.auth {display: table-cell; width: 187px; vertical-align: top; background: #FF4000;}

div.table {display: table; width: 100%;}
div.table div.td {display: table-cell; width: 100%; text-align: right; padding-right: 7px;}
div.table-data {display: table; width: 100%; border-spacing: 5px;}
div.table-data div {display: table-row; width: 100%;}
div.table-data div div {display: table-column; width: 230px; float: left; padding: 0 10px 0 0;}

#auth {padding: 0px 15px 0px 10px;}
#auth input {font-family: verdana, arial; font-size: 10px; color: gray; width: 90px; border: solid 1px #cbcbcb;}
#auth input.authbtn {background: #aaaaaa; color: #ffffff; width: 92px; height: 17px; border: solid 1px #cbcbcb; text-align: center;}
#auth a {text-decoration: underline;}


#bottom-line {float:left; background-color:#ffffff; width: 780px;}
#bottom-line .left {float:left; background-color:#fd7344; margin:3px 0 3px 3px; width:200px; height:14px;}
#bottom-line .right {float:right; background-color:#e0e0e0; margin:3px 3px 3px 0; width:571px; height:14px;}

#bottom-menu {padding: 5px 0 0 0; line-height: 15px;}
#bottom-menu span {padding: 0 10px 0 5px; font-size: 9px;}
#bottom-menu span a {color: #555555; text-decoration: underline; font-size: 9px;}

#title {display: block; text-align: left; font-family: verdana,arial; font-size: 12px; font-weight: bold; color:#ff4000; margin-bottom: 20px;}
#left-menu div {display: block; text-align: left; border-left: solid 5px #AAAAAA; padding-left: 10px; margin-top: 10px;}

#content {width: 100%; min-height: 200px;}

#prod-list {padding-bottom: 40px;}
#prod-list a {text-decoration: none; color:#0F74F0;}
#prod-list div {text-align: left; height: 20px; padding: 0 10px; border-bottom: dotted 1px #555555;}
#prod-list div:hover, #prod-list div.selected {background-color: #EBEBEB;}
#prod-list div.header {text-align: left; background-color: #f8f0e6; height: 20px; padding: 0 10px; border-top: solid 1px #AAAAAA; border-bottom: dotted 1px #555555; color:#555555;}
#prod-list div span {float: right; color: #555555; font-family: verdana,arial; font-size: 11px; font-weight: normal; padding-left: 10px;}
#prod-list input[type="text"] {font-family: verdana, arial; font-size: 10px; color: gray; width: 30px; border: solid 1px #cbcbcb; text-align: right;}
#prod-list div.footer, #prod-list div.footer:hover {height: 20px; padding: 10px 10px; border: none; background-color: white;}

#payment-wrap {background: #ffffff; width: 500px; display: table; padding: 20px; text-align: center;}
#payment-wrap input[type="button"] {border: 1px solid #92B6BA; padding: 10px;}
#payment-wrap input[type="button"]:hover {background: #dddddd;}
#payment-wrap #title {display: block; text-align: left; font-family: verdana,arial; font-size: 12px; font-weight: bold; color:#000000; margin-bottom: 20px;}
#payment-wrap .banner {padding-top: 30px;}


.hint {colot: black; background: #ffffcc; border: 1px solid #aaaaaa; padding: 10px;}
.fright {float: right;}
.fleft {float: left;}
#onlinepmt {margin: 10px 5px;}
#onlinesber {margin: 10px 5px;}
