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

BODY {
  background: #BBBDBF;
  color: #000000;
  margin: 0px;
}
/*ocean added new CSS for template*/

img{ border:0px;}

#left-block {
display:block;
	height: 95px;
	width: 172px;
}

p.price_link{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#11ff11;
	text-decoration:none;
}

p.price_link a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#11ff11;
	text-decoration:none;
}

p.price_link a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#6db33f;
	text-decoration:none;
}
.newproducts{
	background-color:#3f9c35;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:20px;
	line-height: 26px;
	height:120px;
}

#topnav{
	width:330px;
	padding-left:50px;
	padding-top:25px;
	padding-right:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
}
#topnav a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	line-height:16px;
}
#topnav a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#8cc63f;
	text-decoration:none;
	text-transform:uppercase;
	line-height:16px;
}

#cartitems{
	margin-top:40px;
	padding:0px;
	background-image:url(majortom_images/shoppingcart_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:190px;
	height:37px;
}

#cartitems_text{
	display:block;
	width:190px;
	height:37px;
	padding-left:57px;
	padding-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#bbbdbf;
}
#cartitems_text a{
	color:#bbbdbf;
	text-decoration:none;
}
#cartitems_text a:hover{
	color:#bbbdbf;
	text-decoration:none;
}

#login_plain{
	margin:0px;
	padding-top:0px;
	padding-left:8px;
	padding-bottom:10px;	
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.slash_color{
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
}
a.slash_color{
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	text-decoration:none;
}
a.slash_color:hover{
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	text-decoration:underline;
}
.login_text
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#6db33f;
}

#left_col_text{
	padding-top:15px;
	padding-bottom:15px;
	padding-left:10px;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
}
#left_col_pdf{
	padding-top:15px;
	padding-bottom:15px;
	padding-left:5px;
	padding-right:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
}
#left_col_pdf a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
}
#left_col_pdf a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:underline;
}
a#left_col_text:{
	font-size:14px;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
}
a#left_col_text:hover{
	font-size:14px;
	font-weight:normal;
	color:#ffffff;
	text-decoration:underline;
}

#left_col{
	width:174px;
}

.search{
	background-image:url(majortom_images/search_bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	width:160px;
	height:40px;
	padding-left:10px;
	padding-top:24px;
	padding-bottom:10px;
}

.search_link{
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	padding-right:5px;
}
.search_link a{
	color:#ffffff;
	text-decoration:underline;
}
.search_link a:hover{
	color:#ffffff;
	text-decoration:underline;
}
	
.left_product1{
	background-image:url(majortom_images/left_product_title2.gif);
	background-position:center top;
	background-repeat:no-repeat;
	width:174px;
	height:20px;
}

.left_product2{
	background-position:center top;
	background-repeat:no-repeat;
	width:174px;
	height:54px;
	background-color: #FFFFFF;
}

.left_product3{
	width:174px;
	height:100px;
}

.left_product4{
	background-image:url(majortom_images/left_col_product2.gif);
	background-position:center top;
	background-repeat:no-repeat;
	width:174px;
	height:97px;
}
#right_col{
	width:auto;
}
#content_info{
	width:980px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.newpage
{
  font-size:14px;
  font-family:Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-decoration: none;
  font-weight:normal;
  line-height:18px;
 }
 .newpage a{
  font-size:14px;
  font-family:Arial, Helvetica, sans-serif;
  color: #6db33f;
  text-decoration: none;
  font-weight:bold;
  line-height:18px;
  text-decoration:underline;
 }
 .newpage a:hover{
  font-size:14px;
  font-family:Arial, Helvetica, sans-serif;
  color: #6db33f;
  text-decoration: none;
  font-weight:bold;
  line-height:18px;
  text-decoration:none;
}	
#footernav{
	width:500px;
	padding-left:180px;
	padding-top:15px;
	padding-bottom:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	float: left;
}
#footernav a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	line-height:14px;
}
#footernav a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#8cc63f;
	text-decoration:none;
	text-transform:uppercase;
	line-height:14px;
}
#footer-right {
	float: right;
	width: 250px;
	margin-right: 50px;
	margin-top: 10px;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	font-size: 11px;
}
/*end of ocean's CSS */



/* new default CSS for webninja */
A {
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
  color: #000000;
  text-decoration: none;
  
}

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

FORM {
   display: inline;
}

.boxText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}

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

TEXTAREA {
  width: 99%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}

SPAN.errorText {
  font-family: Arial, Helvetica, sans-serif;
  color: #FF0000;
}
TR.header {
  background: #FFFFFF;
}

TR.headerNavigation {
   background: #bbc3d3;
}

TD.headerNavigation {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #bbc3d3;
  color: #f8f8f8;
  font-weight : bold;
  line-height:18px;
}

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

A.headerNavigation:hover {
  color: #8284b0;
  text-decoration:none;
}

td.productsname {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bolder;
	color:#333b81;
	text-decoration:none;
}

td.productsname a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bolder;
	color:#333b81;
	text-decoration:none;
}

td.productsname a:hover{
	text-decoration:none;
}


SPAN.markProductOutOfStock {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FF0000;
  font-weight: bold;
}

.orderEdit {
  font-family: Arial, Helvetica, sans-serif;
  font-size : 10px;
  color: #FF0000;
  text-decoration: underline;
}

TD.main, P.main {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color:#000000;
}

TD.main2, P.main2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	vertical-align: top;
}

TD.main3, P.main3 {
  font-family:Arial, Helvetica, sans-serif;
  color:#ffffff;
  font-size: 12px;
  line-height: 1.5;
}
TD.main4, P.main4 {
  font-family:Arial, Helvetica, sans-serif;
  color:#ffffff;
  font-size: 12px;
  line-height: 1.5;
}

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

TD.smallTextExtra, SPAN.smallTextExtra, P.smallTextExtra {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}


.errorBox {
  font-family :Arial, Helvetica, sans-serif;
  font-size : 10px;
  background: #00007F; font-weight: bold;
}

.stockWarning {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 10px;
  color: #FF0000;
}

TR.headerError {
  background: #FF0000;
}

TD.headerError {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}
TD.sub-cats {
	font-size: 12px;
	padding-left: 15px;
}
TD.sub-cats a {
	font-size: 13px;
	padding-left: 15px;
	font-weight: bold;
}

TR.headerInfo {
  background: #00ff00;
}

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

TR.footer {
  background: #000080;
}

TD.footer {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #bbc3d3;
  line-height:18px;
  color: #ffffff;
}

.infoBox {
  background: #b6b7cb;
  text-indent:5px;
}

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

.infoBoxContents {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}

.infoBoxExtraContents {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-image:url(orangeit_images/best_selection_bg.gif);
  background-position:top center;
  background-repeat:no-repeat;
  width:140px;
  height:140px;
  z-index:0;
}

.infoBoxExtraContents img{
  z-index:1;
}

.infoBoxContents a{
  font-family: Arial, Helvetica, sans-serif;
  color:#000000;
  font-size: 10px;
  text-decoration:none;
}

.infoBoxContents a:hover{
  font-family: Arial, Helvetica, sans-serif;
  color:#000000;
  font-size: 10px;
  text-decoration:underline;
}

TD.infoBoxHeading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #000080;
  color: #FFFFFF;
}

.PlainContents {
  background: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #00007F;
}

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

TABLE.productListing {
  border: 0px;
  border-style: solid;
  border-color: #e8e8e8;
  border-spacing: 1px;
}

TABLE.infoBox-button {
  border: 1px;
  border-style: solid;
  border-color: #000080;
  border-spacing: 1px;
}

TABLE.user-table {
  border: 0px;
  border-style: solid;
  border-color: #000080;
  border-spacing: 1px;
}

TR.user-data {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  background: #D9FFFF;
}

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

.productListing-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #6db33f;
}

.productListing-heading:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #6db33f;
}

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

A.pageResults {
  color: #000000;
}

A.pageResults:hover {
  color: #000000;
  background: #808080;
}

SPAN.productSpecialPrice {
  font-family: Arial, Helvetica, sans-serif;
  color: #FF0000;
}

TD.pageHeading, DIV.pageHeading {
	vertical-align:top;
	text-align:center;
  	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bolder;
	color:#171214;
	text-indent:5px;
}

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

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

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

TABLE.formArea {
  background: #FFFFFF;
  border-color: #000080;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
}

.moduleRow {
}

.moduleRowOver {
  background-color: #FFFFFF;
  cursor: pointer;
}

.moduleRowSelected {
  background-color: #FFFFFF;
}

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

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

.productsNotifications {
  background: #FFFFFF;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #FFFFFF;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #FFFFFF;
}

TR.productListing-even2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;  
}

TD.productListing-even2 {
  font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;  
}


TR.infoBoxContents-button {
  background: #FFFFFF;
}


TD.accountCategory {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #0000A0;
}

SPAN.greetUser {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
}
TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

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

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

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

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

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer;}
.moduleRowSelected { background-color: #E9F4FC; }

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

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

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


/* Begin: Ocean old categories bar CSS codes */
#navbar{
	float:left;
	background-color:#ffffff;
	height:30px;
	padding:0px;
	margin: 0px;
}
	

#navbar ul{
	float:left;
	MARGIN: 0px;   ;
	PADDING: 0px;   
	BORDER: 0px;   
	LIST-STYLE-TYPE: none;   
	TEXT-ALIGN: center;   
	DISPLAY: inline;
}
#navbar  li{
	float: left;   
	DISPLAY: block; 
	TEXT-ALIGN: center;
	margin:0px;     
	cursor:default;
	padding-left:0px;
	padding-right:0px;
}

#navbar ul li#two a{
	display: block;
	padding-left:10px;
	padding-right:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: none;
	color:#58595b;
	text-decoration: none;
	text-align: left;
	text-indent: 2px;
	line-height: 30px;
	background-color:#ffffff;
	} 
#navbar ul li#two a:hover{
	display: block;
	background: #8cc63f;
	color:#ffffff;
	text-decoration: none;
	
}
#navbar ul li#one a{
	height:20px;
	display: block;
	padding-left:10px;
	padding-right:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: none;
	color:#58595b;
	text-decoration: none;
	text-align: left;
	text-indent: 2px;
	line-height: 30px;
	border-left:1px #bbbdbf solid;
	background-color:#ffffff;
	} 
#navbar ul li#one a:hover{
	display: block;
	background: #8cc63f;
	color:#ffffff;
	text-decoration: none;
	
}
/* End: Ocean old categories bar CSS codes */



/* Vincent Code Begin: Pop out Menu for loading a tree menu - Relate to /includes/boxes/usercategory.php. */
/* Sample horizontal fly-out menu */

/* common styling */
/* set up the overall width of the menu div, the font and the margins */

.menu {
font-family: Arial, Helvetica, sans-serif; 
float:left;
background-color:#ffffff;
height:30px;
margin:0 auto;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
float:left; 
position:relative;
}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited {
display: block;
padding-left:10px;
padding-right:10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background: none;
color:#58595b;
text-decoration: none;
text-align: left;
text-indent: 2px;
line-height: 30px;
border-left:1px #bbbdbf solid;
background-color:#ffffff;
}
/* make the dropdown ul invisible */
.menu ul li ul {
display: none;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
background-color: #8cc63f;
color:#ffffff;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:30px; 
left:0; 
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
display:block;
width:125px;
line-height:18px;
background:#ffffff; 
color:#58595b;
}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #8cc63f;
color:#ffffff;
}


<!--[if IE 6]>

/* styling specific to Internet Explorer IE5.5 and IE6. Yet to see if IE7 handles li:hover */

/* Get rid of any default table style */
table {
border-collapse:collapse;
margin:0; 
padding:0;
}
/* ignore the link used by 'other browsers' */
.menu ul li a.hide&#44; .menu ul li a:visited.hide {
display:none;
}
/* set the background and foreground color of the main menu link on hover */
.menu ul li a:hover {
color:#fff; 
background:#8cc63f;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:31px; 
left:0; 
width:125px;
}
/* style the background and foreground color of the submenu links */
.menu ul li a:hover ul li a {
background:#ffffff; 
color:#58595b;
}
/* style the background and forground colors of the links on hover */
.menu ul li a:hover ul li a:hover {
background:#8cc63f; 
color:#ffffff;
}
<![endif]-->
/* Vincent Code Begin: Pop out Menu for loading a tree menu - Relate to /includes/boxes/usercategory.php. */


/** product listing page **/


/** end of product listing page **/