/* pantone - #5b97b1 */
html, body {
  margin: 0; background: #aaa; font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}

a {
  color: #569bbc;
}

a:hover {
  color: #000;
}

h2 {
  font-size: 140%; margin: 0 0 30px 0;
  color: #5b97b1; font-family: Arial;  font-weight: bold;
  border-bottom: 0px solid #5b97b1;
}

h3 {
  color: #5b97b1; font-size: 100%; margin: 20px 0 0 0;
}

h4 {
  color: #5b97b1; font-size: 100%; margin: 2px 0 6px 0;
}

.warning {
  color: #f00; font-size: 80%;
}

h5 {
  color: #5b97b1; font-size: 80%; margin: 2px 0 0 0;
}

img, img:hover {
  border: 0;
}

td {
  vertical-align: top;
}

#container {
  background: #fff url("../img/bg_body.jpg") repeat-y; width: 815px;
  margin: 0 auto 0;
}

#header {
  background: #5b97b1 url("../img/bg_header.jpg"); height: 144px; width: 789px;
	vertical-align: bottom; padding: 0 26px 21px 0;
}

#nav_bar {
	text-align: right;
}

#nav_bar a {
	color: #fff; font-weight: normal; text-decoration: none;
	border-left: 1px solid #fff; padding: 0 2px 0 6px; font-size: 12px;
}

#nav_bar a:hover {
	text-decoration: underline;
}

#navigation {
  width: 210px; order-right: 1px solid #5b97b1; text-align: center;
}

#navigation ul {
  margin: 30px 0 0 0; padding: 0;
}

#navigation li {
  list-style-type: none; background: #f2edf3;
  border-bottom: 1px solid #5b97b1; border-top: 0px solid #fff; 
}

#navigation li:hover {
  background: #5b97b1;
}

#navigation a {
  display: block; padding: 4px 10px; font-size: 110%;
  font-family: Arial Narrow, Arial; text-decoration: none;
}

#main {
  padding: 40px 0 30px 30px; min-height: 386px; width: 551px; 
	background: url("../img/watermark.gif") top right no-repeat;
}

#main_content {
  width: 508px;
}

#footer {
  background: url("../img/bg_footer.jpg"); height: 13px; width: 815px;
}

img.welcome_text {
  margin: 26px 0 0 6px;
}

img.tagline {
  margin: 52px 0 0 6px;
}

form.login {
  margin: 102px 0 0 170px;
}

form.login p {
  color: #544155; font-family: Arial, Helvetica, sans-serif;
  margin: 4px 0 4px 2px; font-size: 14px; letter-spacing: 4px;
}

.password {
  width: 148px; height: 16px; color: #aaa;
  background: url("../img/bg_textbox.jpg") top left repeat-x;
  border-color: #ccc;
  border-width: 2px 1px 1px 2px;
  border-style: solid;
}

input.submit {
  width: 71px; color: #fff; background: #bbb;
  border: 1px solid #5b97b1; height: 21px;
  font-size: 14px; cursor: hand;
}

.alert {
  color: red; font-family: Arial, Helvetica, sans-serif;
  margin: 4px 6px 0 -151px; font-size: 12px; letter-spacing: 2px;
}

/* Admin forms */

input.text_box_large {
  width: 220px; 
  background: url("../img/bg_textbox.jpg") top left;
  border-color: #5b97b1 #e1d9e4 #e1d9e4 #5b97b1;
  border-width: 2px 1px 1px 2px;
  border-style: solid;
}

input.text_box_med {
  width: 60px; 
  background: url("../img/bg_textbox.jpg") top left;
  border-color: #5b97b1 #e1d9e4 #e1d9e4 #5b97b1;
  border-width: 2px 1px 1px 2px;
  border-style: solid;
}

input.text_box_min {
  width: 30px; 
  background: url("../img/bg_textbox.jpg") top left;
  border-color: #5b97b1 #e1d9e4 #e1d9e4 #5b97b1;
  border-width: 2px 1px 1px 2px;
  border-style: solid;
}

input.file_box {
  width: 225px; 
  background: url("../img/bg_textbox.jpg") top left;
  border-color: #5b97b1 #e1d9e4 #e1d9e4 #5b97b1;
  border-width: 2px 1px 1px 2px;
  border-style: solid;
}

input.new_bag_submit {
  float: right; width: 100px; height: 20px;
  margin: 2px 4px 0 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #544155;
  border: 1px solid #a689a7;
  cursor: hand;
}

.text_area {
  width: 220px; height: 60px; 
  background: #fff url("../img/bg_textbox.jpg") top left repeat-x;
  border-color: #5b97b1 #e1d9e4 #e1d9e4 #5b97b1;
  border-width: 2px 1px 1px 2px;
  border-style: solid;
}

.text_area_large {
  width: 220px; height: 200px; 
  background: #fff url("../img/bg_textbox.jpg") top left repeat-x;
  border-color: #5b97b1 #e1d9e4 #e1d9e4 #5b97b1;
  border-width: 2px 1px 1px 2px;
  border-style: solid;
}

select {
  width: 225px;
  background: #fff url("../img/bg_textbox.jpg") top left repeat-x;
  border-color: #5b97b1 #e1d9e4 #e1d9e4 #5b97b1;
  border-width: 2px 1px 1px 2px;
  border-style: solid;
}

td.label {
padding-top: 5px; width: 90px;
}

fieldset {
  border-color: #5b97b1; 
  border-style: dashed;
  border-width: 0 0 1px;
}

form.new_bag {
  background: #fff url("../img/bg_bag_form.jpg") bottom no-repeat;
  padding: 10px 10px;
  border: 1px solid #5b97b1;
	width: 341px;
}

form.new_bag hr {
  height: 1px;
  border-color: #5b97b1; 
  border-style: dashed;
  border-width: 0 0 1px;
  margin: 10px 0;
}

img.thumbnail {
  border: 0px solid #e1d9e4;
}

table.bag_list {
  background: #eee rl("../img/bg_list_item.jpg"); width: 508px; 
  margin: 10px 0; border-bottom: 1px solid #d4ebe3;
}

.product_info {
  font-size: 80%;
}

input.checkbox {
  border: 0px solid green;
}

p.index {
  color: #4F4550; margin: 20px 0 5px 5px;
}

p.index_company {
  color: #569bbc; margin: 0 0 30px 3px; font-size: 30px;
}

#navigation img {
	margin: 0 0 0 7px;
}
div#map {
	border: 1px solid #5b97b1; width: 506px; height: 300px
}

div.miniblog {
	padding: 0 0 20px; margin: 0 0 20px;
	border-bottom: 1px solid #d4ebe3;
}
form.confirm {
}

form.confirm input {
 width: 26px; border: 0;
 background: #fff; color: #5b97b1; font-size: 15px; height: 16px;
 cursor: pointer; display: inline; padding: 0 0 -4px;
}
form.miniBlog label {
	display: block; float: left; width: 120px;
}
form.miniBlog input {
	width: 364px;
}
form.miniBlog textarea {
	width: 364px; height: 100px;
}
form.miniBlog input.submit {
	width: 120px; loat: right; margin: 0 0 0 4px;
	color: #fff; background: #bbb;
  border: 1px solid #5b97b1; height: 21px;
  font-size: 14px; cursor: hand;
}
form.miniBlog div.field {
	margin: 0 0 6px 0;
}

form.order {
  background: #fff url("../img/bg_order_form.jpg") bottom right no-repeat;
  padding: 10px 10px;
  border: 1px solid #5b97b1;
	width: 400px;
}

form.order hr {
  height: 1px;
  border-color: #5b97b1; 
  border-style: dashed;
  border-width: 0 0 1px;
  margin: 10px 0;
}

input.order_submit {
  float: right; width: 100px; height: 20px;
  margin: 2px 4px 0 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #544155;
  border: 1px solid #a689a7;
  cursor: hand;
}

form.order .text_box_large {
	width: 281px;
}

form.order .text_box_med {
	width: 85px;
}

form.order textarea {
	width: 282px;
}