/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Cartweaver 3 CSS HTML Styles */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
td.Headerlogo{
	background: Black url(Images/NEOHeader3.gif) no-repeat;
	height: 75px;
	width: 875px;
}
td.Headerbar{
	background: #CC0000 no-repeat;
	height: 5px;
	width: 100%;
}
td.Headerbar2{
	background: Black no-repeat;
	width: 75%;
	border-top: thin solid #CC0000;
}
td, th, p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
body {
	background: #CC0000 repeat-y top center;
	margin-left: 0px;
	margin-top: 0px;
	margin: 5px;
}
td.gradient {
   background: White url(sl_hd_bg_red.gif);
	color: White;
}
td.NCheader {
	background: gray;
	color: White;
	font-weight: bolder;
	font: bolder 15px Tahoma;
	
}
td.NCbody {
	background: #FFFFFF;
	color: Black;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

td.NCtableheader {
	background: #F2F2F2;
	color: ThreedDarkShadow;
	font-weight: bolder;
	font: bolder 11px Tahoma;
}
td.gradientblack {
	background: White url(gradientblack.jpg);
	color: White;
}
td.flatred {
	background: Black;
	color: White;
	font-size: 10px;
}
td.redtext{
	background: White;
	color: #CC0000;
	font-size: 12px;
	padding-left: 5px;
	border-bottom: thin solid Black;
	border-left: Black;
}
td.redtext1{
	
	color: Black;
	font-size: 14px;
	font-weight: bolder;
	padding-left: 5px;
	border-bottom: thin solid #CC0000;
	
}
a:link {
	color: #345F81;
	text-decoration:none;
}
a:visited {
	color: #002252;
	text-decoration:none;
}
a:hover {
	color: #868686;
	text-decoration:none;
}
a:active {
	color: #696969;
	text-decoration:none;
}
a.hlogin
{
	color: #999999;
	font-size: 10px;
	//line-height: 16px;
	font: bold;
}

a.hlogin:link
{
color:#999999;
background-color:#ffffff;

}

a.hlogin:visited
{
color:#999999;
background-color:#ffffff;

}

a.hlogin:hover
{
text-align:center;
color:#666666;
background-color:#ffffff;
}

a.body:link {
	color: #345F81;
	text-decoration: none;
	font-stretch: wider;
	outline: Aqua solid thick;
}
a.body:visited {
	color: #002252;
	text-decoration:none;
}
a.body:hover {
	color: #868686;
	text-decoration:none;
}
a.body:active {
	color: #696969;
	text-decoration:none;
}

hr{
	color: #696969;
	height: 1px;
	width: 90%;
}

h1 {
	color: #002252;
	font-size: 14px;
	margin: 0px;
	border-bottom:3px double #868686;
}

h2 {
	color: #696969;
	font-size: 18px;
}

/*Form Elements*/
form {
	margin: 0px;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
	color: #002252;
	border: 1px inset #979797;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Cartweaver 3 CSS Classes */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
NOTE: All styles below are specific to Cartweaver 3.
You may use the CSS above, or remove it and attach
your own CSS file in addition to cartweaver.css
*/

/*Form Styles*/
input.formCheckbox {
	border: none;
	background: transparent;
}

input.formButton {
	background: Black;
	border-bottom: 1px solid Gray;
	border-left: 1px solid Gray;
	border-right: 1px solid Gray;
	border-top: 1px solid Gray;
	color: #FFFFFF;
	font-weight: bold;
	margin: 3px 3px 0px 3px;
}


/* Tables used to display tabular Data. */
/* Apply to <table> tags only. 
Example: <table class="tabulardata">*/
table.tabularData, table.tabularData td, table.tabularData th {
	border: 0px solid #696969;
	border-collapse: collapse;
}
table.tabularData td, table.tabularData th{
	padding: 0px;
}
table.tabularData th, table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active  {
	background: #979797;
	color: #FFFFFF;
}
/* Tables used to display tabular Data. */
/* Apply to <table> tags only. 
Example: <table class="tabulardata">*/
table.tabularData1, table.tabularData1 td, table.tabularData1 th {
	border: 1px solid #696969;
	border-collapse: collapse;
}
table.tabularData1 td, table.tabularData1 th{
	padding: 1px;
}
table.tabularData1 th, table.tabularData1 th a:link, table.tabularData1 th a:visited, table.tabularData1 th a:hover, table.tabularData1 th a:active  {
	background: #979797;
	color: #FFFFFF;
}
table.yellow {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 320px;
	}
table.yellow th {
	padding: 0 0.5em;
	text-align: left;
	}	
table.yellow tr.yellow td {
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	background: #FFC;
	}	
table.yellow td {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	}	

/* altRowEven & altRowOdd are used to style alternating table rows. */
.altRowEven {
	background-color: #E6E6E6;
}
.altRowOdd{
	background-color: #D6D6D6;
}

/* oldprice is displayed when there is a discount */
.oldprice {
	text-decoration: line-through;
}
.smallprint {
	font-size: 10px;
}

.pagingLinks {
	text-align: center;
}

.errorMessage {
	color: #993333;
	font-weight: bold;
}
/* This aligns products to the top of the table cell with horizontal display of results */
table#tableSearchResults td {
	vertical-align:top;
}
/* Menubar css*/

#leftNav{
	position: inherit;
	left: 0px;
	top: 0px;
	width: 150px;
	z-index: 1;
}
#leftNav a.leftNav, #leftNav a.leftNavOpen{
	background-color: #012F73;
	display: block;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 2px 0px 2px 2px;
	font-variant: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 4px 50%;
}

/*Navigation- Main Button Styles */
/*Add a border to our first menu button, in this case lnProducts */
#leftNav #lnProducts{
	border-top: 1px solid #CCCCCC;
}
#leftNav a.leftNav{
}
#leftNav{
}
#leftNav a.leftNav:hover, #leftNav a.leftNavOpen{
	background: #0147B1;
}
div.lnSubMenu{
	text-indent: 0px;
	padding-left: 0px;
	display: none;
}
div.lnSubMenu a{
	color: Black;
	text-decoration: none;
	display: block;
	background: #CCCCCC;
}
div.lnSubMenu a:hover{
	color: #CCCCCC;
	text-decoration: none;
	background: #AA0000;
	color: #FFFFFF;
}
/*Rounded Corners 1*/
.container {
	background: #DCDCDC;
	color: Black;
	margin: 0 15px;
}
.rtop, .rbottom{
	display: block;
	background: #fff;
}
.rtop *, .rbottom *{
	display: block;
	height: 1px;
	overflow: hidden;
	background: #DCDCDC;
}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
margin: 0 1px;
height: 2px
}
.container1 {
	background: #979797;
	color: White;
	margin: 0 15px;
	font-size: 16px;
	font-weight: bolder;
}
.rtop1, .rbottom1{
display:block;
background:#fff;
}
.rtop1 *, .rbottom1 *{
	display: block;
	height: 1px;
	overflow: hidden;
	background: #979797;
}
.r11{margin: 0 5px}
.r21{margin: 0 3px}
.r31{margin: 0 2px}
.r41{
margin: 0 1px;
height: 2px
}
/* spiffy rounded corners*/

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#C2C2C2}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e4e4e4;
  border-right:1px solid #e4e4e4;
  background:#d1d1d1}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8;
  background:#cdcdcd}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #cdcdcd;
  border-right:1px solid #cdcdcd;}
.spiffy4{
  border-left:1px solid #e4e4e4;
  border-right:1px solid #e4e4e4}
.spiffy5{
  border-left:1px solid #d1d1d1;
  border-right:1px solid #d1d1d1}
.spiffyfg{
  background:#C2C2C2}


.PIFFY{display:block}
.PIFFY *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#DCDCDC}
.PIFFY1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #efefef;
  border-right:1px solid #efefef;
  background:#e4e4e4}
.PIFFY2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fbfbfb;
  border-right:1px solid #fbfbfb;
  background:#e2e2e2}
.PIFFY3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e2e2e2;
  border-right:1px solid #e2e2e2;}
.PIFFY4{
  border-left:1px solid #efefef;
  border-right:1px solid #efefef}
.PIFFY5{
  border-left:1px solid #e4e4e4;
  border-right:1px solid #e4e4e4}
.PIFFYfg{
  background:#DCDCDC}
DPrice{
	display: block;
}
.DPrice *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#A7A2A2}
.DPrice1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #d9d7d7;
  border-right:1px solid #d9d7d7;
  background:#bdb9b9}
.DPrice2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f6f5f5;
  border-right:1px solid #f6f5f5;
  background:#b7b3b3}
.DPrice3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #b7b3b3;
  border-right:1px solid #b7b3b3;}
.DPrice4{
  border-left:1px solid #d9d7d7;
  border-right:1px solid #d9d7d7}
.DPrice5{
  border-left:1px solid #bdb9b9;
  border-right:1px solid #bdb9b9}
.DPricefg{
  background:#A7A2A2}
  .Sections{display:block}
.Sections *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#E8E8E8}
.Sections1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f5f5f5;
  border-right:1px solid #f5f5f5;
  background:#ededed}
.Sections2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfcfc;
  border-right:1px solid #fcfcfc;
  background:#ececec}
.Sections3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ececec;
  border-right:1px solid #ececec;}
.Sections4{
  border-left:1px solid #f5f5f5;
  border-right:1px solid #f5f5f5}
.Sections5{
  border-left:1px solid #ededed;
  border-right:1px solid #ededed}
.Sectionsfg{
  background:#E8E8E8}
/*Catagory name*/
.CatName{display:block}
.CatName *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#000000}
.CatName1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #919191;
  border-right:1px solid #919191;
  background:#3f3f3f}
.CatName2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5;
  background:#303030}
.CatName3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #303030;
  border-right:1px solid #303030;}
.CatName4{
  border-left:1px solid #919191;
  border-right:1px solid #919191}
.CatName5{
  border-left:1px solid #3f3f3f;
  border-right:1px solid #3f3f3f}
.CatNamefg{
	font-size: 10px;
	color: White;
	background: #000000
   font: bold Tahoma;
	background-color: Black;}
	
.PriceBottom{display:block}
.PriceBottom *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#EEEEEE}
.PriceBottom1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f7f7f7;
  border-right:1px solid #f7f7f7;
  background:#f2f2f2}
.PriceBottom2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#f1f1f1}
.PriceBottom3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f1f1f1;
  border-right:1px solid #f1f1f1;}
.PriceBottom4{
  border-left:1px solid #f7f7f7;
  border-right:1px solid #f7f7f7}
.PriceBottom5{
  border-left:1px solid #f2f2f2;
  border-right:1px solid #f2f2f2}
.PriceBottomfg{
  background:#EEEEEE}
/* CSS HORIZONTAL MENU DYNAMIC DRIVE*/
#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 52px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
	background-color: gray; /*Menu hover bgcolor*/
	border-top: thin solid Black;
}

#modernbricksmenu #current a{
	background-color: #CC0000; /*Brown color theme*/
	border-color: #CC0000; /*Brown color theme*/
	border-top: thin solid Black;
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #CC0000; /*Brown color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;
}  

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
	background: transparent url(cssbox/PNG.png) no-repeat bottom right;
} 
.cssbox { width: 125px !important; /* intended total box width - padding-right(next) */ width: 125px; /* IE Win = width - padding */ padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ margin: 20px auto; /* use to position the box */ } /* set the top-right image */ 
.cssbox_head { background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ padding-right: 15px; /* right-image-gap + right-inside padding */ } /* set the top-left image */ 
.cssbox_head h2 { background-position: top left; margin: 0; /* reset main site styles*/ border: 0; /* ditto */ padding: 25px 0 15px 15px; /* padding-left = image gap + interior padding ... no padding-right */ height: auto !important; height: 1%; /* IE Holly Hack */ } /* set the lower-left corner image */ 
.cssbox_body { background-position: bottom left; margin-right: 25px; /* interior-padding right */ padding: 15px 0 15px 15px; /* mirror .cssbox_head right/left */ }  
}