/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
  Modifications copyright Wild Carrot
  http://www.wildcarrotcreation.com
 
*/
body    { margin: 0px; padding: 0px;}
h3  { color: #ff9e20 }
/* main content wrapper */
#body_wrap       { background: url(images/layout/background_wrap.jpg) repeat-y; text-align: left; margin-right: auto; margin-left: auto; padding-left: 8px; width: 716px }
/* main content wrapper */
#header_login_bar      { color: white; font-weight: bold; font-size: 95%; font-family: Verdana; background: url(images/layout/background_header_login_bar.jpg) repeat-x; width: 700px; height: 42px }
/* header logon bar */
ul.logon_bar_form              { list-style-type: none; margin: 0px; padding-top: 11px; padding-left: 5px; width: 560px}
li.logon_bar_field         { list-style-type: none; float: left; margin-left: 5px; width: 245px }
li.logon_bar_button         { list-style-type: none; float: left; margin-top: -3px; margin-left: 8px }
span.input_logon                   { background: url(images/layout/login_bar_input_fields.gif) no-repeat; float: right; margin-top: -3px; width: 116px; height: 27px; display: block }
span.input_logon input { font-weight: bold; font-size: 95%; font-family: Verdana; background-color: transparent; margin-top: 3px; margin-left: 8px; border: none; width: 100px; height: 18px }
/* for logoff positioning */
ul.logon_bar_language_icons li   { list-style-type: none; float: left; margin-left: 3px }
p.logoff     { text-align: center; float: right; margin: -4px 0px 0px; padding: 0px; width: 80px }
li.logon_bar_logoff           { list-style-type: none; float: left; clear: both; margin-left: 5px; width: 550px }
/* header logon and language bar */
ul.logon_bar_language_icons       { list-style-type: none; float: right; margin: -2px 0px 0px; padding: 0px; width: 135px; display: block }
#header_menu_bar_en        { font-weight: bold; font-size: 95%; line-height: 40px; font-family: Verdana; background-image: url(images/layout/background_header_menu_bar.jpg); margin: 0px 0px 1px; padding: 0px; width: 700px; height: 42px }
#header_menu_bar_ot        { font-weight: bold; font-size: 70%; line-height: 36px; font-family: Verdana; background-image: url(images/layout/background_header_menu_bar.jpg); margin: 0px 0px 1px; padding: 0px; width: 700px; height: 42px }
ul.header_menu_list        { margin: 0px 0px 0px 2px; padding: 0px; width: 700px; height: 42px }
ul.header_menu_list li         { text-align: center; list-style-type: none; float: left; margin-right: 1px; margin-left: 1px; width: 114px }
a.header_anchor        { color: white; text-decoration: none; background-repeat: no-repeat; width: 114px; height: 43px; display: block }
a.header_anchor:hover          { color: white; text-decoration: none; background: url(images/layout/buttons_all.png) no-repeat -131px -1976px }
/* body menu bar */
#body_menu_bar_en	  { font-weight: bold; font-size: 95%; font-family: Verdana; background: url(images/layout/background_body_menu_bar.gif) no-repeat; width: 700px; height: 150px }
#body_menu_bar_ot	  { font-weight: bold; font-size: 75%; font-family: Verdana; background: url(images/layout/background_body_menu_bar.gif) no-repeat; width: 700px; height: 150px }
ul.body_menu_list          { margin: 0px 0px 0px 1px; padding: 0px; width: 700px; height: 150px }
ul.body_menu_list li               { text-align: center; list-style-type: none; float: left; margin-left: 3px; width: 113px }
a.body_menu_item_purchase                 { color: white; text-decoration: none; background: url(images/layout/buttons_all.png) no-repeat left -1322px; padding-top: 119px; height: 31px; display: block }
a.body_menu_item_purchase:hover              { color: white; text-decoration: none; background: url(images/layout/buttons_all.png) no-repeat -130px -1322px }
a.body_menu_item_glass                { color: white; text-decoration: none; background: url(images/layout/buttons_all.png) no-repeat -260px -1322px; padding-top: 119px; height: 31px; display: block }
a.body_menu_item_glass:hover              { color: black; text-decoration: none; background: url(images/layout/buttons_all.png) no-repeat left -1487px }
a.body_menu_item_install                { color: white; text-decoration: none; background: url(images/layout/buttons_all.png) no-repeat -130px -1487px; padding-top: 119px; height: 31px; display: block }
a.body_menu_item_install:hover                { color: #000; text-decoration: none; background: url(images/layout/buttons_all.png) no-repeat -260px -1487px }
a.body_menu_item_care                { color: white; text-decoration: none; background: url(images/layout/buttons_all.png) no-repeat left -1652px; padding-top: 119px; height: 31px; display: block }
a.body_menu_item_care:hover               { color: white; text-decoration: none; background: url(images/layout/buttons_all.png) no-repeat -130px -1652px }
a.body_menu_item_warranty              { color: white; text-decoration: none; background: url(images/layout/buttons_all.png) no-repeat -260px -1652px; padding-top: 119px; height: 31px; display: block }
a.body_menu_item_warranty:hover             { color: white; text-decoration: none; background: url(images/layout/buttons_all.png) no-repeat left -1817px }
a.body_menu_item_gallery              { color: white; text-decoration: none; background: url(images/layout/buttons_all.png) no-repeat -130px -1817px; padding-top: 119px; height: 31px; display: block }
a.body_menu_item_gallery:hover             { color: white; text-decoration: none; background: url(images/layout/buttons_all.png) no-repeat -260px -1817px }
TD.menuSpacer  { background-image: url(images/layout/background_pageheading.jpg) }
/* footer menu bar */
#footer_menu_bar_en	      { font-weight: bold; font-size: 95%; font-family: Verdana; background: url(images/layout/background_footer_menu_bar.jpg) no-repeat; margin: 3px 0px 0px; padding: 0px; width: 700px; height: 70px }
#footer_menu_bar_ot	       { font-weight: bold; font-size: 80%; line-height: 17px; font-family: Verdana; background: url(images/layout/background_footer_menu_bar.jpg) no-repeat; margin: 3px 0px 0px; padding: 0px; width: 700px; height: 70px }
ul.footer_menu_list            { margin: 0px 0px 0px 2px; padding: 0px; width: 700px; height: 42px }
ul.footer_menu_list li                { text-align: center; list-style-type: none; float: left; margin-right: 1px; margin-left: 1px; width: 114px }
a.body_menu_item                 { color: black; text-decoration: none; background-repeat: no-repeat; padding-top: 10px; width: 114px; height: 32px; display: block }
a.body_menu_item_two_line                   { color: black; text-decoration: none; background-repeat: no-repeat; padding-top: 2px; width: 114px; height: 40px; display: block }
a.body_menu_item:hover , a.body_menu_item_two_line:hover                { color: white; text-decoration: none; background: url(images/layout/buttons_all.png) no-repeat left -1976px }
ul.footer_menu_notice  { color: black; text-align: center; list-style-type: none; margin: 0px; padding: 5px 0px 0px; width: 700px; height: 21px }
ul.footer_menu_notice a, ul.footer_menu_notice a:hover   { color: black }
img.inline_right  { float: right; padding-top: 18px; padding-left: 5px; display: inline }
/* formating for FAQ section */
ul.faq   { list-style-type: none; margin: 0px 5px; padding: 0px; width: 680px }
span.letter_inline   { font-size: 160%; background-color: #8a5c53; margin: 0px; padding: 5px 8px; border: solid 1px white; display: inline }
li.faq_question { color: black; background-image: url(images/layout/background_pageheading.jpg); padding-top: 8px; padding-bottom: 9px; padding-left: 5px }
li.faq_answer  { margin-top: 10px; margin-bottom: 10px; padding-top: 8px; padding-bottom: 5px; padding-left: 5px; border: solid 1px white }
/* regular form buttons */
button.button_form                  { background: url(images/layout/buttons_all.png) no-repeat right -82px; padding-right: 8px; border: none; height: 27px; overflow: visible; cursor: pointer ; display: block }
button.button_form::-moz-focus-inner { border: none;  /* overrides extra padding in Firefox */ }
button.button_form:hover                { color: white; text-decoration: none; background: url(images/layout/buttons_all.png) no-repeat right -124px; padding-right: 8px; height: 27px; display: block }
button.button_form span           { color: black; font-weight: bold; font-size: 15px; line-height: 24px; font-family: Verdana; background: url(images/layout/buttons_all.png) no-repeat left top; margin-left: -8px; padding-top: 1px; padding-left: 30px; height: 27px; display: block }
button.button_form:hover span               { color: white; background: url(images/layout/buttons_all.png) no-repeat left -41px; margin-left: -8px; padding-top: 1px; padding-left: 30px; height: 27px; display: block }
/* regular anchor buttons */
a.button_form                      { text-decoration: none; background: url(images/layout/buttons_all.png) no-repeat right -82px; margin-left: 8px; padding-right: 8px; height: 27px; overflow: visible; display: block }
a.button_form:hover                 { color: white; text-decoration: none; background: url(images/layout/buttons_all.png) no-repeat right -124px; margin-left: 8px; padding-right: 8px; height: 27px; display: block }
a.button_form span             { color: black; font-weight: bold; font-size: 15px; line-height: 24px; font-family: Verdana; background: url(images/layout/buttons_all.png) no-repeat left top; margin-left: -8px; padding-top: 1px; padding-left: 30px; height: 27px; display: block }
a.button_form:hover span               { color: white; background: url(images/layout/buttons_all.png) no-repeat left -41px; margin-left: -8px; padding-top: 1px; padding-left: 30px; height: 27px; display: block }
/* small anchor buttons - for edit, save and delete */
a.button_small_form                         { text-decoration: none; background: url(images/layout/buttons_all.png) no-repeat right -2061px; margin-left: 7px; padding-right: 7px; height: 18px; overflow: visible; display: block }
a.button_small_form:hover                    { color: white; text-decoration: none; background: url(images/layout/buttons_all.png) no-repeat right -2127px; margin-left: 7px; padding-right: 7px; height: 18px; display: block }
a.button_small_form span                { color: black; font-weight: bold; font-size: 10px; line-height: 14px; font-family: Verdana; background: url(images/layout/buttons_all.png) no-repeat left -2028px; margin-left: -7px; padding-top: 1px; padding-left: 7px; height: 18px; display: block }
a.button_small_form:hover span                  { color: white; background: url(images/layout/buttons_all.png) no-repeat left -2094px; margin-left: -7px; padding-top: 1px; padding-left: 7px; height: 18px; display: block }
a.no_small_icon span           { padding-left: 7px }
/* icon styling for anchor and form buttons */
button.no_icon span, a.no_icon span          { padding-left: 8px }
button.no_icon:hover span, a.no_icon:hover span              { padding-left: 8px }
button.home_icon span, a.home_icon span   { background-position: left -165px }
button.home_icon:hover span, a.home_icon:hover span    { background-position: left -206px }
button.top_icon span, a.top_icon span    { background-position: left -247px }
button.top_icon:hover span, a.top_icon:hover span    { background-position: left -288px }
button.continue_icon span, a.continue_icon span   { background-position: left -330px }
button.continue_icon:hover span, a.continue_icon:hover span    { background-position: left -371px }
button.back_icon span, a.back_icon span   { background-position: left -412px }
button.back_icon:hover span, a.back_icon:hover span   { background-position: left -453px }
button.confirm_icon span, a.confirm_icon span   { background-position: left -495px }
button.confirm_icon:hover span, a.confirm_icon:hover span   { background-position: left -536px }
button.cancel_icon span, a.cancel_icon span   { background-position: left -577px }
button.cancel_icon:hover span, a.cancel_icon:hover span   { background-position: left -618px }
button.records_icon span, a.records_icon span   { background-position: left -660px }
button.records_icon:hover span, a.records_icon:hover span   { background-position: left -701px }
button.update_icon span, a.update_icon span   { background-position: left -742px }
button.update_icon:hover span, a.update_icon:hover span   { background-position: left -783px }
button.logon_icon span, a.logon_icon span   { background-position: left -826px }
button.logon_icon:hover span, a.logon_icon:hover span   { background-position: left -867px }
button.write_icon span, a.write_icon span   { background-position: left -908px }
button.write_icon:hover span, a.write_icon:hover span   { background-position: left -949px }
button.search_icon span, a.search_icon span   { background-position: left -991px }
button.search_icon:hover span, a.search_icon:hover span   { background-position: left -1032px }
button.addtocart_icon span, a.addtocart_icon span   { background-position: left -1073px }
button.addtocart_icon:hover span, a.addtocart_icon:hover span   { background-position: left -1114px }
button.shipping_icon span, a.shipping_icon span   { background-position: left -1156px }
button.shipping_icon:hover span, a.shipping_icon:hover span    { background-position: left -1197px }
button.alert_icon span, a.alert_icon span   { background-position: left -1238px }
button.alert_icon:hover span, a.alert_icon:hover span   { background-position: left -1279px }
/* fixed width categories buttons for purchase.php */
a.button_categories  { color: black; font-weight: bold; font-size: 15px; line-height: 24px; font-family: Verdana; text-decoration: none; background: url(images/layout/buttons_all.png) no-repeat left -2131px; margin-top: 3px; margin-bottom: 3px; width: 200px; height: 27px; display: block }
a.button_categories:hover  { color: white; text-decoration: none; background: url(images/layout/buttons_all.png) no-repeat left -2172px; width: 200px; height: 27px; display: block }
a.button_categories span   { position: absolute; top: 40px; left: 300px; width: 320px; height: 320px; display: none }
a.button_categories:hover span   { display: block }
/* mouseover product guide for purchase.php*/
div#categories                     { position: relative }
div#categories ul       { text-align: center; margin-left: 18px }
div#categories li        { list-style-type: none; float: left }
div#categories li a     { text-decoration: none; display: block }
div#categories>ul a     { text-decoration: none; width: auto }
div#categories ul ul         { position: absolute; top: 37px; left: -51px; width: 320px; height: 320px; display: none }
div#categories ul.smallview li:hover ul.fullview   { display: block }
/* table styles for sp_install.php */
table.specifications_table    { font-weight: bold; font-size: 95%; font-family: Verdana; text-align: center; border: solid 3px white }
table.specifications_table td   { padding: 3px; border-top: 1px solid white; border-left: 1px solid white; width: 20% }
table.specs_table_link     { color: black; font-weight: bold; font-size: 95%; background-image: url(images/layout/background_pageheading.jpg); border-right: 3px solid white; border-bottom: 3px solid white; border-left: 3px solid white; height: 40px }
tr.specs_table_maximums  { background-color: #ee2524 }
tr.specs_table_recommended  { background-color: #048b41 }
td.specs_table_header  { color: black; font-weight: bold; font-size: 102%; font-family: Verdana; background-image: url(images/layout/background_pageheading.jpg); text-align: left; text-indent: 2px; border-bottom: 3px solid white; height: 30px }
/* table styles for navigation and links */
table.link_table  { font-weight: bold; font-size: 95%; font-family: Verdana; background-color: #535353; margin-top: 5px; margin-bottom: 5px; padding: 5px; border: solid 1px white }
table.navigation_table    { color: black; font-weight: bold; font-size: 95%; font-family: Verdana; background: url(images/layout/background_pageheading.jpg) repeat; margin-top: 5px; margin-bottom: 5px; padding: 3px; border: solid 1px white; height: 35px }
table.contact_us input, table.contact_us textarea { color: white; font-weight: bold; font-size: 95%; font-family: Verdana; background-color: #5b6f58; border: solid 1px #808080 }
/* for sp_gallery.php */
ol.gallery   { list-style-type: none; margin: 0px 0px 0px 17px; padding: 0px; width: 100% }
ol.gallery li   { background-image: url(images/layout/background_body.jpg); text-align: center; float: left; margin-top: 10px; margin-right: 20px; margin-bottom: 10px; padding: 2px; border: solid 1px #696969; width: 200px }
ol.gallery li img  { border: solid 1px #696969; }
/* standard oscommerce */
p.bodytext_box_note  { background: #5b6f58 repeat; margin-right: 13px; margin-left: 13px; padding: 5px; border: solid 1px white }
img.index_montage    { float: left; padding-bottom: 5px }
img.index_montage_banner     { float: right; margin-top: -384px; margin-right: 36px }

xText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox  { font-weight: bold; font-size: 10px; font-family: Verdana, Arial, sans-serif; background-color: #8b0000 }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }
BODY      { color: white; font-size: 95%; font-family: Verdana; background-image: url(images/layout/background_body.jpg); text-align: center; margin: 0px; padding: 0px }

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

A:hover  { color: #8de757; text-decoration: underline }

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo  { background-color: #048b41 }

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

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents   { font-size: 95%; font-family: Verdana, Arial, sans-serif; background-color: #282828 }

.infoBoxNotice  { background-color: #710d0d }

.infoBoxNoticeContents  { font-weight: bold; font-size: 95%; font-family: Verdana, Arial, sans-serif; background-color: #9b5252 }

TD.infoBoxHeading  { color: #ffffff; font-weight: bold; font-size: 95%; font-family: Verdana, Arial, sans-serif; background-color: #bbc3d3 }

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

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-color: #384637 }

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-color: #303c2f }

TABLE.productListing  { border: solid 1px white; border-spacing: 1px }

.productListing-heading  { color: black; font-weight: bold; font-size: 95%; font-family: Verdana, Arial, sans-serif; background-image: url(images/layout/background_pageheading.jpg) }
a.productListing-heading:hover   { color: black }

TD.productListing-data  { font-weight: bold; font-size: 80%; font-family: Verdana, Arial, sans-serif }

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading   { color: black; font-weight: bold; font-size: 120%; font-family: Verdana, Arial, sans-serif; background: url(images/layout/background_pageheading.jpg) repeat-y; padding-right: 10px; padding-left: 10px; height: 50px }

TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main    { font-weight: bold; font-size: 90%; line-height: 1.5; font-family: Verdana, Arial, sans-serif; padding-right: 5px; padding-left: 5px }

TD.main input,TD.main textarea, TD.main select { color: white; font-weight: bold; font-size: 95%; font-family: Verdana; background-color: #5b6f58; border: solid 1px #808080 }


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

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

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: 10px;
  color: #ff0000;
}

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

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

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

TABLE.formArea {
  background: #f1f9fe;
  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;
  color: #ff0000;
}

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

.moduleRow { }
.moduleRowOver  { background-color: #5b6f58; cursor: pointerhand }
.moduleRowSelected  { background-color: #5B6F58 }

.checkoutBarFrom, .checkoutBarTo  { color: #8c8c8c; font-weight: bold; font-size: 80%; font-family: Verdana, Arial, sans-serif }
.checkoutBarCurrent  { color: #ffa539; font-weight: bold; font-size: 80%; font-family: Verdana, Arial, sans-serif }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning  { font-weight: bold; font-size: 90%; font-family: Verdana, Arial, sans-serif; background-color: #ae1f27 }
.messageStackSuccess  { font-size: 10px; font-family: Verdana, Arial, sans-serif; background-color: #048b41 }

/* input requirement */

.inputRequirement  { color: #fff136; font-weight: bold; font-size: 90%; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif }