body {
	font-size: 12px;
	color:#000000;
	margin-top:10px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
}

body, p, h1, h2, h3, table, td, th, ul, ol, textarea, input {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 12px;
}

h1, h2, h3 {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 14px;
}

font { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 12px;
}

body.bkground {
	background-attachment: fixed; 
	background-repeat: repeat;
}

.footer { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 10px;
}

td.TotalBox {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	color: green;
}

.subcat, .mini { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
}

.SuperMini { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 9px;
}

.ProdName { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 14px;
	font-weight: bold;
	color: black;
	border-top:    1px  solid; 
	border-bottom: 1px  solid; 
	padding: 3px;
}

.ProdDescript { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 12px;
	color: black;
	padding: 3px;
}


.ProdPrice { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 14px;
	font-weight: bold;
	color: #660000;
	float: left;
	margin-left: 5px;
    vertical-align: middle;
}

div.ProdDescriptMini { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	color: black;
	padding: 2px;
	float: left;
	border: 0px solid;
	width: 400px;
}

div.ProdImage { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	text-align: center;
	color: black;
	padding: 2px;
	float: right;
	border: 0px solid;
	width: 180px;
}

.PName { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 14px;
}

.logo { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 21px;
}


a:link, a:active, a:visited { 
	text-decoration: none; 
	color : #660000; 
}

a:hover	{ 
	text-decoration: underline; 
	color : #000033; 
}

.sectionFont {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	color: green;
}

.BoxIndent {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	margin-top: 0px;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 0px;
}

.section { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	border-top:    1px  solid green; 
	border-bottom: 1px  solid green; 
	border-left:   1px  solid green; 
	border-right:  1px  solid green; 
}

div.float {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 12px;
	color: #333333;
	text-align: center;
	float: left;
	width: 180px;
	height: 240px;
	margin-left: 1em;
	border: 0px solid #666000;
}

.Indent { 
	border: 0px solid #666;
	font-family: Verdana, Arial, Helvetica; 
	font-size: 12px;
	text-align: left;
	width: 590px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.Button {
	background: white;
	border-top:    2px  dotted #660000; 
	border-bottom: 2px  dotted #660000; 
	border-left:   2px  dotted #660000; 
	border-right:  2px  dotted #660000; 
	color: #660000;
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	text-align: center;
	width:180;
	height: 23;
	font-weight: bold;
	padding: 0px;
}


.SmallButton {
	background: white;
	border-top:    2px  dotted #660000; 
	border-bottom: 2px  dotted #660000; 
	border-left:   2px  dotted #660000; 
	border-right:  2px  dotted #660000; 
	color: #660000;
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	text-align: center;
	width:70;
	height: 23;
	font-weight: bold;
	padding: 0px;
}

.ChangeButton {
	background: white;
	border-top:    2px  dotted #660000; 
	border-bottom: 2px  dotted #660000; 
	border-left:   2px  dotted #660000; 
	border-right:  2px  dotted #660000; 
	color: #660000;
	font-family: Verdana, Arial, Helvetica; 
	font-size: 9px;
	text-align: center;
	height: 18;
}



.mouseBeOffMe {
border-top:    10px  solid #FFFFFF; 
border-bottom: 10px  solid #FFFFFF; 
border-left:   6px   solid #FFFFFF; 
border-right:  10px  solid #FFFFFF; 
}
.mouseBeOnMe {
border-top:    6px   solid #FFFFFF;
border-bottom: 14px  solid #FFFFFF; 
border-left:   10px  solid #FFFFFF; 
border-right:  6px   solid #FFFFFF;
}
.mouseBeDown {
border-top:    13px  solid #FFFFFF;
border-bottom: 7px   solid #FFFFFF; 
border-left:   10px  solid #FFFFFF; 
border-right:  6px   solid #FFFFFF;
}
.mouseBeUp {
border-top:    10px  solid #FFFFFF;
border-bottom: 10px  solid #FFFFFF; 
border-left:   10px  solid #FFFFFF; 
border-right:  6px   solid #FFFFFF;
}


div.PageDisplay {
	border: 0px solid #666000;
	width:780px;
	float:left;
}

div.block {
	border: 0px solid #666000;
	width: 850px;
}


#marqueecontainer{
	position: relative;
	width: 60px; /*marquee width */
	height: 450px; /*marquee height */
	overflow: hidden;
	border: 1px ridge #660000;
	background: white;
	background-image: url(/images/bg_site.jpg);
	top: 90px;
}


.BarLink{
	position: relative;
	width: 60px; /* width */
	height: 12px; /* height */
	overflow: hidden;
	border: 0px ridge #660000;
	top: 75px;
}



.miniList {
	font-size: 3px;
	padding: 5px;
}


td.BkCenter {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 12px;
	font-color: black;
	text-align: center;
	vertical-align: top; 
}

td.BkRight {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 12px;
	font-color: black;
	text-align: right;
	vertical-align: top; 
}

td.BkLeft {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 12px;
	font-color: black;
	text-align: left;
	vertical-align: top; 
}



td.miniBkCenter {
	vertical-align: top; 
	text-align: center;
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	font-color: black;
}

td.miniBkRight {
	vertical-align: top; 
	text-align: right;
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	font-color: black;
}

td.miniBkLeft {
	vertical-align: top; 
	text-align: left;
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	font-color: black;
}

.miniRed { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	color: red;
}

.miniBlack { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	color: black;
}

div.ProductBox {
	border: 0px solid #666000;
	width:590px;
	float:left;
}

div.ProductBox-miniBar {
	border: 0px solid #666000;
	width:550px;
	float:left;
	padding-left: 10px;
}

div.ProductBox-miniBarButtonLeft {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	border: 0px solid #666000;
	width:110px;
	float:left;
	padding-left: 10px;
	text-align: left;
}
div.ProductBox-miniBarButtonRight {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	border: 0px solid #666000;
	width:110px;
	float:right;
	padding-right: 10px;
	text-align: right;
}

div.ProductBox-miniBarButtonCen {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	border: 0px solid #666000;
	width:310px;
	float:left;
	padding-right: 0px;
	text-align: center;
}

/********************************/
/** Step Carousel Viewer - css **/
/********************************/
.stepcarousel{
position: relative; /*leave this value alone*/
border: 2px solid #660000;
background: white;
overflow: scroll; /*leave this value alone*/
width: 550px; /*Width of Carousel Viewer itself*/
height: 110px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 100px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/********************************/
/** Step Carousel Viewer - css **/
/********************************/