BODY {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

/* BOF DROPDOWN MENU */
#dropmenudiv{ position:absolute;border:1px solid #424242;line-height:11px;z-index:100;} 
.dropmenu { font-weight:bold; font-size: 12px; line-height:30px; white-space: nowrap; padding: 0px; background: #424242}
.dropmenuleft { background: #DFDAC3}
#dropmenudiv h3 {font-size:11px; padding:0; margin:0px; padding-top: 4px; padding-left:2px; padding-bottom: 3px; border-top: 1px solid #BFBBA7; clear: both;}
#dropmenudiv a , .dropmenu a {text-decoration: none;}
.dropmenukolom { float: left; }
.clearboth { clear: both;}
.lego { width: 99px; height: 22px; padding-left:1px;padding-top:1px; margin-top: -1px; margin-right:-1px;display: block; float: left; border: 1px solid #DFDAC3; line-height:9px; font-size:9px; font-weight:bold;}
.legobox { clear: both; width: 405px; float: left; background: #BFBBA7; padding-left: 10px; padding-top:1px;margin-top: 3px;}
/* EOF DROPDOWN MENU */

TABLE { border-collapse: collapse; }
TD { padding: 0px;  valign: top;}
FORM { display: inline; }

.boxText { font-size: 1em;}
.categoriesBoxContents a { color: #DFDAC3; }
.errorBox { font-size : 0.9em; background: #ffb3b5; font-weight: bold;}
.stockWarning { font-size : 1.2em; color: #cc0033;}
.productsNotifications { background: #f2fff7;}
.orderEdit { font-size : 0.9em;  color: #70d250; text-decoration: underline;}

div.headerError {  z-index: 100; padding: 5px; font-size: 1.1em;  background: #ff0000;  color: #ffffff;  font-weight : bold;  text-align : center;}
div.headerInfo  {  z-index: 100; padding: 5px; font-size: 1.1em;  background: #00ff00;  color: #D2D2D2;  font-weight: bold;  text-align: center;}

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

A.headerInfo:hover { font-size: 1.1em;  background: #00ff00;  color: #D2D2D2;  font-weight: bold;  text-align: center;}

.infoBox { padding: 2px;  margin: 1px;  border: 1px solid #424242; background-color: #DFDAC3; }
.infoBoxContents { display: block; background: #DFDAC3;	padding: 5px;}

#centrecontent { padding-bottom: 20px; }

.categoriesBox { NOTHING }
.categoriesBoxContents { display: block; background: #424242; color: white; border: 0px;}
.categoriesBoxContents a { text-decoration: none; }

.contentBox { padding: 0px;  margin: 1px;}
.contentBoxContents {  font-size: 0.9em;  background: white;  padding: 0px 1px 0px 1px;}
.contentBoxContents a { text-decoration: none;}
.actionbox { width: 265px; text-align:center; float:right; padding: 5px 2px 5px 0px; margin: 0px;}
.actionbox td { white-space: nowrap; text-align: left; line-height: 1.6em;}
#details { width: 265px;text-align:center; white-space: wrap; padding: 0px 0px 5px 0px; margin: 0px; }

.whiteBox { NOTHING}
.whiteBoxContents {  background: #DFDAC3;  padding: 0px 2px 0px 2px;}

.horizontalBarBox { NOTHING}
.horizontalBarBoxContents { background: #DFDAC3;  padding: 2px;}
.horizontalBarBoxContents a { text-decoration: none;}

.infoBoxNotice { background: #FF8E90;}
.infoBoxNoticeContents {  background: #FFE6E6;}

DIV.filterHeading, LEGEND {
  font-size: 1.1em;   font-weight: bold;  font-variant: small-caps;
  color: #8E001C;
  border-bottom: 1px solid #8E001C; 
}
LEGEND { border: 0px;}
DIV.filterHeading { padding: 0 3px; }

TD.infoBoxHeading , TD.categoriesBoxHeading {
  font-size: 1.2em; font-weight: bold; font-variant: small-caps;
   border-top: 0px;
  border-bottom: 0px;
  color: #DFDAC3;
  background-color: #424242;
}

TR.footerHeading { font-size: 1.1em; font-weight: bold; font-variant: small-caps;  }
TR.footerHeading TD { width: 25%; color: #424242; text-align: left; padding: 5px 25px 5px 10px;  }
TR.footerContents LI { margin-left: -25px; }
TR.footerContents TD { vertical-align: top; text-align: left; padding: 0 25px 5px 10px;}

#centrecontent TD.categoriesBoxHeading { background-color: #424242; }

TD.infoBoxContents a, TD.infoBoxContents a:hover, TD.infoBoxContents a:active, TD.infoBoxContents a:visited, TD.infoBoxContents a:link {
 color: white;}
TD.categoriesBoxHeading a, TD.categoriesBoxHeading  a:active, TD.categoriesBoxHeading  a:visited, TD.categoriesBoxHeading  a:link, 
TD.infoBoxHeading a, TD.infoBoxHeading  a:active, TD.infoBoxHeading  a:visited, TD.infoBoxHeading  a:link 
{  color: #DFDAC3;}
TD.infoBoxHeading a:hover, .infoBoxContents a:hover, .infoBoxContents a:active , 
TD.categoriesBoxHeading a:hover, .categoriesBoxContents a:hover, .categoriesBoxContents a:active 
{  color: #6666FF;  text-decoration: underline;}

a.infoBoxHeadingLink { color: #DFDAC3;}
a.infoBoxHeadingLink:hover { color: #DFDAC3; text-decoration: underline;}

.featuredBoxContents img { padding: 0px; }
.featuredBoxContents li  { margin-left: -20px;}

A.featured:active, A.featured:visited, A.featured:link { text-decoration: none;}

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

TABLE.productListing { border: 1px solid #424242; font-weight: bold;}
TABLE.productListing TD { padding: 2px;}
TD.productListing-heading, TR.productListing-heading { background: #424242; color: white; height: 26px; vertical-align: bottom;}
A.productListing-heading { padding-top: 8px; background: transparent; }
.productListing-heading a { color: white; }

TD.productListing-data { padding: 2px; }
TD.compareListing-data { font-size: 0.9em; background: white; border: 1px solid #D2D2D2;}

H1 { font-size: 1.3em;}
DIV.pageHeading H1, TD.pageHeading, TD.pageHeading H1, TD.category_desc H1 { font-size: 1.4em; font-weight: bold; color: maroon; padding-top: 5px; padding-bottom: 3px; }

IMG.imgbox , .infoBoxContents img { background-color: white; border: dashed 1px #424242; margin-top: 7px; padding: 4px;}
IMG.imgbox { width: 100px; height:100px;}
IMG.stocktext { background-color: white; border: 0px solid green; padding: 0px;}

TR.subBar { background: #f4f7fd;}
TD.subBar { color: #000000;}

TD.main {
  vertical-align: top;
  color: #000000;
  padding: 5px;
}

TD.category_desc , TD.product_desc {
  font-size: 1em;
  vertical-align: top;
  text-align: justify;
  padding: 5px;
}

P { line-height: 1.2em; vertical-align: top; padding: 10px 0px 2px; text-align: justify; }

TD.smallText, SPAN.smallText, P.smallText, DIV.smallText { font-size: 0.8em; padding: 2px;}
SPAN.bestseller { font-size: 10px;}

TD.breadcrumb { font-size: 0.9em; }
.bodyContents { margin-left: 10px; with: 100%;}

TD.accountCategory { font-size: 13px; color: #aabbdd;}

B.fieldValue { font-family: Geneva, Verdana, Arial, sans-serif; font-size: 11px;}

TD.tableHeading { font-size: 1.1em; font-weight: bold;}

SPAN.newItemInCart { font-size: 10px; color: #ff0000;}
SPAN.oldItemInCart { font-size: 8px; color: #000000;}

CHECKBOX, INPUT, RADIO, SELECT { font-size: 11px;}
TEXTAREA { width: 100%; font-size: 11px;}

SPAN.greetUser {
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

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

TD.formAreaTitle {
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productPrice , SPAN.productSpecialPrice {
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 5px;
}
SPAN.productSpecialPrice { color: green;}
SPAN.errorText { color: #ff0000;}

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

.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #000000; }

/* message box */
.messageBox { font-size: 10px; }
.messageStackError, .messageStackWarning { font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-size: 10px; background-color: #99ff00; }

/* input requirement */
.inputRequirement { font-size: 10px; color: #ff0000; }

//CB Additions
.taxfree { font-size: smaller; }
ul.product { text-align: left; margin-left: -15px; padding-right: 30px;}

A.activeNavigation { font-size: 12px; font-weight : bold; background: #8E001C; color: #ffffff; }
A.activeNavigation:hover { font-size: 12px; font-weight : bold; color: #000000;}
A.inactiveNavigation { color: #FFFFFF; }
A.inactiveNavigation:hover { color: #FFFFFF; text-decoration: underline;}
TD.inactiveNavigation {
  font-size: 11px;
  background: #D2D2D2;
  color: #ffffff;
  font-weight : bold;
  font-variant: small-caps;
}

TD.moreNavigation {
  font-size: 11px;
  font-weight : bold;
  font-variant: small-caps;
}

TABLE.activeNavigation {
  font-size: 12px;
  line-height: 1.5;
  background: maroon;
  color: lightgrey;
}

TD.activeNavigation {
  font-size: 11px;
  font-weight : bold; 
  background: maroon;
  color: #000000;
  font-variant: small-caps;
}

TD.activeNavigation a {
  color: #FFFFFF;
  text-decoration: none;
}

A { color: #575757; }
A:hover { color: #6666FF; text-decoration: underline;}

.phpgiggle { border-bottom: 1px dotted; }

ul.filter {   list-style-type:none;  margin:0;  margin-left:-10px;  padding-left:0;  font-size:10px;}
ul.filter li {  margin-left:20px;  margin-right: 8px;}
ul.filter li a { display: block; text-decoration: underline; padding: 1px; }
 
a span.tip { display: block; position: relative; top: 2px; left: 0; height: 10px; width: 10px; padding: 0px; margin-top: 5px; z-index: 100; color: silver; background: silver;   font: 1px Verdana, sans-serif; text-align: center;}
div.tip a:hover {border: none;} /* otherwise IE5.5 and IE6 won't work */
div.tip a:hover span.tip, div a:hover div span.tip { display: block; height: auto; width: 88px; padding: 5px; color: black; font: 10px Verdana, sans-serif; text-align: center;}

a.button, span.button, del.button{
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;

	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	
	background:url(/images/btn0.png) no-repeat;
	
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-weight:bold;
	margin:0 6px 0 0;
	padding:0 10px 0 0;	
	vertical-align:middle;
	
	zoom:1;
	
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}

a.button span, span.button button, span.button input, del.button span{
	
	white-space:nowrap;
	cursor:pointer;

	display:-moz-inline-box;
	display:inline-block;
	font:13px/1 Arial;
	font-weight:bold;	
	color:#2e523b;
	background:url(/images/btn0.png) 100% 0 no-repeat;
	height:30px;
	padding:8px 10px 0px 0;
	margin:0px -16px 0 10px;
	border:none;
	vertical-align:text-top;
	
	zoom:1;
	_position:relative;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
}

del.button{
	cursor:not-allowed;	
	background-position:0 -120px;
	color:#888;
}
del.button span{
	cursor:default;
	background-position:100% -120px;
}

span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}

/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/

/*Hover Style*/

a.button:hover, span.button:hover, span.button-behavior-hover{
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}

img { text-decoration:none;}

a.button:hover span, span.button:hover button, span.button-behavior-hover button, span.button-behavior-hover input{
	background-position:100% -60px;
}

a.button:active, a.button:focus span{
	color:#3366FF;
}

del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
	cursor:not-allowed;
}

del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
	cursor:not-allowed;
}

/*Optional hack for IE6 to simulate :hover selector*/

span.button button, del.button span, span.button input{
	
	_behavior:expression(
		(function(el){

			if( typeof( behavior_onMouseEnter) == 'undefined'){
				
				behavior_onMouseEnter = function(el){
					
					var dEl = this.parentNode;					
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};

				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};

			};
						
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
						
		})(this));

}

FIELDSET TABLE { margin-left: 30px; margin-top: 5px;}
FIELDSET { margin-top: 10px;}
FIELDSET TD.main { width: 20em }

a.taglevel1 { font-size: 10px; padding-left: 20px; padding: 5px; }
a.taglevel2 { font-size: 13px; padding-left: 20px; padding: 5px; }
a.taglevel3 { font-size: 16px; padding-left: 20px; padding: 5px; }
a.taglevel4 { font-size: 19px; padding-left: 20px; padding: 5px; }
a.taglevel5 { font-size: 21px; padding-left: 20px; padding: 5px; }

div.manufacturersLogo, div.manufacturersLogoSelected { float: left;	padding: 1px; width: 78px; background-color: #FFFFFF; }

/* VJ Links Manager v1.16 begin */
TABLE.linkListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.linkListing-heading {
  font-size: 10px;
  font-weight: bold;
  background: #b6b7cb;
  color: #FFFFFF;
  text-align: center;
}
A.linkListing-heading {
  color: #FFFFFF;
}
A.linkListing-heading:hover {
  color: #FF0000;
}
TD.linkListing-data {
  border-right: 1px solid #b6b7cb;
  border-bottom: 1px solid #b6b7cb;
  padding: 4px;
  font-size: 10px;
}

TR.linkListing-odd {  background: #f8f8f9;}
TR.linkListing-even { background: #F5F5F5;}

.linkFeatured {
  font-size: 10px;
  font-weight: bold;
  background: #dbd6d6;
  color: #FFFFFF;
  text-align: center;
  border: 1px solid black;
}
.linkFeaturedHeading {
  font-size: 14px;
  font-weight: bold;
  background: #dbd6d6;
  color: #FFFFFF;
  text-align: center;
}
.linkFeaturedMain {
  font-size: 10px;
  font-weight: bold;
  background: #dbd6d6;
  color: #FFFFFF;
  text-align: center;
}
A.linkListingMain {
  color: #fff;
}
A.linkListingMain:hover {
  color: #FF0000;
}

.linkListingCats {
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}
A.linkListingCats {
  color: #000;
  line-height: 1.5;
}
A.linkListingCats:hover {
  color: #FF0000;
}

.linkListingSubCats {
  font-size: 9px;
  font-weight: normal;
  color: #FFFFFF;
  text-align: center;
}
A.linkListingSubCats {
  color: #000;
  line-height: 1.5;
}
A.linkListingSubCats:hover {
  color: #FF0000;
}

/* VJ Links Manager v1.16 end */

.blend img {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0);
}

a img { text-decoration:none;}

#announcement { font-size: 12px; font-weight:bold; background-color: yellow; padding: 2px; text-align: center;}

img.AddToCart { background-color: #E7E8D1; border: 0px; padding: 0px; }

.get1free { font-family: Verdana, Arial, sans-serif; font-size: 12px; background: yellow; font-weight: bold;}

#breadcrumb {
    font: 11px Arial, Helvetica, sans-serif;
    background-image:url('/images/icons/bc_bg.png'); 
    background-repeat:repeat-x;
    height:25px;
    line-height:25px;
    color: #9b9b9b;
    border:solid 1px #BFBBA7;
    width:647px;
    overflow:hidden;
	margin: 0px;
    padding: 0px;
}
#breadcrumb li {
    list-style-type:none;
    float:left;
    padding-left:10px;
}
#breadcrumb a {
    height:25px;
    display:block;
    background-image:url('/images/icons/bc_separator.png'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#454545;
}
.home {
    border:none;
    margin: 4px 0px;
}

#breadcrumb a:hover {
  color: #6666FF;
  text-decoration: underline;
}


A.registryLink {
  color: #000000;
  text-decoration: none;
}

A.registryLink:hover {
  color: #000000;
  text-decoration: none;
}

A.registryLink:visited {
  color: #000000;
  text-decoration: none;
}

@media print {
#xcssheader, #left, #right, #footer  { display: none}
body { background: white; }
#left { width: 20px; }
#outer {
 	margin: 0px;
}
@page {
  size: portrait;   /* auto is the initial value */
  margin: 10%;
}

}