#header-box

{

	position: relative; /* Must be set in order to tame the internal absolute elements otherwise they have no base */

	width: 1000px;

	background-color: #ffffff;

	border-left: 1px solid #cccccc;

	border-right: 1px solid #cccccc;

}

#logo-box

{

	width: 116px;

	height: 62px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

}

#logo-box-glass

{

	width: 65px;

	height: 65px;

	margin: 0px 0px 0px 2px;

	padding: 0px 0px 0px 0px;

}

#header-links-box

{

	position: absolute;

	left: 595px;

	top: 42px;

	width: 400px;

}

.header-links-float

{

	float: right; /* this could be removed if the image was not contained in a div and then we wouldn't need this class */

	margin-left: 3px; /* this could be removed with fixing the graphic to have it's own left margin */

}

.header-links-float h5 /* Why are our links h5's?  They should just be styled links, or a styled div.  This could be in page instead of the style sheet */

{

	font-size: 10px;

	margin-top: 4px;

}

.header-links-float a:link, .header-links-float a:visited, .header-links-float a:active

{

	color: #666666; /*meduim gray*/

	text-decoration: underline;

}

.header-links-float a:hover

{

	color: #ffa616; /*orange*/

	text-decoration: underline;

}

/*this is the link for the rollover of the cart image*/

.cart a:link, .cart a:visited, .cart a:active

{

	display: block; /*this needs to be here to render correctly*/

	width: 18px;

	height: 20px;

	background: url(Images/cart-18-20.gif) no-repeat; /*gray cart img*/

}

/* this is the hover state of the cart img*/

.cart a:hover

{

	display: block;

	width: 18px;

	height: 20px;

	background: url(Images/cart-18-20-over.gif) no-repeat; /*orange cart img*/

}

#orange-dots-box a  /* This could be in page instead of the style sheet */

{

	position: absolute; /*positioned out of the flow of the content, but still contained within its parent div, header-box*/

	left: 940px;

	top: 0px;

	width: 60px;

	height: 20px;

	cursor: default;

	background: url(Images/orange-dots-60-20.gif) no-repeat;

}

#nav-outer-box

{

	width: 1000px;

	background: #ffffff;

	border-left: 1px solid #cccccc;

	border-right: 1px solid #cccccc;

	padding-bottom: 2px;

	font-size: 8pt;

}

#nav-box

{

	background: url(Images/nav-bg-new.jpg) #3e5b65 repeat-y;

	width: 988px;

	height: 18px;

	margin: 0px 5px 2px 5px;

	border: 1px solid #3e5b65;

	color: #ffffff

}

#breadcrumb-box

{

	position: relative;

	background: #666666;

	overflow: hidden;

	width: 984px;

	height: 18px;

	margin: 0px 5px 0px 5px;

	padding: 2px 0px 0px 6px;

}

#breadcrumb-box, #breadcrumb-box a:link, #breadcrumb-box a:visited, #breadcrumb-box a:active

{

	color: #bbbbbb;

	text-decoration: none;

}

#breadcrumb-box a:hover

{

	color: #eeeeee; /* light gray*/

	text-decoration: underline;

}