/* LAYOUT STYLES
----------------------------------------------------------*/
html, body
{
  font-family: Arial;
  font-size: 12px;
  height: 100%;
  line-height: 150%;
  margin: 0;
  padding: 0;
}

fieldset
{
  border: none;
}

label
{
  display: block;
}

legend
{
  font-size: 18px;
}

h1
{
  color: #F40E09;
  font-family: Verdana, Verdana, Geneva, sans-serif;
  font-size: 18px;
}

h2
{
  border-bottom: dotted 1px;
  font-size: 18px;
  font-family: Verdana, Verdana, Geneva, sans-serif;
  margin-top: 0;
  padding-bottom: 4px;
}

h3
{
  font-family: Verdana, Verdana, Geneva, sans-serif;
  font-size: 18px;
  margin-bottom: 2px;
}

a
{
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

table
{
  text-align: left;
}

textarea
{
  width: 100%;
}

ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

img
{
  border: none;
}

/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/

div.page
{
  background: url('../images/background.gif') repeat-x 0 -15px;
  min-height: 100%;
  position: relative;
}

div.page .page-wrapper
{
  /* min-height: 100%; */
}
.page-wrapper, .footer-wrapper
{
  margin: 0 auto;
  min-width: 900px;
  width: 900px;
}

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

#footer
{
  background-color: #484848;
  bottom: 0pt;
  color: #FFF;
  height: 200px; /* position: absolute; */
  width: 100%;
}

#footer a
{
  color: #FFF;
  padding-right: 5px;
}

.footer-wrapper
{
  padding: 5px;
}

.footer-copy-left
{
}

.footer-copy-right
{
  margin-right: 50px;
}

#masthead
{
  margin-top: 20px;
}

#main
{
  float: left;
  width: 60%;
}

#side
{
  float: right;
  width: 40%;
}


/* NAVIGATION
----------------------------------------------------------*/

#navigation
{
  border-bottom: dotted 1px;
  width: 95%;
}

#navigation ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

#navigation ul li
{
  float: left;
  font-weight: bold;
  line-height: 25px;
  padding: 5px 7px 5px 0;
}

#navigation ul li.last
{
  padding-right: 0px;
}

#navigation a
{
  color: #000;
  text-decoration: none;
}

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

#navigation a.active
{
  background: url('../images/nav_anchor.gif') right top no-repeat;
  color: #FFF;
  display: block;
  height: 25px;
  padding-right: 10px;
}


#navigation a.active span
{
  background: url('../images/nav_span.gif') left top no-repeat;
  display: block;
  height: 25px;
  padding-left: 10px;
}

/* Common Content
----------------------------------------------------------*/

.common-content
{
  margin-right: 30px;
  padding: 10px 20px 10px 0;
}

.side-content
{
  width: 300px;
}

/* Error
----------------------------------------------------------*/
label.error
{
  color: Red;
}

/*
  Pager
*/
ul.pager
{
  display: block;
  height: 15px;
  list-style-type: none;
  margin: 10px 0 10px 0;
  padding: 0;
}

ul.pager li
{
  display: block;
  font-weight: bold;
  float: left;
  text-align: center;
}

ul.pager a, ul.pager span
{
  color: #414141;
  border: 1px solid #414141;
  margin: 8px 3px;
  padding: 0.2em 0.5em;
}

ul.pager a
{
  text-decoration: none;
}

ul.pager a:hover
{
  border: 1px solid #414141;
}

ul.pager .selected
{
  background-color: #414141;
  color: #FFF;
}

ul.pager .disabled
{
  border: 1px solid #999;
  color: #999;
}


/* Partners
----------------------------------------------------------*/
div.partners
{
  background: url('../images/partners.png') top left no-repeat;
  color: #FFF;
  height: 75px;
  margin: 10px 0 10px 0;
  width: 535px;
}

div.partners h3
{
  color: #FFF;
  padding: 10px 0 5px 0;
}

div.partners .partners-content
{
  padding: 0 10px 0 10px;
  width: 400px;
}

.partners-content .partners-footer
{
  margin-top: 5px;
}

/* Checkmark List
----------------------------------------------------------*/
ul.checkmarks li
{
  background: url('../images/checkmark.gif') no-repeat 0 50%;
  height: 30px;
  line-height: 30px;
  padding-left: 30px;
}

/* Testimonial
----------------------------------------------------------*/
.scanner-spacer
{
  padding-top: 58px;
}

div.testimonial
{
  background: url('../images/scanner-bottom.jpg') right top no-repeat;
}

ul.testimonial-list li
{
  background: url('../images/quote.gif') top left no-repeat;
  min-height: 50px;
  padding-bottom: 15px;
}

ul.testimonial-list li span
{
  display: block;
  font-style: italic;
  margin-left: 60px;
}

/* Order
----------------------------------------------------------*/
a.order
{
  background: url('../images/order.png') top left no-repeat;
  display: block;
  height: 35px;
  width: 105px;
}


/* Updates
----------------------------------------------------------*/
div.updates, div.toolbar
{
  color: #838383;
  padding-top: 10px;
}
.updates-header
{
  background: url('../images/updates-header.png') no-repeat;
  height: 53px;
}
.toolbar-header
{
  background: url('/toolbar-header.png') no-repeat;
  height: 53px;
}

.updates-header h3, .toolbar-header h3
{
  color: #FFF;
  padding: 25px 0 0 75px;
}

ul.update-list, ul.toolbar-list
{
  background: url('../images/component-background.jpg') bottom left repeat-x;
  border-left: 1px solid #E3E3E3;
  border-right: 1px solid #E3E3E3;
  list-style-type: none;
  margin: 0px;
  padding: 0;
}

ul.update-list li, ul.toolbar-list li
{
  padding: 10px 15px;
}

ul.update-list li span.date, ul.toolbar-list li a.date
{
  color: #F40E09;
  margin-right: 10px;
}

.updates-footer, .toolbar-footer
{
  background: transparent url('../images/sprite.superbag.gif') no-repeat scroll 0 -1082px;
  height: 4px;
  overflow: hidden;
}

.updates-footer div, .toolbar-footer div
{
  background: transparent url('../images/sprite.superbag.gif') no-repeat scroll -996px -1082px;
  float: right;
  height: 4px;
  overflow: hidden;
  width: 4px;
}

/* Suppliers
----------------------------------------------------------*/
ul.suppliers li
{
  background: url('../images/manufacturer.png') top left no-repeat;
  font-size: 35px;
  font-style: italic;
  height: 80px;
  line-height: 80px;
  text-align: center;
  width: 475px;
}

ul.suppliers li:hover
{
  background: url('../images/manufacturer-active.png') top left no-repeat;
}

.suppliers a
{
  color: #000;
  text-decoration: none;
}

.suppliers li:hover a
{
  color: #FFF;
}


/* Promotions
----------------------------------------------------------*/
ul.promotion-list
{
  color: #838383;
  list-style-type: square;
}

ul.promotion-list li span
{
  display: block;
  height: 30px;
  line-height: 20px;
  margin-left: 30px;
}

ul.promotion-list li.new
{
  background: url('../images/promo.png') top left no-repeat;
}

/* Contact Us
----------------------------------------------------------*/
.contact
{
  margin-top:20px;
}
.contact-header
{
  font-weight: bold;
}

/* OTHER
----------------------------------------------------------*/
.clear
{
  overflow: auto;
  width: 100%;
}

.floatLeft
{
  float: left;
}

.floatRight
{
  float: right;
}

.grid
{
  width: 100%;
}

img.scannerTop
{
  float: right;
  padding-right: 87px;
}

img.scannerBottom
{
  left: 72px;
  position: relative;
}

.clearfix:after
{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

span.italic
{
  font-style: italic;
}