body { 	font-family: Arial, Helvetica, sans-serif;  	font-size: 13px; 	color: #333333;	text-align: center;	background: #ffcd3e url(../images/mainbg.jpg) repeat-x top center;}
.input {	border: 1px solid #cccccc;	font-size: 12px;  	font-family: Arial, Helvetica, sans-serif;  	color: #333333;	background-color: #ffffff;	padding:4px;	margin: 0px auto;}
.bodycopy {	color:#333333;	font-family: Arial, Helvetica, sans-serif; 	font-size: 12px; 	text-decoration:none;}
a.bodycopy:link {	color: #333333;	TEXT-DECORATION: none;}
a.bodycopy:hover {	color: #000000;	TEXT-DECORATION: underline;}
.knowmore {	color:#336600;	font-family: Arial, Helvetica, sans-serif; 	font-size: 11px; 	text-decoration:none;}
a.knowmore:link {	color: #336600;	text-decoration: none;}
a.knowmore:hover {	color: #000000;	text-decoration: underline;}
.blue20 { 	color:#006699;	font-family: Arial, Helvetica, sans-serif; 	font-size:20px; }
.green16 {	color:#339900;	font-family: Arial, Helvetica, sans-serif; 	font-size: 16px; 	font-weight:bold;}
.white14 {	color:#ffffff;	font-family: Arial, Helvetica, sans-serif; 	font-size:14px;}
.black14 {	color:#000000;	font-family: Arial, Helvetica, sans-serif; 	font-size:14px;}
.gray13 {	color:#333333;	font-family: Arial, Helvetica, sans-serif; 	font-size:13px;}
.gray11 {	color:#333333;	font-family: Arial, Helvetica, sans-serif; 	font-size:11px;}	
.homefloat {	float: left;	padding: 0px 10px 0px 0px;	margin: 0px 0px 0px 0px;	clear:left;}
.leftfloat {	float: left;	margin: 0px 0px 0px 0px;	padding: 0px 20px 10px 0px;	border:0;}
/* menus  */ul.cssmenu {	list-style: none;	padding: 36px 0px 0px 0px;}

.displace {	position: absolute;	left: -5000px;}

ul.cssmenu li {	float: left;}
ul.cssmenu li a {	display: block;	width: 497px;	height: 30px;	background: url('../images/sprite.jpg');}

/* Normal Links */ul.cssmenu li.home a {	background-position: 0 0;	display: block;	width: 55px;}
ul.cssmenu li.products a {	background-position: -55px 0;	display: block;	width: 68px;}
ul.cssmenu li.whatsnew a {	background-position: -123px 0;	display: block;	width: 94px;}
ul.cssmenu li.programs a {	background-position: -217px 0;	display: block;	width: 75px;}
ul.cssmenu li.services a {	background-position: -292px 0;	display: block;	width: 61px;}
ul.cssmenu li.aboutus a {	background-position: -353px 0;	display: block;	width: 73px;}

ul.cssmenu li.contactus a {	background-position: -426px 0;	display: block;	width: 71px;}

/* Hover Links */ul.cssmenu li.home a:hover {	background-position: 0 -30px;	display: block;	width: 55px;}

ul.cssmenu li.products a:hover {	background-position: -55px -30px;	display: block;	width: 68px;}
ul.cssmenu li.whatsnew a:hover {	background-position: -123px -30px;	display: block;	width: 94px;}
ul.cssmenu li.programs a:hover {	background-position: -217px -30px;	display: block;	width: 75px;}

ul.cssmenu li.services a:hover {	background-position: -292px -30px;	display: block;	width: 61px;}

ul.cssmenu li.aboutus a:hover {	background-position: -353px -30px;	display: block;	width: 73px;}
ul.cssmenu li.contactus a:hover {	background-position: -426px -30px;	display: block;	width: 71px;}
/*	droppdown menus  */.dropmenudiv {	position:absolute;	border: 1px solid #4e83b2;	border-bottom-width: 0;	font:normal 12px Arial;	line-height:18px;	z-index:100;	background-color: #004c90;	width: 130px;	visibility: hidden;	text-align: left;	margin-left:10px;	top: 20px;
}

.dropmenudiv a {	width: auto;	display: block;	border-bottom: 1px solid #4e83b2; 	padding: 8px 14px 8px 14px;	text-decoration: none;	font-weight: bold;	color: #ffffff;
}

* html .dropmenudiv a { 	width: 110px;}

.dropmenudiv a:hover { 	background-color: #023b6e;	font-weight: bold;	color: #f6ff00;}
/*	right menus  */ul.rightmenu {	list-style:none;	width: 220px;	padding: 0px 0px 0px 0px;}
.displace {	position: absolute;	left: -5000px;}

ul.rightmenu li {	float: left;}
ul.rightmenu li a {	display: block;	width: 220px;	height: 30px;	background: url('../images/sprite2.jpg');}
	
/* Normal Links */ul.rightmenu li.whatsnew a {	background-position: 0 0;}
ul.rightmenu li.freshsavings a {	background-position: 0 -30px;}ul.rightmenu li.expresssavings a {	background-position: 0 -60px;}
ul.rightmenu li.loyaltyprogram a {	background-position: 0 -90px;}
ul.rightmenu li.banner a {	background-position: 0 -120px;}
/* Hover Links */ul.rightmenu li.whatsnew a:hover {	background-position: -220px 0;}

ul.rightmenu li.freshsavings a:hover {	background-position: -220px -30px;}ul.rightmenu li.expresssavings a:hover {	background-position: -220px -60px;}
ul.rightmenu li.loyaltyprogram a:hover {	background-position: -220px -90px;}
ul.rightmenu li.banner a:hover {	background-position: -220px -120px;}
/* tab menus */		.shadetabs {	border-bottom: 1px solid #bababa;	/* width: 90%; width of menu. Uncomment to change to a specific width */	margin-bottom: 1em;}
.shadetabs ul {	padding: 12px 0;	margin-left: 0;	margin-top: 1px;	margin-bottom: 0;	font: 12px Arial;	list-style-type: none;	text-align: left; /*set to left, center, or right to align the menu as desired*/}
.shadetabs li {	display: inline;	margin: 0;}
.shadetabs li a {	text-decoration: none;	padding: 12px 5px  12px 5px;	margin: 0px 1px 0px 0px;	color: #006699;	background-color:#ebebeb;}
.shadetabs li a:hover {	text-decoration: underline;	background-color:#dcdcdc;	color: #006699;}

.shadetabs li.selected {	position: relative;	top: 1px;}
.shadetabs li.selected a{ /*selected main tab style */	color: #000000;	border-top: 1px solid #bababa;	border-left: 1px solid #bababa;	border-right: 1px solid #bababa;	border-bottom: 1px solid #ffffff;	padding: 12px 10px  12px 10px;	background-image:url(../images/shadeactive.gif);	border-bottom-color: white;}

.shadetabs li.selected a:hover { /*selected main tab style */	text-decoration: none;}

/* catalog */	.dragbox {	float:left;	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;	border: solid 1px #cccccc;	display: block;	width: 590px;	height: 400px;	text-align:left;}
.dragboxbar {	float:left;	margin: 0px 0px 10px 0px;	padding: 10px;	background-color: #cccccc;	display: block;	width: 590px;	height: 30px;	text-align:left;}

.openwindow {	float:right;	margin: 0px 0px 0px 0px;	padding:  0px 0px 0px 0px;		display: block;	width: 260 px;	text-align:left;}
.thumbbar {	float:left;	margin: 0px 0px 0px 0px;	padding: 30px 0px 0px 0px;	background-color: #ededed;	border-top:solid #CCCCCC 1px;	border-bottom:solid #CCCCCC 1px;	display: block;	width: 610px;	height: 190px;	text-align:left;}
.leftarrow {	float:left;	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;		display: block;	width: 30px;	height: 156px;	text-align:left;}
.thumbarea {	float:left;	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;	display: block;	width: 547px;	height: 156px;	text-align:center;	overflow: hidden;	position: relative;}	
.thumbarea ul {	position: absolute;	list-style:none;	float: left;	display: block;	text-align:left;	white-space: nowrap;	padding: none;}
.thumbarea li {	margin: 0px 0px 0px 0px;	padding: 0px 6px 0px 6px;	width: 120px;	height: 156px;	text-align:left;	display: inline;}

.rightarrow {	float:left;	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;	display: block;	width: 30px;	height: 156px;	text-align:left;}
/* whats new */	.catalogcontainer {	float:left;	margin: 0px 0px 10px 0px;	padding: 0px 0px 0px 0px;	display: block;	width: 620px;	height: 253px;	text-align:left;}

.wncatalog {	float:left;	margin: 0px 2px 0px 0px;	padding: 0px;	display: block;	text-align:left;}
.wncatalog a {	background-color:#ebebeb;	border: solid #CCCCCC 1px;	padding: 8px;	width: 182px;	height: 233px;	margin: 0px 0px 0px 0px;}
.wncatalog a:hover {	background-color:#dcdcdc;}
.wncatalogselected {	float:left;	margin: 0px 3px 0px 0px;	padding: 8px;	display: block;	width: 182px;	height: 233px;	text-align:left;	background-color:#cccccc;	border: solid #999999 1px;}
/** drag image **/.imagesIndex{	margin-left:30px}.imagesIndex span.title{	display:inline-block;	padding:6px;	padding-bottom:3px;	background-color:white;	color:black;	cursor:pointer;	margin-right:3px;}.imagesIndex span.title.selected {	color:white;	cursor:pointer;}.imageContainer{	}.applContainer{	}.descriptionBox{	border-top:none;	width:100%;	color:white;}.nav{	display:block;}/** thumb nails **/.hidden {	visibility: hidden;}.shown {	visibility: visible;}.rightfloat {	float: right;	margin: 0px 0px 0px 0px;	padding: 0px 0px 10px 20px;	border:0;}.bullet ul {		margin: 0px auto;	padding: 0px 0px 0px 0px;}.bullet li {		margin: 0px auto;	padding: 0px 0px 0px 10px;	background:url(../images/bullet.gif) no-repeat;}.bodytable {		margin: 0px 0px 0px 0px;	padding: 5px;}.input {	border: 1px solid #CCCCCC;	font-size: 12px;  	font-family: Arial, Helvetica, sans-serif; 	COLOR: #666666;	padding: 4px 4px 4px 4px;}#formwrapper {	margin: 0px auto;	padding:  0px 0px 20px 0px;	width:610px;		text-align:left;	border-bottom:dotted #999999 1px;	height: 400px;}.cssform .fields {	width: 610px;	clear: left;	margin: 0px;	font-size:11px;	padding: 0px 0 0px 0;	vertical-align: top;	border: 1px;	height: 55px;}.cssform p {	width: 500px;	clear: right;	margin: 0;	padding-top: 5px;	padding-bottom: 5px;	padding-left: 0px; /*width of left column containing the label elements*/	float: left;}.cssform .label {	color:#000000;	font-family:  Arial, Helvetica, sans-serif;	font-size:12px;	text-decoration:none;	font-weight:bold;	float: left;	padding-top: 5px;	padding-bottom: 5px;	margin-left: 0px; /*width of left column*/	width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}.form_error {	font-size: 12px;	font-family:  Arial, Helvetica, sans-serif;	padding-left: 6px;	clear: both;	vertical-align: top;	font-weight: bold;}