body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	text-align:center;
	background-color:#dcdcdc;
}

.input {
	border:1px solid #cccccc;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:#ffffff;
	padding:4px;
	margin:0px auto;
	COLOR:#666666;
}

.bodycopy {
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
}

a.bodycopy:link {
	color:#333333;
	TEXT-DECORATION:none;
}

a.bodycopy:hover {
	color:#000000;
	TEXT-DECORATION:underline;
}

.knowmore {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}

a.knowmore:link {
	color:#000000;
	text-decoration:none;
}

a.knowmore:hover {
	color:#333333;
	text-decoration:underline;
}

.blue20 {
	color:#006699;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
}

.black16 {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}

.red16 {
	color:#990000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}

.black14 {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

.black10 {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

.leftfloat {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 20px 10px 0px;
	border:0;
}

.sidebarmenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	font:14px Arial;
	text-align:right;
	width:210px;
}

.sidebarmenu ul li {
	position:relative;
}

.sidebarmenu ul li a {
	display:block;
	overflow:auto;
	color:white;
	text-decoration:none;
	padding:11px 2px 12px 0px;
	border-top:1px dotted #90bfe0;
}

.sidebarmenu ul li a:hover {
	color:#ffcc33;
}

.sidebarmenu ul li ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	background:url(../images/submenubg.jpg) no-repeat;
	position:absolute;
	width:200px;
	top:0;
	visibility:hidden;
}

.sidebarmenu ul li ul li a {
	display:block;
	overflow:auto;
	color:white;
	font:12px Arial;
	text-decoration:none;
	text-align:left;
	padding:12px 12px 12px 30px;
	border-top:1px dotted #6c8ca2;
}

.sidebarmenu ul li ul li a:hover {
	background:url();
	color:#ffcc33;
}

* html .sidebarmenu ul li {
	float:left;
	height:1%;
}

* html .sidebarmenu ul li a {
	height:1%;
}

.dragbox {
	float:left;
	margin:0px auto;
	padding:0px 0px 0px 0px;
	border:solid 1px #cccccc;
	display:block;
	width:542px;
	height:600px;
	text-align:left;
}

.dragboxbar {
	float:left;
	margin:0px 0px 10px 0px;
	padding:10px;
	background-color:#cccccc;
	display:block;
	width:524px;
	height:30px;
	text-align:left;
}

.openwindow {
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	width:240 px;
	text-align:left;
}

.thumbbar {
	float:left;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	background-color:#f5f5f5;
	border-top:solid #CCCCCC 1px;
	border-bottom:solid #CCCCCC 1px;
	display:block;
	width:544px;
	height:175px;
	text-align:left;
}

.leftarrow, .rightarrow {
	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:464px;
	height:156px;
	text-align:center;
	overflow: hidden;
	position: relative;
}

.thumbarea ul {
	position: absolute;
	list-style:none;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	white-space: nowrap;
}

.thumbarea li {
	margin:0px 0px 0px 0px;
	padding:0px 3px 0px 0px;
	width:120px;
	height:156px;
	text-align:left;
	display: inline;
	list-style:none;
}

#formwrapper {
	margin:0px auto;
	padding:0px 0px 20px 0px;
	width:544px;
	text-align:left;
	height: 450px;
	border-bottom:dotted #999999 1px;
}

.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;
}

* html .threepxfix {
	margin-left:3px;
}

.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;
}

#control_panel {
	height: 18px;
	text-align: right;
	padding: 2px;
	padding-right: 5px;
	background-color: #7bb2d9;
	color: #fcfcfc;
}

#control_panel a:link, #control_panel a:visited {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fcfcfc;
	font-weight: bold;
}

#control_panel a:hover {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: bold;
}