UL.indent{
#	text-indent: 10pt;
	margin-left: 10pt;
}
LI.subcat{
	color: #CCCCCC;
}
LI.outside{
	list-style-position: outside;
	text-indent: 20px;

}

LI.bullets{
	list-style-type: disc;
	margin-top: 2pt;
	margin-bottom: 2pt;
}
LI.numbers{
	list-style-position: inside;
	list-style-type: decimal;
	margin-top: 2pt;
	margin-bottom: 2pt;
}

.disabled{
	color: #666666;
}
.butSupplierLoginDisabled{
	color: #666666;
}

.productimage{
	border: none;
	max-height: 100px;
	max-width: 100px;
   width: expression(this.width>100 && this.width>=this.height ? 100: true);
   height: expression(this.height>100 && this.height>=this.width? 100: true);

}
.customerthumb{
	max-height: 100px;
	max-width: 100px;
   width: expression(this.width>100 && this.width>=this.height ? 100: true);
   height: expression(this.height>100 && this.height>=this.width? 100: true);
}
.categoryimage{
	max-width: 430px;
	max-height: 150;
   width: expression(this.width>430 && this.width>=this.height ? 430: true);
   height: expression(this.height>150 && this.height>=this.width? 150: true);
}

.error{
	color: #993333;
	margin: 20px;
}
.inthered{
	color: #993333;
}

.img_med{
	max-width:250px;
	max-height:300px;
   width: expression(this.width>250 && this.width>=this.height ? 250: true);
   height: expression(this.height>300 && this.height>=this.width? 300: true);
}

table.featuredHorizontal{ 
	height:145px;
	width:950px;
	border: none;
	border-collapse: collapse;
}

table.featuredVertical{ 
	width:218px;
	border: none;
	border-collapse: collapse;
}

a.loud, .loud{
	font-size: 116%;
	color: #996666;
}
a.loud:hover{
	color: black;
	text-decoration: underline;
}
.greyBox{
	background:#999999;
	text-align: left;
	padding: 10px;
	color:#669900;
	font-weight: bold;
	font-size: 130%;
	text-decoration: none;
	display: block;
}

td.accessoryGrid{
	width:180px;
	padding: 7px 2px 2px 2px;
	border: 1px solid #ccc;
	text-align: center;
	vertical-align:bottom;
}

.underLink{
	color: #669900;
	text-decoration:  underline;
	padding: 2px;
}

a.greenBox, a.grayBox{
	color: white;
}

div.greenBox, td.greenBox{
	background-color: #669900;
	text-align: right;
}

div.grayBox, td.grayBox{
	background-color: #999999;
	text-align: left;
}

div.greenBox, td.greenBox, div.grayBox, td.grayBox{
	color: white;
	padding: 2px;
	font-size: 110%; 
}

input.greenBox, input.grayBox{
	background: none; 
	color: white; 
	border: none; 
	font-size: 110%; 
	padding: 5px; 
	font-weight: bold;
}

.acc{
	font-size: 90%;
	color: #666666;
	text-align: left;
	padding-left: 3px;
}


table.plain{
	border-collapse: collapse;
}

table.padded{
	border-collapse: separate;
	border-spacing: 3px;
	
}


.mysteryBack{
	background-color: #666666;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	opacity: 0.5;
	filter:alpha(opacity=50);
	display: none;
}

.mysteryFront{
	border: 1px solid black;
	position: absolute;
	top: 25%;
	left: 25%;
	min-height: 30%;
	min-width: 50%;
	background-color: white;
	display: none;
	text-align: center;
}

.image{
	margin: 5px;
}

.boldHeader{
	font-weight: bold;
	margin: 10px;
	font-size: 150%;
	line-height: 150%;
}

.accMysteryText{
	margin: 10px;
	color: #666666;
}

th.medGreenBox{
	font-size: 80%;
	color:  #667733;
	background: #E5E5CB;
	border: 1px solid white;
	font-weight: bold;
	padding: 4px;

}
td.medGreenBox{
	background: #E5E5CB;
	border: 1px solid white;
	padding: 4px;
	color: #666666;
}

.lightGreenBox{
	border: 1px solid white;
	background: #F0F0E0;
	color: #666666;
	padding: 8px;
}

a.xbutton{
	color: white;
	font-size: 8pt;
}
div.xbutton, .button, input.xbutton{
	border: 2px solid white;
	background: #AAAAAA;
	color: white;
	margin: 1px;
	text-align: center;
	line-height: 8pt;
	padding: 2px;
	font-size: 8pt;
}

div.xbutton{
	width: 10px;
}


.button{
	background-color: #FFDE00;
	font-weight: bold;
	color: black;
}

.smallheader,.smallHeader{
	font-variant: small-caps;
}
.medHeader{
	font-size: 110%;
	font-weight: bold;
}

.whitespace{
	padding-top: 10px;
	padding-bottom: 5px;
}
p.whitespace{
	padding-top:5px;
	padding-bottom: 0px;
}

.option{
	font-size:90%;
}

.circleFeature {
	background: url(/images/circle.gif) no-repeat center;
	text-align: center;
	height: 145px;
	width: 218px;
	vertical-align: middle;
	border: 1px solid #FFFFFF;
}
input.homeNav{
	text-align: center;
	background-color: black;
	color: white;
	border: 1px groove white;
	font-weight: bold;
	height: 28px;
	font-size: 16px;
	line-height: 28px;
	width: 230px;
}
a.homeNav{
	color: white;
	font-size: 16px;
}
input.homeNav:hover{

	background-color: white;
	color: black;
}

div.backButton, input.backButton{
	height: 38px;
	width: 100%;
	text-align: center;
	padding-right: 20px;
	padding-left: 46px;
	background-color: #AAA;
	border: none;
	color: white;
}
div.nextButton, input.nextButton{
	height: 38px;
	width: 100px;
	text-align: center;
	padding-right: 20px;
	padding-left: 46px;
	background: URL('/images/arrow.gif') no-repeat #669900  8px center;
	border: none;
}
a.nextButton, .nextButton{
	text-decoration: none;
	line-height: 38px;
	color: white;
	padding: 2px;
	font-size: 110%; 
}
.testimonial{
	line-height: 14px;
	color: #669900;
	font-style: italic;
}
.image-size, .image-angle, .image-text-box, .image-text-button{
	background-color: white;
	color: black;
	font-weight: bold;
	padding: 5px;
}
.image-text-button{
	background-color: #FFDE00;
	font-weight: bold;
	color: black;
	border: none;
}
.image-text-box{
	border: 1px inset #000;
}
.image-color-label, .image-font-label{
	color: #000000;
	font-style: italic;
	padding: 3px;
	font-size: 120%;
}

INPUT.image-font{
	border: none;
}
table.image-size, table.image-angle{
	border: 2px groove #CCCCCC;
}
TD.color{
	border: 1px groove #333333;
}
IMG.photo-image{
	border: 1px groove #333333;
}

#upload{
	margin: 20px;
}
#upload .preview{
	border: 3px dashed #CCCCCC;
	padding: 3px;
	text-align:     center;
	display: table-cell;
}
#upload .preview img{
	vertical-align: middle;
}
#upload .thumb{
	width: 100px;
	height: 100px;
}

#upload .template{
	width: 300px;
	height: 300px;
	text-align:     center;
	vertical-align: middle;
}
#upload .template IMG{
	vertical-align: middle;
}
#upload .number{
	font-size: 20px;
	font-weight: bold;
	padding: 5px;
	background-color: #CCC;
	margin-left: 5px;
	margin-right: 5px;
}
#upload TR.top{
	vertical-align: top;
}
#upload TR.middle{
	vertical-align: middle;
}
#upload TD.right{
	text-align: right;
}
#upload #thumbs TD{
	padding: 5px;
	font-size: 12px;
}
#upload TABLE.page{
	width: 100%;
	padding: 50px;
}

#upload H2{
	font-size: 182%;
	line-height: 24px;
	color: #999999;
	padding-top: 10px;
	padding-bottom: 10px;

}
#upload H3{
	font-size: 122%;
	line-height: 20px;
	padding-bottom: 20px;

}
#upload #cross-link SPAN{
	font-size: 15px;
	text-decoration: underline;
}
#upload #cross-link IMG{
	width: 54px;
	vertical-align: middle;
}
#upload #preview IMG{
	float: left;
}
#upload #preview .text{
	padding-top: 30px;
	padding-bottom: 30px;
	width: 300px;
	float: left;
	line-height: 150%;
}

#cart IMG{
	max-width: 100px;
	max-height: 100px;
}