<!-- KS stylesheet -->

body {
	font-size: 12px;
	color:#000000;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}

body, p, h1, h2, h3, table, td, th, ul, ol, textarea, input {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 12px;
	color: #660000;
}

h1, h2, h3 {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 14px;
	color:#660000;
}

font { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 12px;
	color:#660000;
}

.priceTag { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 13px;
	color:#660000;
}

td.TotalBox {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	color: green;
}

.ColorRed {
	color: red;
}

.ColorGreen {
	color: green;
}

.miniRed {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	color: red;
}

.miniBlack {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	color: black;
}

.miniGray {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	color: gray;
}
.miniBlue {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	color: blue;
}

.footer { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 10px;
	color:#ffffcc;
}

.miniGold { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	color:#ffffcc;

}

.miniDkRed { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	color:#660000;
}

.subcat, .mini { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
}

.SuperMini { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 9px;
}

.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: none; 
	color : black; 
}

div.float {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 12px;
	color: #333333;
	text-align: center;
	float: left;
	width: 170px;
	height: 270px;
	margin-left: 1em;
	margin-bottom:2em;
	border: 1px #660000;
	border-style: dotted;	
}

.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 green; 
	border-bottom: 2px  dotted green; 
	border-left:   2px  dotted green; 
	border-right:  2px  dotted green; 
	color: green;
	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;
}


.menuLink {
	background-color:#F1F5F8; 
	cursor:hand;
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	color:#660000;
}

.TopCenter {
	vertical-align: top;
	text-align: center;
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
}

.TopLeft {
	vertical-align: top;
	text-align: left;
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
}

.TopRight {
	vertical-align: top;
	text-align: right;
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
}


div.showBar {
	border: 0px solid #666000;
	width:550px;
	float:left;
	padding-left: 0px;
}

div.showBarButtonLeft {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	border: 0px solid #666000;
	width:110px;
	float:left;
	padding-left: 10px;
	text-align: left;
}
div.showBarButtonRight {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	border: 0px solid #666000;
	width:110px;
	float:right;
	padding-right: 10px;
	text-align: right;
}

div.showBarButtonCen {
	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: 1px 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: 100x; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/********************************/
/** Step Carousel Viewer - css **/
/********************************/