/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

/***** Global Settings *****/

html, body { height: 100%; margin: 0; padding: 0; border: 0; }

body {
  background: #fff;
  font: 12px arial, helvetica, sans-serif;
  color: #000;
}

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }

h1 {
  margin: 5px 0 15px 0;
  letter-spacing: -1px;
  font: 20px arial, helvetica, sans-serif;
}

h2 {
  margin: 5px 0 10px 0;
  letter-spacing: -1px;
  font: 18px arial, helvetica, sans-serif;
}

h3, h4, h5, h6 {
  font: 12px arial, helvetica, sans-serif;
  font-weight: bold;
}

p, ul, ol { margin: 0 0 18px 0; padding: 0; }

ul, ol {
  list-style: none;
  padding: 0 0 0 40px;
}

img, input[type="image"] { border: 0; }

hr {
  border: 0;
  height: 1px;
  display: block;
  border-top: 1px solid #ccc;
}

address { margin-left: 10px; }


/***** Links *****/

a {
  color: #37b;
  text-decoration: underline;
}


/***** Forms *****/

form {
  margin: 0;
  padding: 0;
  display: inline;
}

input, select, textarea { font: 1em arial, helvetica, sans-serif; }

textarea { line-height: 1.25; }

fieldset {
  margin: 0 0 20px 0;
  padding: 5px 10px;
  border: 1px solid #b6b7cb;
}

legend {
  margin-bottom: 5px;
  padding: 0 5px;
  font-weight: bold;
  color: #369;
}

fieldset > div { margin-bottom: 5px; }

fieldset label, fieldset div.label { font-weight: bold; }

label.radio { font-weight: normal; }

label em, div.label em, .required { color: #f00; font-weight: normal; }

div.required { float: right; }


/***** Tables *****/

table { margin: 0; padding: 0; border: 0; }
table tr td,
table tr th { padding: 2px; text-align: left; vertical-align: top; }


/***** Global Classes *****/

.clear { clear: both; }
.help { cursor: help; }
.strong { font-weight: bold; }

.float-left { float: left; }
.float-right { float: right; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

.underline { border-bottom: 1px solid; }
.highlight { background: #ffc; }
.blue { color: #37b; }

img.left { float: left; margin: 4px 10px 4px 0; }
img.right { float: right; margin: 4px 0 4px 10px; }

.nopadding { padding: 0; }
.noindent { margin-left: 0; padding-left: 0; }
.nobullet { list-style: none; list-style-image: none; }

.border-top { border-top: 1px solid #b6b7cb; }
.border-left { border-left: 1px solid #b6b7cb; }
.border-right { border-right: 1px solid #b6b7cb; }
.border-bottom { border-bottom: 1px solid #b6b7cb; }


/***** Layout *****/

#logo a {
  display: block;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000;
}

#navi,
#tab,
#sidebar_left,
#sidebar_right,
#footer { display: none; }

#content_inner { padding: 10px; }

.content_text { padding: 0 25px; }


/***** Box Classes *****/

.modulebox { margin: 20px 0; }

.contentbox_image { padding: 30px; }

.contentbox_heading h1, .contentbox_heading div {
  padding: 5px 10px;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0;
}
.contentbox_heading div { font-weight: normal; }
.contentbox_heading { font-weight: normal; }
.modulebox_heading a, .modulebox_heading a:hover, .modulebox_heading a:visited,
.contentbox_heading a, .contentbox_heading a:hover,
.contentbox_heading a:visited { color: #000; text-decoration: none; }
.modulebox_content { padding: 5px; font-size: 11px; }

.halfbox1 {
  float: left;
  width: 45%;
  margin-right: 2%;
}
.halfbox2 {
  float: left;
  width: 45%;
  margin-left: 5%;
}
.halfbox1 h3, .halfbox2 h3 { border-bottom: 1px solid #b6b7cb; }

.messagebox {
  margin-bottom: 10px;
  padding: 5px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  border: 1px solid #ddd;
}
.messageStackError {
  color: #d00;
}
.messageStackWarning {
  color: #a00;
}


/***** Misc Classes *****/

.smallText { font-size: 9px; font-weight: normal; }
.boxText { font-size: 11px; }
.errorBox { background: #ffb3b5; color: #f00; font-size: 11px; font-weight: bold; }
.stockWarning { color: #c03; }
.orderEdit { font-size: 10px; }
.errorText { color: #f00; }

.sidebox .linklist {
  margin: 0 0 10px 0;
  padding: 0;
  list-style-type: none;
  border-bottom: 1px solid #fff;
}

.sidebox .linklist li {
  padding: 5px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ccc;
}
.sidebox .linklist li:first-child { border-top: none; }

.sidebox .linklist li a { font-weight: bold; }

#content_wrapper .linklist {
  padding-left: 10px;
  list-style-type: disc;
}
#content_wrapper .linklist li {
  padding: 4px 10px;
}
#content_wrapper .linklist li a { font-weight: bold; }
#content_wrapper .linklist li.selected a { color: #000; }

.subcategory {
  float: left;
  width: 95px;
  margin: 2px;
  border: 1px solid #ddd;
}

.subcategory-image {
  height: 50px;
  background: #fff;
}

.subcategory-name {
  padding: 2px;
  font-size: 11px;
  border-top: 1px solid #ddd;
}

.pageNavigation { margin: 5px 0; font-size: 11px; }
.pageNavigation .count { float: left; }
.pageNavigation .pages { float: right; }

table.list { width: 99%; border-collapse: collapse; }
table.list td {
  padding: 5px;
  border-top: 1px solid #ddd;
}
table.list th {
  padding: 5px;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
table.list tr:first-child th { border-top: none; }

.productList { padding: 0 10px; font-size: 11px; }
.productList-image {
  float: left;
  width: 110px;
  text-align: center;
}
.productList-name {
  float: left;
  margin-bottom: 8px;
  font-weight: bold;
}
.productList-text {
  float: left;
  padding-left: 4px;
  line-height: 1.4;
}
button.cart {
  background: transparent;
  border: none;
  color: #37b;
  font-size: 1em;
}

.productAttribute {
  font-size: 11px;
  font-style: italic;
}

.productImage {
  float: right;
  margin: 0 0 5px 10px;
  font-size: 11px;
  text-align: center;
}

table.moduletable {
  width: 100%;
  border-collapse: collapse;
}

table.moduletable td { padding: 5px; vertical-align: middle; }

.address {
  font-weight: normal;
  font-style: italic;
}

input.button, input.button1, input.button2, input.button3,
input.button_black, input.button1_black, input.button2_black, input.button3_black {
  height: 19px;
  color: #37b;
  font-weight: bold;
  font-size: 11px;
  border: none;
}

a.button, a.button1, a.button2, a.button3,
a.button:visited, a.button1:visited, a.button2:visited, a.button3:visited,
a.button:hover, a.button1:hover, a.button2:hover, a.button3:hover,
a.button_black, a.button1_black, a.button2_black, a.button3_black,
a.button_black:visited, a.button1_black:visited, a.button2_black:visited, a.button3_black:visited,
a.button_black:hover, a.button1_black:hover, a.button2_black:hover, a.button3_black:hover {
  display: block;
  padding: 3px 0;
  color: #37b;
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
  text-align: center;
	white-space: nowrap;
}

input.cart_quantity {
  width: 2em;
  font-size: 11px;
  text-align: right;
}

.help { display: none; }

a.remove {
  display: block;
  width: 16px;
  height: 16px;
  color: #999;
  font: bold 14px arial, helvetica, sans-serif;
  line-height: 14px;
  text-decoration: none;
  text-align: center;
}