/*
  $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
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #000; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

A { color: #fff; text-decoration: none; }
A:visited { color: #f99; }
A:hover { color: #AABBDD; text-decoration: underline; }
A:active { color: #ff9; }
A.nolink { text-decoration: none !important; }
A.nolink span { text-decoration: underline !important; }

FORM { display: inline; }

/* ==================== MAIN BODY ==================== */
BODY { text-align: center;  background: #000;  color: #fff; margin: 0px; padding: 10px 40px 0 40px; }
.fixcenter { width: 100%; background: #000; color: #fff; margin: auto; padding: 0; text-align: left; border: none; }

/* ==================== HEADER ==================== */
TR.header { background: #000; text-align: center; }
TR.header img { padding: 0 2px 0 2px; margin-bottom: 20px; }
TD.headerNavigation { font-family: Verdana, Arial, sans-serif; font-size: 12px; background: #000; color: #ffffff;  font-weight : bold; padding: 2px 18px; }
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: #00ff00; }
TD.headerInfo { font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center; }

/* ==================== LEFTCOL ==================== */
TD#leftcol { width: 160px; margin: 0; padding: 30px 0 0 0; }

/* ==================== MAIN ==================== */
TD.main, P.main { font-family: Arial, sans-serif; font-size: medium; line-height: 1.5; text-align: center; }
TD.main .paIntro { font-weight: bold; padding: 0 10px 20px 10px; }
TD.main #kitparade { font-size: 10px; padding: 0; width: 700px; margin: 0 auto; }
TD.main #kitparade img { margin: 0 1px 20px 1px; padding: 0; }
TD.main img { margin: 0 2px 20px 2px; }
TD.main h2 { font-size: 25px; margin: 0; font-weight: normal; }
TD.main li span { color: white; }
#pa_keypoints { margin: 1em 0; padding: 0; }
#pa_keypoints li { height: 2em; list-style:none; }
TD.main a { text-decoration:underline; }

/* ==================== RIGHTCOL ==================== */
TD#rightcol { width: 160px; margin: 0; padding: 30px 0 0 0; }
a.notifyImage { height:0; padding: 0; margin:0; }

/* ==================== FOOTER ==================== */
TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #000; color: #ffffff; font-weight: bold; padding: 20px 18px; clear: both; }

/* ==================== BOXES ==================== */
/* ==================== COMMON BOX STYLES ==================== */
.infoBox, .contentBox, .BestSellersBox, .CategoriesBox, .CurrenciesBox, .InformationBox, .LanguagesBox, .ManufacturerInfoBox, .ManufacturersBox, .OrderHistoryBox, .ProductNotificationsBox, .ReviewsBox, .SearchBox, .ShoppingCartBox, .SpecialsBox, .TellaFriendBox, .WhatsNewBox { background: #000; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #FFFFFF; margin: 0; padding: 0; }

TD.infoBoxHeading, TD.contentBoxHeading, TD.BestSellersBoxHeading, TD.CategoriesBoxHeading, TD.CurrenciesBoxHeading, TD.InformationBoxHeading, TD.LanguagesBoxHeading, TD.ManufacturerInfoBoxHeading, TD.ManufacturersBoxHeading, TD.OrderHistoryBoxHeading, TD.ProductNotificationsBoxHeading, TD.ReviewsBoxHeading, TD.SearchBoxHeading, TD.ShoppingCartBoxHeading, TD.SpecialsBoxHeading, TD.TellaFriendBoxHeading, TD.WhatsNewBoxHeading { background: #000; font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold; background: #333; padding: 2px 0; text-align:center; }

.infoBoxContents, .contentBoxContents, .BestSellersBoxContents, .CategoriesBoxContents, .CurrenciesBoxContents, .InformationBoxContents, .LanguagesBoxContents, .ManufacturerInfoBoxContents, .ManufacturersBoxContents, .OrderHistoryBoxContents, .ProductNotificationsBoxContents, .ReviewsBoxContents, .SearchBoxContents, .ShoppingCartBoxContents, .SpecialsBoxContents, .TellaFriendBoxContents, .WhatsNewBoxContents { background: #000; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #FFFFFF; margin:0; padding: 0; display: block; border: 1px solid #000; }

.infoBoxContents a, .contentBoxContents a, .BestSellersBoxContents a, .CategoriesBoxContents a, .CurrenciesBoxContents a, .InformationBoxContents a, .LanguagesBoxContents a, .ManufacturerInfoBoxContents a, .ManufacturersBoxContents a, .OrderHistoryBoxContents a, .ProductNotificationsBoxContents a, .ReviewsBoxContents a, .SearchBoxContents a, .ShoppingCartBoxContents a, .SpecialsBoxContents a, .TellaFriendBoxContents a, .WhatsNewBoxContents a { padding: 3px 0; display: block; }

.infoBoxContents a:hover, .contentBoxContents a:hover, .BestSellersBoxContents a:hover, .CategoriesBoxContents a:hover, .CurrenciesBoxContents a:hover, .InformationBoxContents a:hover, .LanguagesBoxContents a:hover, .ManufacturerInfoBoxContents a:hover, .ManufacturersBoxContents a:hover, .OrderHistoryBoxContents a:hover, .ProductNotificationsBoxContents a:hover, .ReviewsBoxContents a:hover, .SearchBoxContents a:hover, .ShoppingCartBoxContents a:hover, .SpecialsBoxContents a:hover, .TellaFriendBoxContents a:hover, .WhatsNewBoxContents a:hover { background-color: #333; color: #fff; }

.TextBox { width: 160px; }

/* ==================== (GREAT) CATEGORIES BOX ==================== */
#thecategories a:hover { background-color: #333; color: #fff; }
.catwithsubs, .catwithnosubs { padding-right: 5px; }
#thecategories { position: relative; top: 0; display: block; } 
.activelink { display: block; font-weight: bold; }
#thecategories a { display: block; margin: 0; padding: 3px 0; width: 100%; }
/*mozilla fix*/
html>body #thecategories a { width: auto; }
/*end of mozilla fix*/
#topcat a { padding-left: 4px; }
#secondcat a { padding-left: 12px; }
#thirdcat a { padding-left: 20px; }
#fourthcat a { padding-left: 28px; }
#fifthcat a { padding-left: 36px; }

 /*#thecategories img { height: 0; width: 0; } remove bullets and arrows */

/* ==================== INFOBOX ==================== */
.infoBox { }
table.infoBox { }
.infoBoxNotice { background: #FF8E90; }
.infoBoxNoticeContents { background: #FFE6E6; font-family: Verdana, Arial, sans-serif; font-size: 10px; }
TD.infoBoxHeading {  }
TD.infoBox, SPAN.infoBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.infoBoxContents { margin: 0; padding: 0; }

/* ==================== CONTENTBOX ==================== */
.contentBox { padding:0; margin:10px 0; }
TD.contentBoxHeading { padding:0; margin:10px 0; }
.contentBoxContents { padding:0; margin:10px 0; }

/* ==================== BESTSELLERSBOX ==================== */
.BestSellersBox {  }
TD.BestSellersBoxHeading {  }
.BestSellersBoxContents {  }

/* ==================== CATEGORIESBOX ==================== */
.CategoriesBox {  }
TD.CategoriesBoxHeading {  }
.CategoriesBoxContents {  }

/* ==================== CURRENCIESBOX ==================== */
.CurrenciesBox {  }
TD.CurrenciesBoxHeading {  }
.CurrenciesBoxContents {  }

/* ==================== INFORMATIONBOX ==================== */
.InformationBox {  }
TD.InformationBoxHeading {  }
.InformationBoxContents {  }

/* ==================== LANGUAGESBOX ==================== */
.LanguagesBox {  }
TD.LanguagesBoxHeading {  }
.LanguagesBoxContents {  }

/* ==================== MANUFACTURERINFOBOX ==================== */
.ManufacturerInfoBox {  }
TD.ManufacturerInfoBoxHeading {  }
.ManufacturerInfoBoxContents {  }

/* ==================== MANUFACTURERSBOX ==================== */
.ManufacturersBox {  }
TD.ManufacturersBoxHeading {  }
.ManufacturersBoxContents {  }

/* ==================== ORDERHISTORYBOX ==================== */
.OrderHistoryBox {  }
TD.OrderHistoryBoxHeading {  }
.OrderHistoryBoxContents {  }

/* ==================== PRODUCTNOTIFICATIONSBOX ==================== */
.ProductNotificationsBox {  }
TD.ProductNotificationsBoxHeading {  }
.ProductNotificationsBoxContents {  }

/* ==================== REVIEWSBOX ==================== */
.ReviewsBox {  }
TD.ReviewsBoxHeading {  }
.ReviewsBoxContents {  }

/* ==================== SEARCHBOX ==================== */
.SearchBox {  }
TD.SearchBoxHeading {  }
.SearchBoxContents {  }

/* ==================== SHOPPINGCARTBOX ==================== */
.ShoppingCartBox {  }
TD.ShoppingCartBoxHeading {  }
TABLE#cartBoxContents {  }
SPAN.ShoppingCartBoxContents { }
TD.cartBoxItemQty { width: 30px; padding: 0; margin: 0; float: left; text-align: center; clear:left; }
TD.cartBoxItemName { width: 116px; padding: 0; margin: 0; float: left; text-align: left; }
SPAN.newItemInCart { color: #f00; }

/* ==================== SPECIALSBOX ==================== */
.SpecialsBox {  }
TD.SpecialsBoxHeading {  }
.SpecialsBoxContents {  }

/* ==================== TELLAFRIENDBOX ==================== */
.TellaFriendBox {  }
TD.TellaFriendBoxHeading {  }
.TellaFriendBoxContents {  }

/* ==================== WHATSNEWBOX ==================== */
.WhatsNewBox {  }
TD.WhatsNewBoxHeading {  }
.WhatsNewBoxContents {  }

/* ==================== BOXES END ==================== */

/* ==================== STRIPED TABLES ==================== */
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: #f8f8f9; }

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: #f8f8f9; }

/* ==================== PRODUCT LISTING TABLE ==================== */
TABLE.productListing {
/*  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
*/}
.productListing-heading { font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #333;
  color: #FFFFFF;
  font-weight: bold;
}
	
TD.productListing-data { font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
	background-color: #000; }

/* ==================== OTHER STYLES ==================== */
A.pageResults { color: #CCCCFF; }
A.pageResults:hover { color: #0000FF;
  background: #FFFF33; }

TD.pageHeading, DIV.pageHeading { font-family: Verdana, Arial, sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #ffffff;
	text-align: center;
	padding-bottom: 20px;
}
	
.pageHeading img { display: none; }

TR.subBar { background: #f4f7fd; }

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

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; }

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 td.main { background-color: #333; cursor: hand; }
.moduleRowSelected { background-color: #000; color: #fff; font-weight: bold; }
.moduleRow td, .moduleRowOver td, .moduleRowSelected td {font-size: 14px !important;}
table#shippingRates td.main { border: 1px solid #808080; }
table#shippingRates td.moduleName { border: none !important; }

.addressFields td { text-align: left }
.addressFields td input { width: 27em; }
.addressee { text-align: left !important; }
.shippingAddress { text-align: left !important; font-size: 14px !important; }

#checkoutBar { width: 100%; margin: 20px 0; }
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #cccccc; }

#orderConfirm {
	width: 80%;
	margin: 0 auto;
}
#billingInfo { width: 80%; margin: 0 auto; }
#paymentInfo { width: 80%; margin: 0 auto; }
#myComments { width: 80%; margin: 0 auto; }
#paymentInfo table td, #myComments table td { width: 770px; border: }
#paymentInfo table td img {float: none; margin: 0;}

/* ==================== MESSAGEBOX ==================== */
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #ff9999; color: #000000; margin-bottom: 1em; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #339900; }

/* ==================== INPUT REQUIREMENT ==================== */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; text-align:left; }

/* ==================== CSS BUTTON ==================== */
.cssButton { background: #f0f0ff; color: #000080; height: 20px; vertical-align: top; font-weight: normal; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; cursor: pointer; text-align: center; text-decoration: none !important; border: 1px solid #000080; border-spacing: 1px; line-height: 22px; height: 22px; width: 100px !important; }
input.cssButton { height: 24px; }
	
/* ==================== CATEGORY SUBHEADING AND TEXT ADDITION ==================== */
.categorySubHeading { font-weight: bold; font-size: 16px; color: #ffffff; font-family: Verdana, Arial, sans-serif; }
.categoryText { font-size: 10px; font-family: Verdana, Arial, sans-serif; }

/* ==================== JUMPTEXT ==================== */
#jumpText { font-size: 24px; color: red; padding: 20px; }

/* ==================== PRODUCT INFO ==================== */
div#productPic, div#productInfoWrap { width: 50%; margin-left: auto; margin-right: auto; }
div#productPic { text-align: center; }
div#productPic img { border: 1px solid #fff; margin: 20px auto; }
#productInfoWrap { padding: 0 20px; }
table#productInfo { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align: left; margin: 1em auto; }
table#productInfo td { border: 1px solid #333; margin: 0; padding: 2px 5px; }
table#productInfo .property { font-weight:bold; width: 100px; vertical-align: top; }
table#productInfo .value { }
table#productOptions { width: 420px; margin: 0 auto; }
table#productOptions { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align: left; }
#addToCartBtn { width: 420px; text-align:center; margin: 10px auto; }
a.xsell { margin:auto; height: 100px; display: table-cell; vertical-align: middle; }

/* ==================== REVIEWS ==================== */
BLOCKQUOTE { font-style:italic; text-align:justify; }
.reviewer { float:right; padding-bottom: 1em; }
.yellowbar { background-color: yellow; line-height: 2px; clear: both; }

/* ==================== CATEGORIES ==================== */
.thumbwrap { height: 120px; line-height: 120px; border:1px solid black; }
#noproducts { margin: 1em auto; padding: 1em; background-color: #333; text-align:center; }
/* ==================== CONTACT FORM ==================== */
TABLE#contactform {  width: 600px; margin: 1em auto; }
TABLE#contactform .inputField { width: 27em; }

/* ==================== PRODUCT LISTING ENHANCEMENTS =============================== */
.infoBoxProducts {
  text-align: center;
  border: solid 1px #999999; 
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  background-color: transparent;
  color: #333333;
  margin-bottom:-8px;
}
.infoBoxProducts a {
  color: #333333;
}
TD.infoBoxGrid {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border: solid 1px #999999;
	vertical-align:bottom;
}
TD.newProductGrid {
	border: none;
}
TD.newProductGrid table img {
	padding: 0;
}
/* set pos buy/details button on list */
img.buy_now {  
  margin-bottom:10px;
} 
/* set pos buy/details button on thumbnail */
img.thm_buy_now {
  margin-bottom:-3px;
} 
/* set style buy/details seperator thumbnail */
.buy_now {
  font-weight: bold;
	font-size: 18px;
	color: #999999;
} 
.infoBoxList {
}
.infoBoxList td {
	border: none;
}
.thumbcontent {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#666666;
  text-align:center;
}
TD.noborderbox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
/*BOF Options as Images*/
.optionsAvailable {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #f0a480;
  font-weight: bold;
	clear: both;
}
#optionImages img { margin: 0; padding: 0; }
#optionImages td { font-size: 10px; margin: 0; padding: 0; }
#optionImages input { margin-bottom: 10px; }
/*EOF Options as Images*/

table#extraFields {
	min-width: 770px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
table#extraFields td {width: 50%; }
table#extraFields select {width: 50%; float: left;  }

table#mountboards th, table#mountboards td { border: 1px solid #333; margin: 0; padding: 2px 5px; height: 1.5em; } 

#switchview {  font-family: Verdana, Arial, sans-serif; font-size: 10px; }
a:hover.buttonlink { background-color:#000000 !important; }

/* -------------Related Items----------------------- */
.relatedItems, .xsellwrap { width: 20%; }

/* -------------IPN Payment Option layout ----------------------- */
tr.paymentMethods table { width: 100%; }
tr.paymentMethods table tbody td.main img { margin: 0; }

/* ------------- Right Column Box layouts ----------------------- */
table.rColTable, table.rColTable tbody tr { width: 150px; margin: 0; }
td.infoBoxContents, .rColTable tbody tr td a { display: inline; }
td.rColItemName, td.rColItemName a  { float: left; display: inline; width: 120px; }
.rColIcon { margin-left: 5px; float: right; width: 18px; height: 18px;}

/* ------------- CurrenciesBox layouts ----------------------- */
td.CurrenciesBoxHeading { text-align: center; }
td.CurrenciesBoxHeading img { width: 100%; }
td.CurrenciesBoxContents form option { width: 150px; }
#crossSellBoxes { width: 90%; min-width: 770px; margin: 0 auto; padding: 0; }
#crossSellBoxes table { width: 100%; margin: 0;}
#crossSellBoxes .contentBoxContents, .fullwidth { text-align:center; }
.fullwidth td.TextBox { text-align:center; }
.fullwidth td.TextBox, .fullwidth table { width: 770px; }
.centerhalf { width: 50%; margin: 0 auto; }

/* ------------- Debugging Aid ----------------------- */
.debugAlertBox { width: 400px; border: 1px solid green; background-color:#00FF99; clear: left; float: left; font-family: "Courier New", Courier, monospace; font-size: small; color:#000000; }

/* ------------- Account Page Layouts ----------------------- */
#account_edit table td table { width: 450px; margin: 0 auto;}
#account_password table td table { width: 500px; margin: 0 auto;}
#account_edit table td table input, #account_password table td table input { width: 25em; float: left; margin: 0 auto 0 0; }
.addressBookEntry input { width: 25em !important; }

#create_account form table { width: 100%; float: left; text-align: center; }
#create_account .groupTitle b { padding: 0; text-align: center; display: block; }
#create_account form table table tr { width: 460px; margin: 0 auto; }
#create_account form table table tr .main { text-align: left; }
#create_account form table table tr .label { width: 150px; }
#create_account input, #create_account select { width: 25em; }
#create_account td.checkbox input { position: relative; left: -130px; }
#create_account table#submitBtn { width: 450px; }

tr.infoBoxContents { text-align: center; width: 100%; display: block;}
tr.infoBoxContents td { margin-left:auto; margin-right:auto; }

#shopButtons td { margin: 0 auto; text-align:center; }
#invoiceInformationHeading { padding-top: 1.5em; }
.confirmProductLine .confirmItem {
	text-align: left;
}
.marquee { width: 80%; color: red; font-weight: bold; text-align: center; position: relative; margin: 0: auto; width: 100%; }
div#fullWidth input[type="text"] { width: 100% !important; min-width: 500px; }
.titling { text-align: center; color: red; margin: 0; padding: 0 10px 10px 10px; }