/*
  $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
*/
.subsizefont {font-size: xx-small}

#zareba-fence-controllers {
	width: 750px;
	background: #ffffff;
	float: left;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 0px;
	margin: 10px 0px 10px 0px;
}
#zareba-header {
	float: left;
	width: 750px;
	background-color: #FF0000;
	color: #FFFFFF;
}
#zareba-row {
	float: left;
	width: 750px;
	height: 50px;
	position: relative;
}
.zareba-column1 {
	float: left;
	width: 199px;
	height: 45px;
	position: relative;
	text-align: left;
	padding: 5px 0px 0px 5px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.zareba-column2 {
	float: left;
	width: 104px;
	height: 45px;
	position: relative;
	text-align: left;
	padding: 5px 0px 0px 5px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.zareba-column3 {
	float: left;
	width: 129px;
	height: 45px;
	position: relative;
	text-align: left;
	padding: 5px 0px 0px 5px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.zareba-column4 {
	float: left;
	width: 194px;
	height: 45px;
	position: relative;
	text-align: left;
	padding: 5px 0px 0px 5px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.zareba-column5 {
	float: left;
	width: 95px;
	height: 45px;
	position: relative;
	text-align: left;
	padding: 5px 0px 0px 5px;
	border-bottom: 1px solid #000000;
}

.style1 {color: #FFFFFF}
.style2 {font-size: 12px}

#cat-link-shop {
 text-decoration: none;
 color: #333;
}

#cat-link-shop .cat-link-shop a {
 font-size: 14px;
 text-decoration: none;
 color: #333;
}
#cat-link-shop .cat-link-shop a:hover {
 color: #FF0000;
}

#cat-link-shop .cat-link-shop H2 {
 font-size: 14px;
 text-decoration: none;
 color: #333;
}
#cat-link-shop .cat-link-shop H2:hover {
 color: #FF0000;
}

#sidebar-left {
 background: url(images/box-right-border.jpg);
 background-position: right;
 background-repeat: repeat-y;
}

#featured-products {
 width: 100%;
 padding: 5px 0 5px 0;
}

.featContainer {
 float: left;
 width: 100%;
 margin: 2px 0 2px 0;
 padding: 0 0 5px 0;
 border-bottom: 1px;
 border-bottom-color: #333333;
 border-bottom-style: dotted;
}

.featContainerLeft {
 border-left: none;
}
.featImage {
 text-align: center;
 height: 200px;
}

.featSubTopic {
 float: left;
 width: 100%;
 text-align: left;
 margin: 5px 0;
 padding: 5px;
}

.featSubTopicLeft {
}
.featSubTopicRight {
}

#featured-products .featSubTopic a {
 font-size: 10px;
 text-decoration: none;
 color: #333;
}
#featured-products .featSubTopic a:hover {
 color: #FF0000;
}

.featLink {
 float: left;
 width: 100%;
 margin: 0 0 0 0;
 padding: 5px;
 font-size: 11px;
 text-align: left;
}
.featLink a {
 font-size: 11px;
}

.featLink li {
 background-image: url(images/cat-link-off.gif);
 background-position: 0 8px;
 background-repeat: no-repeat;
 list-style: none;
 padding: 0 0 0 8px;
 margin: 0 0 0 0px;

}

.featLink li:hover {
 list-style: none;
 background-image: url(images/cat-link-on.gif);
}


#categories {
 height: 290px;
 width: 906px;
 border-top: 2px solid #BABABA;
 border-bottom: 2px solid #BABABA;
 padding: 5px 0 5px 0;
}

.catContainer {
 float: left;
 width: 149px;
 margin: 14px 0 14px 0;
 padding: 0 0 6px 0;
 border-left: 1px solid #ccc;
}

.catContainerLeft {
 border-left: none;
}
.catImage {
 text-align: center;
 height: 120px;
}

.catSubTopic {
 float: left;
 width: 150px;
 text-align: center;
 margin: 10px 0;
 padding: 4px 0;
 background: #EDEDED;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
}

.catSubTopicLeft {
 border-left: 1px solid #ccc;
}
.catSubTopicRight {
 border-right: 1px solid #ccc;
}

#categories .catSubTopic a {
 font-weight: bold;
 font-size: 12px;
 text-decoration: none;
 color: #333;
}
#categories .catSubTopic a:hover {
 color: #FF0000;
}

.catLink {
 float: left;
 width: 149px;
 margin: 0 0 0 0;
}
.catLink a {
 font-size: 11px;
}

.catLink li {
 background-image: url(images/cat-link-off.gif);
 background-position: 0 8px;
 background-repeat: no-repeat;
 list-style: none;
 padding: 0 0 0 8px;
 margin: 0 0 0 0px;
}

.catLink li:hover {
 list-style: none;
 background-image: url(images/cat-link-on.gif);
}

.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: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

/* BEGIN Fancier Invoice and Packingslip */
.dataTableHeadingContent_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; }
.dataTableHeadingRow_INVOICE { background-color: #C9C9C9; }
.dataTableRow_INVOICE { background-color: #F0F1F1; }
.dataTableContent_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
.order_history_top { color : #006699; font-weight: bold; font-family: Verdana; font-size: 13px; }
.order_infobox_heading { color : #000000; font-weight: bold; font-family: Verdana; font-size: 12px; }
.order_infobox_data { color : #000000; font-family: Verdana; font-size: 12px; }
.product_infobox_heading_row { background-color: #C9C9C9; }
.product_infobox_heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; }
.product_infobox_data_row { background-color: #F0F1F1; }
.product_infobox_data { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
.order_history_top_INVOICE { color : #006699; font-weight: bold; font-family: Verdana; font-size: 13px; }
.order_infobox_heading_INVOICE { color : #000000; font-weight: bold; font-family: Verdana; font-size: 12px; }
.order_infobox_data_INVOICE { color : #000000; font-family: Verdana; font-size: 12px; }
.product_infobox_heading_row_INVOICE { background-color: #C9C9C9; }
.product_infobox_heading_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; }
.product_infobox_data_row_INVOICE { background-color: #F0F1F1; }
.product_infobox_data_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
.smallText_INVOIVE { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.smallTextBlue_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #006699; }
.smallAddressBlue_INVOICE { font-family: Arial; font-size: 9px; color: #006699; }
.main_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.pageHeading_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 18px; color: #000000; font-weight: bold; }
/* END Fancier Invoice and Packingslip */

BODY {
  background: #cccccc url(images/bg.jpg) center repeat-y;
  color: #000000;
  margin: 0px;
}

h1 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 20px;
  color: #333;
}

#subbox {
	background: #F5F5F5;
	width: 915px;
	height: 150px;
	color: #000000;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	margin: 0px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 1px solid #0066FF;

	}

.subboxleft {
	width: 300px;
	height: 150px;
	float: left;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #0066FF;
	}

.subboxleft p {
	color: #000000;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	}

.subboxmiddle {
	width: 300px;
	height: 150px;
	float: left;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #0066FF;
	}

.subboxmiddle p {
	color: #000000;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	}

.subboxright {
	width: 300px;
	height: 150px;
	float: left;
	margin: 0px;
	padding: 0px;
	}

.subboxright p {
	color: #000000;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	}

SPAN.removeProduct {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #3366FF;
  font-weight: normal;
}

INPUT.quantitybox {
  border: 1px;
  border-style: solid;
  border-color: #000000;
    font-size: 12px;
  width: 20px;
  height: 22px;
  border-spacing: 0px;
  background: #F8f8f9;
}

/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	border: 1px solid #0066FF;
	height: 385px;
	overflow: auto;
	width: 256px
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
	overflow: hidden;
	width: 256px
}

/* define width of table. IE browsers only                 */
div.tableContainer table {
	float: left;
	width: 240px
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
	width: 256px
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
	display: block
}

/* make the TH elements pretty */
thead.fixedHeader th {
	background: #333333;
	border-left: 1px solid #EB8;
	border-right: 1px solid #B74;
	border-top: 1px solid #EB8;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent {
	display: block;
	height: 362px;
	overflow: auto;
	width: 100%
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

tbody.scrollContent tr.alternateRow td {
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body thead.fixedHeader th {
	width: 256px
}

html>body thead.fixedHeader th + th {
	width: 240px
}

html>body thead.fixedHeader th + th + th {
	width: 316px
}

/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body tbody.scrollContent td {
	width: 240px
}

html>body tbody.scrollContent td + td {
	width: 240px
}

html>body tbody.scrollContent td + td + td {
	width: 300px
}


.learn_title {
	font-family: "Times New Roman", Times, serif;
	color: #000000;
	font-style: italic;
	font-size: 24px;
	font-weight: bold;
}

.productName {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  color: #333;
}

.productModel {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #333;
}

.productPrice {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  color: #ff0000;
}

a:link {
	color: #0033FF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0033FF;
}
a:hover {
	text-decoration: underline;
	color: #0033FF;
}
a:active {
	text-decoration: none;
	color: #0033FF;
}


FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

/* start breadcrumb navigation          */

TR.headerNavigation {
  background: #ffffff;
}

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

A.headerNavigation { 
	color: #000066;
  text-decoration: underline; 
}

A.headerNavigation:link {
	color: #000066;
	text-decoration: underline;
}

A.headerNavigation:visited {
	text-decoration: underline;
	color: #000066;
}

A.headerNavigation:hover {
	text-decoration: underline;
	color: #0033FF;
}

A.headerNavigation:active {
	text-decoration: none;
	color: #000066;
}

/* end of breadcrumb navigation          */

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

TR.footer {
  background: #bbc3d3;
}

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

.infoBox {
  background: #ffffff;
}

.infoBoxContents {
  background: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

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

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

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-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.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TD.shopSideBarHeading {
  border-bottom: 2px;
  border-bottom-style: solid;
  border-bottom-color: #333;
  height: 32px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TABLE.productListing {
  border-top: 2px;
  border-bottom: 2px;
  border-style: solid;
  border-color: #000000;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.productListing-odd {
  border-bottom: 1px;
  border-style: solid;
  border-color: #000000;
}

TR.productListing-even {
  border-bottom: 1px;
  border-style: solid;
  border-color: #000000;
}

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
}

TR.subBar {
  background: #f4f7fd;
}

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

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

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: 10px;
  color: #FF0000;
  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: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

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

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

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

/* product thumbnails */

.infoBoxProducts {
  text-align: left;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  background-color: transparent;
  color: #333333;
  margin-bottom:-8px;
  border-top: 2px;
  border-top-color: #000000;
  border-bottom: 2px;
  border-bottom-color: #000000;
}
.infoBoxProducts a {
  color: #333333;
}
TD.infoBoxGrid {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
/* set pos buy/details button on list */
img.buy_now { 
padding: 5px 0px 3px 0px;
} 
/* set pos buy/details button on thumbnail */
img.thm_buy_now {
padding: 5px 0px 3px 0px;
} 
/* set style buy/details seperator thumbnail */
.buy_now {
padding: 5px 0px 3px 0px;
  font-weight: bold;
	font-size: 18px;
	color: #333333;
} 
.infoBoxList {
 background-color: #fff;
   border-top: 2px;
  border-top-color: #000000;
  border-bottom: 2px;
  border-bottom-color: #000000;

 }
.thumbcontent {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#666666;
  text-align:left;
}
TD.noborderbox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/* Start Products Specifications */
ul.specification_box {
  line-height: 1.5;
}

option, optgroup {
  text-decoration: none;
  font-style: normal;
  margin: 0;
  padding: 2px 2px 0 2px;
  font-family: Verdana, Arial, sans-serif;
}

.filter_count {
  font-weight: normal;
}

.no_results {
  color: #bbb;
}

.close {
  font-size: 75%;
  position: relative;
  top: -4px;
}

img.image_filter {  /* Applies to images used as filters */
  width: 20px;  /* Width of each image */
  height: 20px;  /* Height of each image */
  padding: 5px;  /* Padding between the category contents and the border */
  border: 1px solid #182d5c;  /* Border around each image */
  margin: 3px;  /* Margin between the image border and other objects */
  background: #ffffff;  /* Background color behind each image */
  float: left;  /* Don't change this */
}

.specs_box { /* Applies to the table surrounding the Specifications/tabs onproduct_info.php */
  width: 100%;
  background: #FFFFFF;
}

#variantsBlock {
}

#variantsBlockTitle {
  font-size: 10pt;
  font-weight: bold;
  padding-left: 10px;
  padding-bottom: 10px;
  width: 10em;
}

#variantsBlockData {
  align: left;
}

.productInfoKey {
  font-size: 9pt;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}

.productInfoValue {
  font-size: 9pt;
  vertical-align: middle;
}

#productInfoPrice {
  font-size: 10pt;
  font-weight: bold;
  vertical-align: middle;
}


/* End Products Specifications */