/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $
  $Loc: catalog/ $
  $Mod: 20081216 More Pics 2.0 kymation $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

/*
   ShredderSource.com Colors
          Dark Blue (logo)  #023469
          Dark Red (logo)   #E01818
          Dark Grey         #333333
          Grey:             #696464
	      Light (silver):   #f3f3f3  
	      Copper:           #733900 
	      Light Copper:     #FFC38D 
*/


.boxText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt; 
}

.errorBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt; 
  background: #ffb3b5; 
  font-weight: bold; 
}

.stockWarning { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 8pt; 
  color: #c9252c; 
  font-weight: bold; 
}

.productsNotifications { 
  background: #FFF3E8; 
}

.orderEdit { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 8pt; 
  color: #70d250; 
  text-decoration: underline;
}

BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

.body {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

A {
  color: #023469;
  text-decoration: none;
}

A:hover {
  color: #733900;
  text-decoration: none;
}

FORM {
  display: inline;
}

TR.headerTop {
  background-image: url(images/header_05.gif);
  background-repeat: repeat-x;
  background-position: top left; 
}

TR.headerBottom {
  background-image: url(images/header_06.gif);
  background-repeat: repeat-x;
  background-position: top left;  
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color: #ffffff;
/*  vertical-align: top; */
}

A.headerNavigation, A.infoBoxHeading { 
  color: #ffffff; 
  vertical-align: 0%;
}

A.headerNavigation:hover, A.infoBoxHeading:hover  {
  color: #FFFF9B;
  vertical-align: 0%;
}

TR.headerError, A.headerError, A.headerError:hover, A.headerError:link, A.headerError:visited, A.headerError:active, span.headerError {
  color: #FFFFFF;
  background: #E01818;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #E01818;
  color: #ffffff;
  padding: 3px;
  font-weight: bold;
  text-align: center;
}

SPAN.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 8pt;
  background: #E01818;
  color: #ffffff;
  padding: 3px;
  font-weight: bold;
  text-align: center;
}

A.button {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #E01818;
  color: #ffffff;
  padding: 2px;
  border: medium #BE1414 groove;
  font-weight: bold;
  text-align: center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #023469;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  color: #ffffff;
  font-weight: bold;
  background: #003A74;
}

/*  Border for the info boxes */
.infoBox {    
  background: #023469;
}

.infoBoxContents,TD.linkListing-data {
  background: #f3f3f3;
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
}

.infoBoxNotice {
  background: #b91e15;
}

.infoBoxNoticeContents {
  background: #e8e8e8;
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
}

TD.infoBoxHeading, .linkListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color: #ffffff;
  background: #023469;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
}

/*  All ODD table rows  */
TR.linkListing-odd, TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f3f3f3;
}

/*  All EVEN table rows  */
TR.linkListing-even, TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #ffffff;
}

/*  Products table border  */
TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #333333;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  color: #ffffff;
  font-weight: bold;
  background: #023469;
/*  padding: 2px;  */
}

td.productListing-heading {
  padding: 2px;
}

a.productListing-heading:hover {
  color: #FFC38D;
}

.productListing {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  background:  none transparent scroll repeat 0% 0%;
}

.productDescription {
  font-size: 8pt;
  padding: 0 2px 0 1em;
}

/*  Font in the Products table  */
TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  padding: 5px;
}

A.pageResults,span.pageResults {
  color: #b91e15;
}

A.pageResults:hover {
  color: #6e461e;
  background: #fff3e8;
}

TD.pageHeading, DIV.pageHeading, H1.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15pt;
  font-weight: bold;
  vertical-align: top;
  color: #333333;
}

H2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  vertical-align: top;
  color: #333333;
}

TR.subBar {
  background: #b91e15;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  color: #000000;
}

.main, TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  color: #b91e15;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #b91e15;
  font-weight: bold;
}

TABLE.formArea {
  background: #fff3e8;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.highlight {
  font-family: Verdana, Arial, sans-serif;
  color: #b91e15;
  white-space: nowrap;  
}

.moduleRow { }

.moduleRowOver { 
  background-color: #fff3e8; 
  cursor: move; 
}

.moduleRowSelected { 
  background-color: #e9f4fc; 
}

.checkoutBarFrom, .checkoutBarTo { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 8pt; 
  color: #8c8c8c; 
}

.checkoutBarCurrent { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 8pt; 
  color: #000000; 
}

/* message box */
.messageBox { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 8pt; 
}

.messageStackError, .messageStackWarning { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 8pt; 
  background-color: #ffb3b5; 
}

.messageStackSuccess { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 8pt; 
  background-color: #fff3e8; 
}

/* input requirement */

.inputRequirement { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 8pt; 
  color: #ff0000; 
}

/* Prices */
/*  Lines added for Price Break 1.1 
*      Sets characteristics of the Price tables   */
TD.productPriceInListing {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  background: #fff3e8;
}

/*  On the Product page  */
TD.productPriceInBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  margin: 0;
  padding: 1px; 
}

TR.productPriceInBox {}

TABLE.productPriceInBox {
  border: 1px solid #182d5c;
  margin: 0;
  padding: 2px; 
  background: #f3f3f3;
}

TD.productPriceBox {
}

TD.productPriceInProdInfo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #f3f3f3;
}
/*  End added lines  */

li { 
  margin-bottom: 5px; 
}

.subheading {
  padding: 8pt 0 0 0; 
  font-size: 11pt;
  font-weight: bold;
  color: #333333;
}

.boxheading {
  padding: 0; 
  font-size: 11pt;
  font-weight: bold;
  color: #333333;
}

.headingWarning { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 11pt; 
  font-weight: bold;
  color: #aa0000; 
}

/*  Legends for the fields in contact_us.php  */
.emailLegend {
  text-align: right;
  padding: 0 5px 0 0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  line-height: 1.5;
}

/*  Large bold text on the index page  */
.boldText {
  font-size: 11pt; 
  font-weight: bold;
}

/* Lines added for Links Manager v1.00 contribution */
TABLE.linkListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

TD.imageBoxTitle {
  border: 0;
  margin: 0;
  padding: 5px 0px 5px 8pt;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  font-variant: small-caps;
  color: #ffffff;
  background: #023469;
}

A.imageBoxTitle {
  color: #ffffff;
}

A.imageBoxTitle:hover {
  color: #FFC38D;
}

.imageBoxDescription {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  vertical-align: top;
/*  padding: 5px;  */
  line-height: 1.3;
  background: #ffffff;  
}

A.imageBoxDescription:hover {
  text-decoration: none;
}  

.noBreak {
  white-space: nowrap;  
}

UL {
  list-style-type: disc;  
}

IMG {
  border: 0;
}

P.textMain {
  color: #606F86;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  padding: 0 0 15pt 0;
}

.moreInfo {
  font-size: 9pt;
  font-weight: bold;
  white-space: nowrap;
}

TD.center {
  text-align: center;
}

TD.productlist {
  border: 0;
  margin: 0;
  padding: 0 0 0 15pt;
  font-size: 12px; 
  font-family: Verdana, Arial, sans-serif;
  text-align: left;
  text-decoration: none;
  vertical-align: top;
}

LI.faqQuestion {
  padding: 10px 0 0 0;
}

SPAN.faqQuestion {
  color: #023469;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 15pt 0 0 0;
}

DIV.faqCategory {
  background-color: #f3f3f3;  
  color: #023469;
  font-family: Verdana, Arial, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  padding: 5px 0 5px 5px;
}

div.categorydescription {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11pt;
  font-weight: normal;
  vertical-align: top;
  margin: 0 4px 0 4px;
  width: 480px;
}

/* glossary */
h2.subtitle {
  margin-top: 5px;
  margin-bottom: 0px;
  font-weight: bold;
  font-size: 10pt;
}

h3.definition {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  vertical-align: top;
}

h4.subtitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  margin-top: 2px;
  margin-bottom: 0px;
}

/* Styles for the page headers */

/* Fixed absolute positioning */
div#header-top {
  position: absolute;
  width: 100%;
  height: 86px;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}
div#image01 {
  background: transparent url(images/header_01.gif) no-repeat top left;
  position: absolute;
  width: 96px;
  height: 86px;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  margin: 0;
  border: 0;
  padding: 0;
}
div#image03 {
  background: transparent url(images/header_03.gif) no-repeat top left;
  position: absolute;
  width: 362px;
  height: 53px;
  top: 0;
  right: auto;
  bottom: auto;
  left: 96px;
  margin: 0;
  border: 0;
  padding: 0;
}
div#image04 {
  background: transparent;
  position: absolute;
  width: 60px;
  height: 53px;
  top: 0;
  right: auto;
  bottom: auto;
  left: 458px;
  margin: 0;
  border: 0;
  padding: 0;
}
div#imageback {
  background: transparent url(images/header_05.gif) repeat-x top left;
  position: absolute;
  width: 100%;
  height: 86px;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  margin: 0;
  border: 0;
  padding: 0;
  width: 100%;
  height: 86px;
}
div#header-bottom-left {
  position: absolute;
  width: auto;
  height: 33px;
  top: 57px;
  right: auto;
  bottom: auto;
  left: 96px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
}
div#header-bottom-right {
  position: absolute;
  width: auto;
  height: 33px;
  top: 57px;
  right: 0;
  bottom: auto;
  left: auto;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
}
div#page {
  position: absolute;
  width: 100%;
  height: auto;
  top: 86px;
  right: auto;
  bottom: auto;
  left: 0;
  margin: 0;
  border: 0;
  padding: 0;
}
div#search {
  position: absolute;
  width: 135px;
  height: auto;
  top: 5px;
  right: auto;
  bottom: auto;
  left: 550px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  font-variant: small-caps;
  text-align: left;
  color: #ffffff;
}
div.normal {
  font-variant: normal;
  font-weight: normal;
}

/* Styles for the next-previous buttons */

a.nextprevlegend, a.nextprevlegend:hover, a.nextprevlegend:active {
  font-weight: bold;
}

tr.nextprev {
  width: 100%;
  height: 26px;
}
td.nextprevsides {
  width: auto;
  height: 26px;
  left: auto;
  right: auto;
  margin: 0;
}
td.nextprevbutton {
  width: 34px;
  height: 26px;
  margin: 0;
}
td.indexbutton {
  width: 75px;
  height: 26px;
  margin: 0;
}
td.nextlegend {
  width: 250px;
  height: 26px;
  top: auto;
  bottom: auto;
  padding: 0 0 0 10px;
  font-size: 9pt;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, san-serif;
  text-align: left;
}
td.prevlegend {
  width: 250px;
  height: 26px;
  top: auto;
  bottom: auto;
  padding: 0 10px 0 0;
  font-size: 9pt;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, san-serif;
  text-align: right;
}

/* Styles for the buttons  */

/* All buttons */
.buttons {
  background: transparent url('images/buttons_tabs/button_right.png') no-repeat scroll top right;
  display: block;
  float: left;
  color: #FFF;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, san-serif;
  font-size: 14px; 
  margin: 0px 6px 0px 0px;  /* margins entire button */
  padding-right: 10px;  /* overlap of left image on right image */
  border: none;
  cursor: pointer;
} 

div.buttons:hover {
  background-position: bottom right !important;
  color: #000000; 
  outline: none; 
} 


/* Link buttons */
.buttons span.button { 
  background: transparent url('images/buttons_tabs/button_left.png') no-repeat top left;
  display: block;
  padding: 4px 6px 4px 16px;  /*positions text in button */
  line-height: 1.0; 
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, san-serif;
  font-size: 14px;
  color: #FFF;
  border: none;
  cursor: pointer;  
} 

div.buttons span.button:hover {
  background-position: bottom left;
  padding: 4px 6px 6px 16px;
  outline: none;
  color: #fff; 
  cursor: pointer;  
} 


/* Submit buttons */
.buttons_submit {
  background: transparent url('images/buttons_tabs/button_left.png') no-repeat;
  line-height: 1.0;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, san-serif;
  font-size: 14px;
  color: #FFF; 
  display: block;
  float: left;
  padding: 2px 6px 4px 16px;  
  border: none;
  cursor: pointer;
} 

.buttons_submit:hover {
  background-position: bottom left;  
  color: #fff; 
  outline: none; 
  cursor: pointer;
} 

/* Floats used to center buttons */
div.button_float_outer {
  float: right;
  position: relative;
  left: -50%;
} /* outer */

div.button_float_inner {
  position: relative;
  left: 50%;
} /* inner */

/* BOF: More Pics  */
IMG.productsMainImage {
	border-width:2px;
  border-style:solid;
  border-color:black;
}

IMG.productsImages {
	border-width:2px;
  border-style:solid;
  border-color:black;
}

IMG.productsImages:hover {
	border-color:blue;
}

TABLE.popup {
  border-width: 1px;
  border-style: dotted;  
  border-color: #666;