html, body {height: 100%; }
body { 
	background-color: #ffffff; 
	text-align: center;
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #696969;
	padding: 0px;
	margin: 0px;
}
a img { border: 0px;}
a { 
	color: #194466; 
	text-decoration: none;
}
a:hover { text-decoration: underline; }
h1, h2, h3, h4, p, ul, ul li {
	padding: 0px;
	margin: 0px;
}
ul li { list-style: none; }
h2 { margin-bottom: 15px;}
h3 { line-height: 15px;}
#page-background { 
	background-color: #000000;
	height: 100%;
}
#container-outer {
	margin: 0px auto;
	background-image: url('images/bg-container-outer.jpg');
	background-repeat: repeat-x;
	text-align:left;
	padding: 19px 25px;
	width: 970px;
}
#container-inner {
	background-color: #ffffff;
	padding: 17px 16px;	
	
}
#content {
	background-color: #808080;
	background-image: url('images/bg-content.jpg');
	background-repeat: repeat-x;
	margin-top: 16px;
	padding: 21px;
	padding-bottom: 0px;
	height: 584px;
}
#site-header {
	background-image: url('images/bg-site-header.jpg');
	background-repeat: no-repeat;
	height: 56px;
	width: 100%;
	text-indent: -1000px;
	overflow: hidden;
}
#feature {
	background-image: url('images/bg-feature.jpg');
	background-repeat: no-repeat;
	height: 229px;
	width: 846px;
	color: #ffffff;
	font-size: 12px;
	line-height: 18px;
	overflow: visible;
	margin: 0px 0px 0px 21px;
}
#feature a { color: #cccccc; text-decoration: underline; }
#footer {
	margin-top: 20px;
	text-align: center;
	font-size: 11px;
	line-height: 14px;
}
#footer a { color: #696969;}
#learn-more {
	position: absolute;
	width: 471px;
	height: 298px;
	display: none;
	top: 241px;
	border: 1px solid #ffffff;
	background: transparent;
	background-image: url('images/bg-learn-more.jpg');
	background-repeat: no-repeat;
	font-size: 12px;
	line-height: 15px;
	color: #ffffff;
	overflow: hidden;
	text-align: left;
}
#learn-more .close-x {
	float: right;
	margin: 0px 0px 0px 0px;
}
#learn-more .headline { 
	font-size: 14px; 
	padding-top: 17px;
	padding-left: 27px;
}

#learn-more ol { 
	padding: 0px 37px 0px 0px; 
	margin: 12px 0px 0px 55px;
}
#learn-more ol li { line-height: 15px; padding-bottom: 2px; }
#learn-more .webslice-thumbnail {
	margin-top: 4px;
}
#feature-text {
	margin: 82px 0px 0px 590px;
	width: 178px;
	display:inline; 
}
.icon { vertical-align: text-bottom; }
.pod { 
	width: 411px; 
	background-color: #ffffff;
	margin-top: 15px;
	float: left;
}
.highlights {
	margin-right: 22px;
}
.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}
.pod {
	height: 368px;
	overflow: hidden;
}
.pod .top-bar {
	background-image: url('images/bg-h2-highlights.jpg');
	background-repeat: no-repeat;
	overflow: hidden;
	height: 34px;
	margin-bottom: 15px;
}
.pod .top-bar .pagination {
	float: right;
	margin: 7px;
}
.pod .top-bar .pagination a {
	display: block;
	float: left;
	width: 21px;
	line-height: 15px;
	
	overflow: none;
	text-align: center;
	color: #999999;
	border: 1px solid #999999;
	text-decoration: none;
}
.pod .top-bar .pagination a:hover, 
.pod .top-bar .pagination a.active {
	color: #ffffff;
	border: 1px solid #ffffff;
}


.highlights .top-bar {
	background-image: url('images/bg-h2-highlights.jpg');
}
.offers .top-bar {
	background-image: url('images/bg-h2-offers.jpg');
}
.item {
	padding: 0px 27px 13px 27px;
	clear: both;
	overflow: hidden;
	clear: both;
}
.highlights .item  { height: 58px;}

.highlights .item p,
.highlights .item h3 {
  margin-left: 78px;
}

.highlights h3 { font-size: 12px; }

.offers .item  { height: 92px;}

.offers .item h3 { font-size: 14px; } 

.thumbnail {
	float: left;
}
.highlights .thumbnail {
	width: 58px;
}
.offers .thumbnail {
	width: 115px;
}

.offers .item p,
.offers .item h3 {
  margin-left: 127px;
}

.entry-title { display: none; }
.price {
	float: right;
	color: #007cc7;
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	text-align: right;
	width: 68px;
	height: 93px;
	overflow: hidden;
}
.links { 
	padding-left: 28px; 
	clear: left;
}
.links div {
	float: left;
	height: 52px;
	overflow: hidden;
	border-left: 1px solid #666666;
	padding: 0px 6px 0px 16px;
}
.links div.first {
	border-left: 0px solid #666666;
	padding: 0px 6px 0px 0px;
}
.links div.last { padding: 0px 0px 0px 16px; }
.links ul { 
	float: left; 
	margin-right: 10px;
}
.links a { color: #696969;}
.links h4 { 
	color: #194466; 
	margin-bottom: 4px;
	font-size: 12px;
}

/* Pagination */
#highlights-item-page-1 { display: block; }
#highlights-item-page-2 { display: none; }
#highlights-item-page-3 { display: none; }
#offers-item-page-1 { display: block; }
#offers-item-page-2 { display: none; }
#offers-item-page-3 { display: none; }

/* Single Column */
.single-column .offers {
	display: none;
}
.single-column .highlights {
	width: 846px;
}



/* Alternate web slice display */
.slice-inner { background: #ffffff;  }
.display-content { display: none; }
.quick-links {
  clear: left;
  padding-left: 19px;
  margin-left: 27px;
  background-image: url('images/hp_circlelogo_3d-14px.gif');
	background-repeat: no-repeat;
  height: 16px;
  overflow: hidden;
}
#container-outer .display-content { display: block; }
#container-outer .slice-content { display: none; }
.slice-content { 
	text-align: left;
	padding: 17px;
}
.slice-content h3 { 
	font-size: 17px;
	margin-bottom: 17px; 
}
.slice-content .thumbnail {
	width: 200px;
}
.slice-content .price {
	float: none;
	font-size: 24px;
	padding-bottom: 17px;
} 
.slice-content .quick-links, 
.slice-content .quick-links-offers
{
	clear: both;
	text-align: right;
	font-size: 9px;
	line-height: 14px;
	margin-top: 17px;
	background-repeat: no-repeat;
}
.slice-content .quick-links,
.slice-content .quick-links a,
.slice-content .quick-links-offers,
.slice-content .quick-links-offers a 
{
	color: #666666;
}
.slice-content .quick-links img,
.slice-content .quick-links-offers img {
	vertical-align: middle;
	margin-right: 3px;
}
.slice-content .highlight-box {
	border: 1px solid #999999;
	border-top: 0px;
	padding: 13px;
}
.slice-content .highlight-box .thumbnail {
	width: 150px;
}
.slice-content .highlight-box .quick-links { text-align: left; }
.slice-content .highlight-box-header {
	background-image: url('/images/bg-highlight-box-header.jpg');
	background-repeat: repeat-x;
	
}

/* Sandbox */
#page-background { 
	background-color: #000000;
	height: 100%;
}
#container-outer {
	margin: 0px auto;
	background-image: url('images/bg-container-outer.jpg');
	background-repeat: repeat-x;
	text-align:left;
	padding: 0px;
	width: 970px;
}

#container-inner {
	padding: 0px;	
	padding: 19px 25px;
	background: transparent;
}
#content {
	background-color: #808080;
	background-image: url('images/bg-content.jpg');
	background-repeat: repeat-x;
	border: 16px solid #ffffff;
	padding: 0px;
	height: auto;
	margin-top: 0px;
}
#feature {
	/*margin: 0px 0px 0px 21px; */
	

}
#highlights-slice {
	margin: 15px 22px 21px 21px;
	display:inline; 
}
#feature-text { float:left; }