@charset "utf-8";
body {
	background: #eaeaea;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
}
#container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 10px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #ad35f8;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#topBorder {
	background-color:#f7b7f0;
	height:32px;
	width:100%;
}
#topBorder #searchArea {
	float:right;
}
#topBorder #searchArea .searchBox {
	font-size:11px;
	color:#999999;
	border:1px solid #ad35f8;
}
#header {
	background: url(../images/header_background.gif) repeat-x top left; 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin:0;
	height:205px;
}
#navMenu {
	margin:0;
	padding:0;
	background:#ad35f8 url(../images/menu_bg.gif) repeat-x top left;
	width:100%;
	height:30px;
	border-top:1px solid #ad35f8;
	border-bottom:1px solid #ad35f8;
}

#navMenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#navMenu li {
	float:left;
	margin:0;
	padding:0;
	height:30px;
	border-left:1px solid #f2dffd;
	border-right: 1px solid #a438eb;
}
#navMenu li:first-child {
	border-left:none;
}
#navMenu a {
	display:block;
	margin:0;
	padding:0;
}
#regLink {
	margin-bottom:5px;
}
#regLink a {
	border:none;
}
#regLink img{
	border:1px solid #f8a2ef;
	margin:0;
}
/* Collections menus */
#leftMenu {
	float:left;
	width:203px;
	margin:10px;
	padding:0;
}
* html #leftMenu {
	margin-left:5px;
}
#leftMenu .collection {
	border:1px solid #f7b7f0;
	padding:0;
	margin:0 0 10px;
	width:200px;
}
#leftMenu .collection ul {
	padding:0 10px 6px;
	margin:5px 0 0;
	list-style-type:none;
}
#leftMenu .collection li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0 10px 2px;
	margin:0;
	color:#999999;
}
#leftMenu .collection a {
	color:#999999;
	text-decoration:none;
}
#leftMenu .collection a:hover {
	color:#ad35f8;
	text-decoration:none;
}
#mainContent {
	padding: 0;
	margin:10px 10px 10px 225px;
}
#mainContent h1 {
	color:#ad35f8;
	font-size:18px;
	font-weight:bold;
	border-bottom:1px solid #f7b7f0;
	padding:5px 0;
	margin:0 0 10px;
}
#mainContent h2 {
	color:#ad35f8;
	font-size:18px;
	font-weight:bold;
	background:#f7b7f0;
	padding:3px;
	margin:5px 0 5px;
}
#mainContent a {
	color:#ad35f8;
	font-weight:bold;
	text-decoration:underline;
}
#mainContent a:hover {
	text-decoration:none;
}
#mainContent p {
	font-size:12px;
	line-height:18px;
	padding:0 0 8px;
	margin:0;
}
#mainContent .homeCollection {
	margin:0 0 4px;
	padding:0 10px 10px;
	position:relative;
	width:525px;
}
#mainContent .homeCollection ul {
	padding:0;
	margin:0 0 0 18px;
	list-style-type:none;
}
#mainContent .homeCollection li {
	font-size:0.8em;
	line-height:1.4em;
	padding:0 10px 8px 22px;
	margin:0;
	color:#999999;
	background:url(/images/bullet.jpg) no-repeat;
}
#mainContent .homeCollection li.twoUp {
	width:198px;
	margin-right:10px;
	float:left;
	display:inline;
}
#mainContent .homeCollection a {
	color:#999999;
	font-weight:bold;
	text-decoration:underline;
}
#mainContent .homeCollection a:hover {
	text-decoration:none;
}
#mainContent .currentCollection {
	background:#ffffff url(../images/container_current_bg.gif) no-repeat bottom left;
	border:1px solid #f7b7f0;
	margin:3px 0 7px;
	padding:0 0 6px;
	min-height:222px;
	height:auto;
	width:525px;
}
#mainContent .promoCollection {
	background:#ffffff url(../images/container_promo_bg.gif) no-repeat bottom left;
	border:1px solid #f7b7f0;
	margin:3px 0 7px;
	padding:0 0 6px;
	min-height:222px;
	height:auto;
	width:525px;
}
#mainContent .mfgCollection {
	background:#ffffff url(../images/container_mfg_bg.gif) no-repeat bottom left;
	border:1px solid #f7b7f0;
	margin:3px 0 7px;
	padding:0 0 6px;
	min-height:222px;
	height:auto;
	width:525px;
}
#mainContent .plusCollection {
	background:#ffffff url(../images/container_plus_bg.gif) no-repeat bottom left;
	border:1px solid #f7b7f0;
	margin:3px 0 7px;
	padding:0 0 6px;
	min-height:222px;
	height:auto;
	width:525px;
}
* html #mainContent .currentCollection {
	height:222px;
}
* html #mainContent .promoCollection {
	height:222px;
}
* html #mainContent .mfgCollection {
	height:222px;
}
* html #mainContent .plusCollection {
	height:222px;
}
#mainContent .currentCollection ul,#mainContent .promoCollection ul,#mainContent .mfgCollection ul,#mainContent .plusCollection ul {
	padding:0 10px 6px;
	margin:0 0 0 100px;
	list-style-type:none;
}
#mainContent .currentCollection li, #mainContent .promoCollection li, #mainContent .plusCollection li {
	font-size:11px;
	padding:0 10px 3px;
	margin:0;
	color:#999999;
}
#mainContent .mfgCollection li {
	font-size:11px;
	padding:0 5px 6px;
	margin:0;
	width:120px;
	float:left;
	color:#999999;
}
#mainContent .currentCollection a,#mainContent .promoCollection a,#mainContent .mfgCollection a,#mainContent .plusCollection a {
	color:#999999;
	font-weight:bold;
	text-decoration:underline;
}
#mainContent .currentCollection a:hover,#mainContent .promoCollection a:hover,#mainContent .mfgCollection a:hover,#mainContent .plusCollection a:hover {
	text-decoration:none;
}
#itemDisplay {
	margin:0;
	padding:0;
}
#mainContent #itemDisplay ul,#mainContent .homeCollection #itemDisplay ul {
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
}
#mainContent .homeCollection #itemDisplay ul {
	margin-left:10px;
}
#mainContent #itemDisplay ul li {
	display:block;
	width:120px;
	height:164px;
	float:left;
	margin:2px 5px 8px;
	padding:3px;
	text-align:center;
	background:none;
}
/* Fix for IE 6 */
* html #mainContent #itemDisplay ul li {
	margin:2px 2px 10px;
}
/* home page item display */
#mainContent .homeCollection #itemDisplay ul li {
	margin:2px 1px 8px;
	padding:2px;
}
#mainContent #itemDisplay a {
	display:block;
	font-size:10px;
	line-height:12px;
	color:#ad35f8;
	margin:0;
	padding:3px;
	font-weight:normal;
	text-decoration:none;
	border:1px solid #ffffff;
	height:164px;
}
#mainContent #itemDisplay a:hover {
	background:#eaeaea;
	border:1px solid #ad35f8;
	margin:0;
	padding:3px;
	height:164px;
}
#mainContent #itemDisplay img {
	border:1px solid #f7b7f0;
	padding:2px;
	background:#ffffff;
}
.label {
	color:#ad35f8;
	font-weight:bold;
}
#error {
	border:2px solid #cc0000;
	background-color:#eaeaea;
	width:90%;
	margin:10px auto;
	padding:5px;
}
#error h1 {
	color:#cc0000;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0 0 10px 0;
	border:0;
}
#error ol {
	margin:0 0 0 20px;
	padding:0;
}
#error li {
	color:#cc0000;
	font-size:11px;
	margin-left:25px;
	padding:2px 10px 2px 0px;
}
.formTable {
	margin:0px auto 10px;
	padding:0px;
}
.formTable table {
	border:1px solid #ad35f8;
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	font-size:12px;
	line-height:16px;
}
.formTable td {
	padding:3px;
}
.formButton {
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	margin-top:10px;
	padding:2px;
	background-color:#ad35f8;
	border:1px solid #f7b7f0;
	cursor:pointer;
}
.listTable {
	margin:0px auto 10px;
	padding:0px;
}
.listTable table {
	border:1px solid #ad35f8;
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	font-size:12px;
}
.listTable th {
	background-color:#ad35f8;
	color:#ffffff;
	font-weight:bold;
	padding:3px;
}
.listTable td {
	border:1px solid #ad35f8;
	padding:3px;
}
.redText {
	color:#cc0000;
}
.purpleText {
	color:#ad35f8;
}
#footer {
	padding: 0 10px;
	margin:14px auto 10px;
	text-align:center;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 4px 0;
	font-size:11px;
	color:#999999;
}
#footer a {
	color:#ad35f8;
	text-decoration:underline;
}
#footer a:hover {
	text-decoration:none;
}
.floatright {
	float:right;
}
.floatleft {
	float:left;
}
.clearfloat {
	clear:both;
	height:1px;
}
/* Float clears */
.clearfloat {
	clear:both;
	height:0;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
 /* IE6 */
* html .clearfix {
	zoom: 1;
}
 /* IE7 */
*:first-child+html .clearfix {
	zoom: 1;
}