/* page layout */
#body { padding: 15px 0px; }
#page { margin: auto; width: 810px; position: relative; }
#banner { height: 162px; position: relative; overflow: hidden; padding-left: 10px; }
#logo { display: block; width: 550px; height: 162px; }
#phoneno { position: absolute;  right: 25px; top: 20px; }
#menu { position: absolute; bottom: 7px; right: 0px; width: 350px; }
#sidebar { float: left; width: 185px; padding: 15px; }
#editOrderForm { padding-bottom: 12px; }
#content { float: left; width: 555px; padding: 4px 18px 18px; margin-left: -1px; }
#footer { clear: both; padding: 8px; position: relative; }

/* ie floated double-margin hack */
* #content { display: inline; }

/* backgrounds and borders styles */
#body { background: #ededf8; }
#page { background: white url('images/logo.jpg') top left no-repeat; border: 1px solid #cacaff; }
#menu { border-top: 1px dotted #9e2e07; }
#editOrderForm { border-bottom: 1px dotted #9e2e07; }
#footer { background: white; border-top: 1px solid #cacaff; }

/* menu styles */
#menu { font-size: 75%; }
#menu li { width: 70px; }
#menu a { color: #9e2e07; }

/* misc named elements */
#phoneno { color: #9e2e07; }
#footer { font-size: 85%; text-align: center; }
#footer a { color: #9E2E07; }
#sidebar #query { width: 150px; }

/* html styles */
body, table { 
  font-family: Helvetica, Arial, Geneva, sans-serif; font-size: 12px; line-height: 150%; 
  color: #333;
}
h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a { color: #E38600; font-weight: bold; }
a { color: #9e2e07; text-decoration: none; font-weight: inherit; }
a:visited { color: #9e2e07; text-decoration: none; }
a:hover { color: black; text-decoration: underline; }
td { padding: 8px; }