body {
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
	color: #444;	
}

h1 {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1em;
	font-size: 16px;
	color: #447ca9;	
	font-family: arial, verdana, sans-serif;
}

#start-box h1 {
	text-indent: -9999em;
	overflow: hidden;
	background: url(images/h1_start_here.gif) no-repeat;
	height: 69px;
	margin: 0 0 8px 0;
}

#login-box h3 {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1em;
	font-size: 16px;
	color: #fff;
	font-family: arial, verdana, sans-serif;	
}

h2 {
	font-size: 15px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	line-height: 1.5em;
	color: #A30C44;
	font-family: arial, verdana, sans-serif;
}

#columns h2 {
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 10px;
	color: #447ca9;	
	display: block;
	font-family: arial, verdana, sans-serif;
}  

#tool-box h2 {
	color: #447ca9;
	font-family: arial, verdana, sans-serif;	 
}

h3 {
	font-size: 1em;
	margin: 0 0 5px 0;
	line-height: 1.5em;
}

h4 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 1em;
	background: url(images/deco_link.gif) transparent top left no-repeat;
}

p {
	margin: 0 0 10px 0;
	line-height: 1.5em;
}

#start-box p {
	margin: 0 0 8px 0;
	line-height: 1.25em;
}

#supplier-box p {
	margin: 0 0 5px 0;
	line-height: 1.25em;
}

#login-box p {
	margin: 0 0 8px 0;
	line-height: 1.25em;
	font-size: 11px;
	font-family: arial, verdana, sans-serif;
	color: #444;
}

p.underline {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #fff;
}

ul {
	font-size: 1em;
	color: #444;
	padding: 0 0 10px 0;
	margin: 0 0 0 2em;
	list-style-position: outside;
}

ol {
	font-size: 1em;
	color: #444;
	padding: 0 0 10px 0;
	margin: 0 0 0 2em;
	list-style-position: outside;
}

li {
	line-height: 1.5em;
	margin-bottom: 5px;
	 
}

div.snapshot ul {
	padding: 10px 0 10px 0;
	margin: 0 0 0 1.5em;
	list-style-position: outside;
}

#start-box form select {
	font-size: 10px;
	width: 45px;
}

#supplier-box form select {
	font-size: 11px;
	width: 150px;
}


a:link {
	color: #a20d44;
	text-decoration: underline;
}

a:visited {
	color: #a20d44;
	text-decoration: underline;
}

a:hover {
	color: #a20d44;
	text-decoration: none;
}

/* top nav */

#top-nav  {
	border: 0;
	margin: 0;
	padding: 0;
	height: 54px;
	list-style-type: none;
}

#top-nav  li {
	display: block;
	float: right;
	padding: 0;
	margin: 0;

}

#top-nav  li a {
	height: 24px;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	color: #a30d44;
	text-decoration: none;
	display: block;
	font: 11px helvetica, arial, sans-serif;
	font-weight: bold;
	border-right: 0px solid #666;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 12px;
}

html>body #top-nav  li a {
	height: 12px;
	}

#top-nav  li a:hover {
	color: #d2638c;
}

#top-nav a:active {
	color: #d2638c;
}

#top-nav  li.one a {
	width: 90px;
	text-align: center;
	background: url(images/sep_topnav.gif) bottom left no-repeat;
}

#top-nav  li.two a {
	width: 90px;
	text-align: center;
	background: url(images/sep_topnav.gif) bottom left no-repeat;
}

#top-nav  li.three a {
	width: 120px;
	text-align: center;
}

/* breadcrumb */

#breadcrumb ul {
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	list-style-type: none;
	}

#breadcrumb ul li {
	display: inline;
	font-weight: bold;
	padding: 0 0 0 0;
	margin: 0;
	font-size: 11px;
	font-family: arial, verdana, sans-serif;
	color:	#447ca9;
}

#breadcrumb ul li a:link {
	padding: 0 0 0 0;
	text-decoration: underline;
	text-align: center;
}

#breadcrumb ul li a:visited {
	padding: 0 0 0 0;
	text-decoration: underline;
	text-align: center;
}

#breadcrumb ul li a:hover {
	padding: 0 0 0 0;
	text-decoration: none;
	text-align: center;
}





/*  sidenav  */

ul.sidenav {
	width: 205px;
	padding: 5px 0 5px 0;
    margin: 0 0 0 0;
	list-style-type: none;
	line-height: 11px;
	border: 0px solid #000;
	}

ul.sidenav li {
	margin: 0;
	font-size: 1em;
	}

ul.sidenav li a {
	display: block;
	color: #000;	
	padding: 4px 0 4px 10px;
	background: url(images/deco_nav.gif) transparent left no-repeat;
	font-family: helvetica, arial, sans-serif;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #c1c1c1;
	width: 205px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 195px;
	vertical-align: bottom;
}

html>body ul.sidenav li a {
width: 195px;
	}

ul.sidenav li a:visited {
	text-decoration: none;
	color: #000;
	background: url(images/deco_nav.gif) transparent left no-repeat;
	}

ul.sidenav li a:hover {
	text-decoration: none;
	color: #f47300;
	background: url(images/deco_nav.gif) transparent left no-repeat;
	}

ul.sidenav li.on a {
	color: #009a54;
	background: url(images/deco_nav_on.gif) transparent left no-repeat;
	}

ul.sidenav li.on a:visited {
	color: #009a54;
	background: url(images/deco_nav_on.gif) transparent left no-repeat;
	}

ul.sidenav li.on a:hover {
	color: #009a54;
	background: url(images/deco_nav_on.gif) transparent left no-repeat;
	}





/*  toolnav  */

ul.toolnav {
	width: 171px;
	padding: 5px 0 5px 0;
    margin: 0 0 0 0;
	list-style-type: none;
	line-height: 11px;
	border: 0px solid #000;
	}

ul.toolnav li {
	margin: 0;
	font-size: 1em;
	}

ul.toolnav li a {
	display: block;
	color: #a20d44;	
	padding: 3px 0 3px 15px;
	background: url(images/deco_nav.gif) transparent left no-repeat;
	font-family: helvetica, arial, sans-serif;
	text-decoration: none;
	font-weight: bold;
	border-top: 1px solid #fff;
	width: 171px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 156px;
	vertical-align: bottom;
}

html>body ul.toolnav li a {
width: 156px;
	}

ul.toolnav li a:visited {
	text-decoration: none;
	color: #a20d44;	
	background: url(images/deco_nav.gif) transparent left no-repeat;
	}

ul.toolnav li a:hover {
	text-decoration: none;
	color: #d2638c;
	background: url(images/deco_nav.gif) transparent left no-repeat;
	}

ul.toolnav li.on a {
	color: #447ca9;
	background: url(images/deco_nav_on.gif) transparent left no-repeat;
	}

ul.toolnav li.on a:visited {
	color: #447ca9;
	background: url(images/deco_nav_on.gif) transparent left no-repeat;
	}

ul.toolnav li.on a:hover {
	color: #447ca9;
	background: url(images/deco_nav_on.gif) transparent left no-repeat;
	}




/* footer */

#footer p {
	color: #86a9c4;
	font-size: 11px;
}

#footer p a:link {
	color: #86a9c4;
}

#footer p a:visited {
	color: #86a9c4;
}

#footer p a:hover {
	color: #a20d44;
}


a img {
	border: 0;
}

div.error-wrapper {
	width: 390px;
}

p.error {
	padding: 10px;
	border: 1px dashed #A30C44;
}

#supplier-contact p.error {
	margin-top: 10px; 
	padding: 10px;
	background-color: #A30C44;
	color: #fff;
}

p.confirmation {
	padding: 10px;
	border: 1px dashed #A30C44;
	font-weight: bold;
}

img.verification-code {
	vertical-align: bottom;
}

p.personal-note {
margin-top: 5px;
	padding: 10px;
	border: 1px dashed #666;
color: #666;
}

table.form-table {
	width: 100%;
	clear: both;
	margin-bottom: 20px;
	border-bottom: 1px solid #A30C44;
}

table.form-table td {
	padding: 10px;
	background-color: #FAF1F3;
	vertical-align: top;	
}

table.form-table th {
	padding: 10px;
	background-color: #FAF1F3;
	font-size: 1.2em;
	color: #A30C44;
	vertical-align: top;
	text-align: left;	
}

table.form-table th.item {
    width: 200px;
}

table.form-table tr.sub-head th {
	font-size: 11px;
	color: #444;	
}

table.form-table select.date {
	width: 50px;
}

table.form-table select.state {
width: 60px;
}

#start-box select.date {
	width: 45px;
}


table.form-table select {

}

table.login-form td {
	vertical-align: top;
	padding-right: 30px;
	
}

select {
	font-size: 11px;
}

p.ad-nav {
	float: right;
}

h2.ad-page-title {
	clear: both;
}

.right {
float: right;
}

.left {
float: left;
}

p.add-item {
padding-left: 15px;
background: url(images/buttons/icon_plus.gif) transparent center left no-repeat;
font-weight: bold;
line-height: 1em;
margin: 0;
}

p.del-item {
padding-left: 15px;
background: url(images/buttons/icon_minus.gif) transparent center left no-repeat;
font-weight: bold;
line-height: 1em;
margin: 0;
}

.next-button {
	float: right;
	padding: 10px 0 0 0;
}

.prev-button {
	padding: 10px 0 0 0;
}



form.date-select table td {
	font-size: 11px;
	border: 1px solid #ccc;
	padding: 1px;
}

form.date-select table th {
	border: 1px solid #ccc;
	padding: 1px;
}

img.update-task-button {
	padding-right: 42px;
}


/* home tab-box stuff */

#tabs {
	width: 776px;
	border: 0px solid #000;
	border-top: 1px solid #86a9c5;
	margin: 0;
	padding: 15px 0 0 0;
}

ul.shadetabs {
	margin: 0;
	padding: 0;
	border: 0px solid #f00;
	height: 29px;
}

ul.shadetabs li {
      list-style-type: none;
      margin: 0 0 0 0;
		padding: 0;
		float: left;
		border: 0px solid #f00;
   }

		ul.shadetabs  li#nav1 a { width: 247px;  background: url(images/tabnav_one.gif) left top no-repeat; }
		ul.shadetabs  li#nav2 a { width: 174px;  background: url(images/tabnav_two.gif) left top no-repeat; }
		ul.shadetabs  li#nav3 a { width: 127px;  background: url(images/tabnav_three.gif) left top no-repeat; }
		ul.shadetabs  li#nav4 a { width: 127px;  background: url(images/tabnav_four.gif) left top no-repeat; }

		ul.shadetabs  li a:hover,
		ul.shadetabs  li a:active,
		ul.shadetabs  li a:focus,
		ul.shadetabs  li a.selected {
		   background-position: 0 -29px !important;
			outline: none;
		}

		ul.shadetabs  li a {
		   display: block;
		   text-indent: -999em;
		   height: 29px;
			outline: none;
		   text-decoration: none;
		}

		/* implement Double Buffer patch to fix flicker of background image on hover in IE6 */
		ul.shadetabs  li#nav1 { width: 247px;  background: url(images/tabnav_one.gif) left top no-repeat; }
		ul.shadetabs  li#nav2 { width: 174px;  background: url(images/tabnav_two.gif) left top no-repeat; }
		ul.shadetabs  li#nav3 { width: 127px;  background: url(images/tabnav_three.gif) left top no-repeat; }
		ul.shadetabs  li#nav4 { width: 127px;  background: url(images/tabnav_four.gif) left top no-repeat; }

	div.prizes {
		background-color: #eaf4d2;
		width: 776px; 
		margin: 0 0 0 0;
		padding: 0;
	}

	#prize1,
	#prize2,
	#prize3,
	#prize4 {
		border: 0px solid #000;
		height: 170px;
		padding: 20px 15px 0 15px;
		voice-family: "\"}\"";
		voice-family: inherit;
		height: 150px;
		}

		html>body#lottery #prize1,
		html>body#lottery #prize2,
		html>body#lottery #prize3,
		html>body#lottery #prize4 {
		height: 150px;
		}
		
		div.tab-pic {
			text-align: center;
			width: 184px;
			float: left;
			padding: 0 10px;
			border: 0px solid #f00;
			voice-family: "\"}\"";
			voice-family: inherit;
			width: 164px;
			}

			html>body div.tab-pic {
			width: 164px;
		}
		
			div.tab-pic img {
				margin: 0 0 5px 0;
				border: 2px solid #fff;
			}
			
			div.tab-pic p {
				text-align: center;
				padding: 0 0 0 0;
				font-family: arial;
				font-size: 12px;
				color: #000;
			}
			
/* extra text styles for home page */

#popular-items h1 {
	margin: 0 5px 10px 15px;
}

#popular-items ul,
div.extra-content ul {
	margin: 0 0 15px 0;
	padding: 0 10px;
}

	#popular-items ul li,
	div.extra-content ul li {
		margin: 0 0 6px 0;
		list-style-type: none;
		background: url(images/deco_arw_blue.gif) transparent left center no-repeat;
		padding: 0 0 0 15px;
		line-height: 1.25em;
	}

#home-trends h2 {
	color: #1f5e90;
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 1em;
	font-size: 16px;
	font-family: arial, verdana, sans-serif;
}
		
	div.trends-text {
		font-family: arial, verdana, sans-serif;
		font-size: 12px;
	}
	
#home-tools h2 {
	color: #5a2b76;
	margin: 0 0 10px 12px;
	padding: 0;
	line-height: 1em;
	font-size: 16px;
	font-family: arial, verdana, sans-serif;
}
	
#home-tools ul {
		width: 235px;
		padding: 0;
	   margin: 0 0 10px 0;
		list-style-type: none;
		line-height: 11px;
		border: 0px solid #000;
		}

	#home-tools ul li {
		margin: 0;
		font-size: 1em;
		}

		#home-tools ul li a {
			display: block;
			color: #fff;	
			padding: 5px 0 5px 35px;
			background: url(images/deco_tools_tick.gif) transparent left no-repeat;
			font-family: helvetica, arial, sans-serif;
			text-decoration: none;
			font-weight: normal;
			width: 235px;
			voice-family: "\"}\"";
			voice-family: inherit;
			width: 200px;
			vertical-align: bottom;
		}

		html>body #home-tools ul li a {
		width: 200px;
			}

			#home-tools ul li a:visited {
				text-decoration: none;
				color: #fff;
				background: url(images/deco_tools_tick.gif) transparent left no-repeat;
				}

			#home-tools ul li a:hover {
				text-decoration: none;
				color: #5a2b76;
				background: url(images/deco_tools_tick.gif) transparent left no-repeat;
				}

#honeymoon h2 {
	color: #617f26;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1em;
	font-size: 16px;
	font-family: arial, verdana, sans-serif;
}

	#honeymoon p {
		font-family: arial, verdana, sans-serif;
		font-size: 12px;
	}

#home-directory h2 {
	color: #447ca9;
	background-color: #daecf8;
	padding: 7px 14px;
	font-size: 16px;
}

	#home-directory p {
		font-family: arial, verdana, sans-serif;
		font-size: 12px;
		margin: 0 10px 10px 10px;	
	}

	#home-directory h3 {
		margin: 0 10px 10px 10px;
	}
	
	#home-directory h4 {
		color: #47a7e5;
		margin: 0 10px 5px 10px;
		font-family: arial, verdana, sans-serif;
		font-size: 12px;
	}
	
	div.direc-col h4 a:link,
	div.direc-col h4 a:visited {
	   color: #47a7e5;
	   text-decoration: underline;
	}

	div.direc-col h4 a:hover,
	div.direc-col h4 a:focus,
	div.direc-col h4 a:active {
	   color: #51b7ea;
	   text-decoration: none;
	}