/* ------------------------------------------------------------------
 * GENERAL
 * ------------------------------------------------------------------ */

		body {
			background-color: #DDDDDD;
			color: #333;
			font-family: Verdana, sans-serif;
			font-size: 12px;
			margin: 0;
			padding: 32px 0;
			}
		p, h1, h2, h3, h4, h5, h6 {
			margin: 0 0 1em;
			padding: 0;
			}
		h1 {
			font-weight: normal;
			font-size: 24px;
			}
		h2 {
			font-weight: bold;
			font-size: 20px;
			}
		h3 {
			font-weight: bold;
			font-size: 16px;
			}
		h4 {
			font-weight: bold;
			font-size: 13px;
			margin-top: 0;
			padding: 0;
			}
		h5 {
			font-weight: bold;
			font-size: 12px;
			margin: 0;
			padding: 0;
			}
		a {
			color: #C60;
			text-decoration: none;
			}
		a:hover {
			color: #930;
			text-decoration: underline;
			}
		form {
			margin: 0;
			padding: 0:
			}
		hr {
			border: 0;
			border-top: 1px solid #CCC;
			height: 1px;
			margin: 1em 0;
			padding: 0;
			}
		sup {
			font-size: 66%;
			}

		.fine_print {
			font: 11px/1em Verdana, Tahoma, Helvetica, Arial, sans-serif;
			margin: 0 0 7px;
			padding: 0;
			}
		
		.callout {
			background-color: #ffdd99;
			padding: 8px;
		}
		.announcement {
			background-color: #ffcccc;
			margin-bottom: 1em;
			padding: 8px;
		}
		.announcement h4 {
			color: #ff0000;
		}
		.error {
			background-color: #eeeeee; 
			border: 1px solid #CCCCCC; 
			color: #CC0000; 
			padding: 16px; 
			margin-bottom: 1em; 
			width: 672px; /* box model hack */
			voice-family: "\"}\"";
			voice-family: inherit;
			width: 638px;
			}
		html>body .error {
			width: 638px;
			}		


/* ------------------------------------------------------------------
 * LAYOUT
 * ------------------------------------------------------------------ */

		#wrapper {
			background-color: #FFF;
			margin: 0 auto;
			width: 960px;
			}
		#header {
			background-color: #DDDDDD;
			}
		#logo {
			background-color: #DDDDDD;
			height: 32px;
			margin: 0 32px;
			}
		#search {
			float: right;
			}
		#nav {
			background: #5D5E62 url(images/misc/arc-top.gif) no-repeat top left;
			height: 32px;
			padding: 32px 32px 0;
			position: relative;
			}
		#utilities {
			font-size: 11px;
			position: absolute;
			bottom: 16px;
			right: 32px;
			}
		#utilities ul {
			margin: 0;
			padding: 0;
			}
		#utilities ul li {
			display: inline;
			list-style-type: none;
			}
		#utilities ul li a {
			border-right: 1px solid #C0C0C0;
			color: #C0C0C0;
			height: 32px;
			padding: 0 20px 16px;
			text-decoration: none;
			}
		#utilities ul li a.last {
			border-right: 0;
			padding-right: 0;
			}
		#utilities ul li a.active {
			color: #E4973D;
			}
		#utilities ul li a:hover {
			color: #E4973D;
			text-decoration: underline;
			}


		#buttons ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			}
		#buttons ul li {
			border: 0;
			display: block;
			float: left;
			margin: 0;
			padding: 0;
			}
		#buttons ul li a {
			background: #DDD url(images/misc/button-tab_off.gif) no-repeat top center;
			color: #5D5E62;
			display: block;
			height: 20px;
			padding: 12px 0 0;
			text-align: center;
			text-decoration: none;
			width: 96px;
			}
		#buttons ul li a.active {
			background: #5d5e62 url(images/misc/button-tab_on.gif) no-repeat top center;			
			color: #FFF;
			}
		#buttons ul li a:hover {
			background: #5d5e62 url(images/misc/button-tab_over.gif) no-repeat top center;			
			color: #C0C0C0;
			text-decoration: underline;
			}
		#buttons ul li a.active:hover {
			background: #5d5e62 url(images/misc/button-tab_on.gif) no-repeat top center;			
			color: #930;
			}		
		
		
		#navDivider {
			background-color: #E4973D;
			clear: both;
			font-size: 1pt;
			height: 10px;
			}
		#subNav {
			background-color: #FC6;
			font-size: 8pt;
			position: relative;
			}
		#subNav ul {
			margin: 0;
			padding: 10px 20px;
			}
		#subNav ul li {
			border-right: 1px solid #5D5E62;
			display: inline;
			list-style-type: none;
			padding: 0 12px;
			}
		#subNav ul li.last {
			border-right: 0;
			}
		#subNav ul li a {
			color: #5D5E62;
			text-decoration: none;
			}
		#subNav ul li a.active {
			color: #930;
			}
		#subNav ul li a:hover {
			color: #930;
			text-decoration: underline;
			}			
		
		#blurb {
			color: #666;
			font-weight: bold;
			position: absolute;
			top: 10px;
			right: 32px;
			}
		
		#middle {
			background-color: #FFF;
			margin: 0;
			padding: 24px 0;
			}


		#main {
			border: 0px solid red;
			border-left: 1px solid #C0C0C0;
			height: 1%; /* 3px jog bug IE(win); see #sidebar */
			padding-left: 32px;
			width: 716px; /* box model hack */
			voice-family: "\"}\"";
			voice-family: inherit;
			width: 693px;
			}
		html>body #main {
			height: auto;
			margin-left: 224px;
			width: 693px;
			}


		#sidebar {
			border: 0px solid red;
			border-right: 1px solid #C0C0C0;
			float: left;
			font-size: 8pt;
			margin-right: -4px; /* 3px jog bug IE(win); see #main */
			margin-bottom: 24px;
			padding-left: 32px;
			padding-right: 32px;
			width: 224px; /* box model hack */
			voice-family: "\"}\"";
			voice-family: inherit;
			width: 160px;
			}
		html>body #sidebar {
			margin-right: 0;
			width: 160px;
			}
		#sidebar ul {
			margin: 0;
			padding: 0;
			}
		#sidebar ul li {
			list-style-type: none;
			padding: 0 0 8px;
			/* padding: 0; */
			}
		html>body #sidebar ul li {
			margin-bottom: -1px;		
			}
		#sidebar ul li.active {
			border-top: 1px solid #CCC;
			padding-top: 8px;
			}
		#sidebar ul li.active ul {
			border-bottom: 1px solid #CCC;
			padding-bottom: 8px;
			}
		#sidebar ul li.inactive ul {
			display: none;
			}

		#sidebar ul li.active ul li {
			padding-left: 12px;
			padding-top: 3pt;
			padding-bottom: 0;
			}
		#sidebar ul li.active ul li.active {
			background: url(images/misc/bullet-plus_sign.gif) no-repeat 0px 1px;
			border: 0;
			}
		#sidebar ul li a {
			color: #C60;
			font-weight: bold;
			text-decoration: none;
			}
		#sidebar ul li.active ul li a {
			color: #5D5E62;
			font-weight: normal;
			}
		#sidebar ul li a:hover {
			text-decoration: underline;
			}
		
		#sidebar H3 {
			color: #E4973D;
			}
		#sidebar h5 {
			margin-top: 32px;
			}


		#footer {
			background-color: #FC6;
			clear: both;
			font-size: 8pt;
			text-align: center;
			}
		#footer ul {
			list-style-type: none;
			margin: 0;
			padding: 10px;
			}
		#footer ul li {
			border-right: 1px solid #5D5E62;
			display: inline;
			margin: 0;
			padding: 0 12px;
			}
		#footer ul li.last {
			border-right: 0;
			}
		#footer ul li a {
			color: #5D5E62;
			text-decoration: none;
			}
		#footer ul li a:hover {
			color: #930;
			text-decoration: underline;
			}


		#copyright {
			background: #DDDDDD url(images/misc/arc-bottom.gif) no-repeat top left;
			color: #C0C0C0;
			height: 32px;
			padding-top: 8px;
			}
		
/* ------------------------------------------------------------------
 * HOME
 * ------------------------------------------------------------------ */

		#sidebarHome {
			border: 0px solid red;
			border-right: 1px solid #C0C0C0;
			float: left;
			font-size: 8pt;
			margin-right: -4px; /* 3px jog bug IE(win); see #main */
			margin-bottom: 24px;
			padding-left: 32px;
			padding-right: 32px;
			width: 224px; /* box model hack */
			voice-family: "\"}\"";
			voice-family: inherit;
			width: 160px;
			}
		html>body #sidebarHome {
			margin-right: 0;
			width: 160px;
			}
		#sidebarHome ul {
			border-bottom: 1px solid #CCC;
			margin: 0;
			padding: 0;
			}
		#sidebarHome ul li {
			list-style-type: none;
			padding: 0;
			border-top: 1px solid #CCC;
			padding-top: 8px;
			}
		html>body #sidebarHome ul li {
			margin-bottom: -1px;		
			}
		#sidebarHome ul li a {
			color: #C60;
			font-weight: bold;
			text-decoration: none;
			}
		#sidebarHome ul li ul {
			border-bottom: 0;
			padding-bottom: 8px;
			}
		#sidebarHome ul li ul li {
			padding-left: 12px;
			padding-top: 3pt;
			padding-bottom: 0;
			border: 0;
			}
		#sidebarHome ul li ul li a {
			color: #5D5E62;
			font-weight: normal;
			}
		#sidebarHome ul li a:hover {
			text-decoration: underline;
			}
		#sidebarHome h3 {
			color: #E4973D;
			}
		#sidebarHome h5 {
			margin-top: 32px;
			}


		#splashDisplay {
			margin-bottom: 16px;
			position: relative;
			width: 672px;
			}
		#splashDisplay p {
			margin: 0;
			padding: 0;
			line-height: 1.5em;
			}
		#featuredBoxes {
			overflow: auto;
			}
		#featuredBoxes .left {
			margin-right: 16px;
			}
		.featuredBox {
			background-color: #FFF5E1; 
			border: 1px solid #CCC; 
			float: left;
			margin-bottom: 1em;
			overflow: auto;
			padding: 6px; 
			position: relative;
			width: 328px; /* box model hack */
			voice-family: "\"}\"";
			voice-family: inherit;
			width: 314px;
			}
		html>body .featuredBox {
			width: 314px;
			}
		.featuredBox h2 {
			color: #666;
			font-size: 12pt;
			font-style: italic;
			margin: 0;
			}
		.featuredBox h3 {
			font-size: 14px;
			font-weight: normal;
			padding-top: 10px;
			}
		.featuredBox h4 {
			margin-bottom: 1em;
			}
		.featuredBox .image {
			float: right;
			width: 142px; 
			height: 142px;
			}
					
/* ------------------------------------------------------------------
 * PRODUCTS
 * ------------------------------------------------------------------ */

		.thumbnailGroup {
			border: 0px solid red;
			height: 100%;		
			width: 688px;
			overflow: auto;
			}
		.thumbnailGroup h2 {
			font-size: 12pt;
			}
		.thumbnailGroup h3 {
			font-size: 10.5pt;
			}
		.thumbnail {
			border: 1px solid #CCC;
			float: left;
			height: 330px;
			margin-right: 16px;
			margin-bottom: 16px;
			padding: 6px;
			position: relative;
			width: 156px; /* box model hack */
			voice-family: "\"}\"";
			voice-family: inherit;
			width: 142px;
			}
		html>body .thumbnail {
			width: 142px;
			}
		.thumbnail p {
			font-size: 9px;
			}
		.thumbnail h3 {
			font-size: 14px;
			font-weight: normal;
			padding-top: 10px;
			}
		.thumbnail h4 {
			margin-bottom: 1em;
			}
/*		.thumbnail img {
			background-color: #EEE;
			}	*/
		.thumbnail .image {
			dislay: inline;
			width: 142px; 
			height: 142px;
			}
		.thumbnailGroup .right {
			margin-right: 16px;
			}
		.cartButton {
			padding: 8px;			
			position: absolute; 
			bottom: 0; 
			left: 0; 
			border: 0px solid red; 
			}
		.cartButton p {
			font-size: 9px;
			}
		#contentDisplay {
			margin-bottom: 1em;
			position: relative;
			width: 672px;
			}
		#productDisplay {
			border-bottom: 1px solid #CCC;
			margin-bottom: 1em;
			position: relative;
			width: 672px;
			}
		#productDisplay h2 {
			color: #C60;
			}
		
		.displayDescription {
			height: 1%; /* 3px jog bug IE(win); see .displayPhoto */
			width: 328px;
			}
		.displayDescription h1 {
			margin-bottom: .5em
			}
			
		.displayPhoto {
			float: right;
			margin-left: -3px; /* 3px jog bug IE(win); see displayDescription */
			text-align: center;
			width: 328px;
			}

		.image {
			/*background-color: #EEE;*/
			text-align: center;
			}
		.button {
			padding: 4px 0 1em;
			}
		.breadcrumbs {
			font-size: 8pt;
			font-weight: bold;
			}
		
		#reviewsGroup {
			border-top: 1px solid #CCC;
			padding-top: 1em;
			width: 672px;
			}
		#reviewsGroup h3 a {
			color: #333;
			}
		.review {
			background-color: #FFFFE0;
			border: 1px solid #CCC;
			margin-top: 1em;
			padding: 6px;
			}
		.review td {
			padding-bottom: 16px;
			padding-right: 10px;
			}
		#rateProduct {
			width: 672px;
			}


/* ------------------------------------------------------------------
 * CART
 * ------------------------------------------------------------------ */

		#cart {
			margin-bottom: 1em;
			}
		#cart th.price {
			text-align: right;
			padding-right: 1em;
			}
		#cart th.description {
			text-align: left;
			padding-left: 1em;
			}
		#cart table.displayBox {
			border: 1px solid #CCC;		
			}
		#cart th.displayBox {
			background-color: #EEE;
			border-bottom: 1px solid #CCC;
			color: #666;
			font: bold 8pt/2em Arial, sans-serif;
			}
		#cart td.displayBox {
			background-color: #FEC;
			padding: 1em;
			}
		tr.cart_data th.sum {
		   	background-color: #ffdd99;
			border-top: 1px solid #ffcc66;
		   	font-weight: bold;
		   	color: #666;
		}
		tr.cart_data th {
			font: bold 8pt Arial, sans-serif;
			padding: 8px;
		}
		tr.cart_data td {
			background-color: #ffeecc;
			border-top: 1px solid #ffcc66;
			font: 8pt Verdana, Tahoma, Helvetica, Arial, sans-serif;
			padding: 8px;
			}
		tr.first td {
			border-top: 0;
			}
		tr.cart_data .input {
			text-align: center;
			}
		tr.cart_data .description {
			text-align: left;
			}
		tr.cart_data .price {
			text-align: right;
			}
		th.total {
			background-color: #FFCC66;
			}
		tr.cart_data td.total {
			background-color: #FFF;
			font-weight: bold;
			}


/* ------------------------------------------------------------------
 * CHECKOUT PROCESS
 * ------------------------------------------------------------------ */

		#displayBox {
			background-color: #FEC;
			border: 1px solid #CCC;
			padding: 1em;
			}
		table.displayBox {
			border: 1px solid #CCC;		
			}
		th.displayBox {
			background-color: #EEE;
			border-bottom: 1px solid #CCC;
			color: #666;
			font: bold 8pt/2em Arial, sans-serif;
			}
		td.displayBox {
			background-color: #FEC;
			padding: 1em;
			}

		#login, #addressBook, #payment, #instructions {
			margin-bottom: 1em;
			}

		#login p {
			line-height: 1.2em;
			margin-bottom: 1em;
		}

		#addressBook th.displayBox {
			padding-left: 4px;
			}
		#orderHistory {
			background-color: #CCC;
			}
		.label {
			color: #666;
			font: bold 8pt Arial, sans-serif;
			}
		.label_required {
			color: #F00;
			font: bold 8pt Arial, sans-serif;
			}
		
		#order .arrow {
			background-image: url(images/misc/checkout_arrow_bkgd.gif);
			background-position: right;
			color: #FFF;
			padding-left: .5em;
			text-align: left;
			}