/*
========================
Layout
========================
*/
div.container {
	background:#e7e7e7;
}
div.content {
	margin:16px;
}
* html div.content {
	position:relative; /* For all our IE6 friends out there */
}

/*
========================
Header
========================
*/
ul.subnav {
	height:2.5em;
	background:#444;
	border-top:1px solid #ddd;
}
ul.subnav li {
	float:left;
}
ul.subnav li a {
	float:left;
	color:#fff;
	padding:0 1em;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	line-height:2.5em;
}
ul.subnav li a:hover,
ul.subnav li a.active {
	background:#888;
}

/*
========================
Product Results (Public)
========================
*/
div.product {
	height:285px;
	width:162px;
}
div.product p {
	padding-top:4px;
}
div.product p.productPrice {
	font-size:15px;
	font-weight:bold;
	color:#3F92BA;
}
div.product p.productPrice span {
	font-size:15px;	
}
h3.productName {
	font-size:14px;
	line-height:120%;
}
* html h3.productName { /* IE6 Hack */
	padding-left:2px;
	padding-right:2px;
}
div.product a {
	text-decoration:none;
}
img.productImage {
	display:block;
	margin:0 auto 3px auto;
	cursor:pointer;
	border:none;
}
div.productImagePreview {
	display:none;
	border:4px solid #fff;
}
div.productImagePreview img {
	display:block;
}
p.productDescription {
	margin-bottom:10px;
}

/*
========================
Product Refinement
========================
*/
div.sideBar {
	float:left;
	width:166px;
}
div.sideBar .heading {
	display:block;
	outline:none;
	color:#3F92BA;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	line-height:100%;
	border:1px solid #ccc;
	border-bottom:none;
	padding:6px 6px 4px 8px;
	background:#fff;
}
div.sideBar ul,
div.sideBar dl,
div.cartSummaryFooter {
	background:#fff;
	margin-bottom:16px;
	border:1px solid #ccc;
	border-top:none;
	padding:0 6px 8px 8px ;
}
div.sideBar ul li {
	padding:3px 0;
}
div.sideBar ul.babythumbs {
	overflow:auto;
	padding-top:0;
}
* html div.sideBar ul.babythumbs { /* IE6 Hack */
	height:1%;
}
div.sideBar ul.babythumbs li {
	float:left;
	padding:0;
	width:33%;
	margin-top:8px;
}
div.sideBar ul.babythumbs li input {
	display:block;
	margin:auto;
}
div.sideBar ul.categoryList,
div.sideBar ul.categoryList li {
	margin-left:0;
	margin-right:0;
	margin-top:0;
	padding:0;
}
div.sideBar dl {
	padding-top:6px;
	border-bottom:none;
	margin-bottom:0;
}
div.sideBar dl dt {
	border-top:1px dotted #ccc;
	padding-top:6px;
}
div.sideBar dl dd {
	margin-bottom:6px;
	color:#3F92BA;
}
div.cartSummaryFooter div {
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding:.3em 0;
	height:1.3em;
	margin-bottom:12px;
}
div.cartSummaryFooter div span {
	font-weight:bold;
}
div.cartSummaryFooter div span.label {
	float:left;
}
div.cartSummaryFooter div span.value {
	float:right;
}
div.cartSummaryFooter a img {
	display:block;
	border:none;
	margin:auto;
}
div.left {
	float:left;
}
div.right {
	float:right;
}
* html div.right {
	float:none;
	position:absolute; /* IE6 float is broken, useless */
	top:0px;
	left:581px; /* Even this number is a hack! */
}

/*
========================
Product Content
========================
*/
div.productContent {
	width:550px;
	position:relative;
	margin-left:181px;
	margin-right:181px;
	padding-bottom:20px;
}
* html div.productContent {
	margin-left:178px;
}
div.fullwidth {
	margin-right:0;
	width:722px;
}

/*
========================
Comparison List
========================
*/
.comparisonListContainer {
	overflow:hidden;
	width:355px;
	margin:6px 0 18px 0;
	float:left;
	background:#fff;
	border:1px solid #ccc;
}
div.first {
	margin-right:18px;
}
* html div.first { /* IE6 Hack */
	margin-right:17px;
}
ul.comparisonList {
	width:10000px;
	list-style:none;
}
ul.babythumbs {
	list-style:none;
	background:#fff;
	text-align:center;
	padding-top:4px;
}
ul.babythumbs li {
	display:inline;
	cursor:pointer;
}
ul.babythumbs li img {
	border:1px solid #fff;
}
ul.babythumbs li img.active {
	border-color:#7be;
}
ul.comparisonList li {
	padding:18px;
	width:321px;
	float:left;
}
ul.comparisonList li div.imageContainer {
	float:none;
	margin:0;
	padding:0;
	width:321px;
}
ul.comparisonList span.productPrice {
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#3F92BA;
	margin-right:10px;
}
ul.comparisonList li p {
	margin-bottom:1em;
}
ul.comparisonList li h3 {
	clear:left;
	font-size:16px;
	font-style:italic;
	margin-bottom:1em;
	color:#555;
}
ul.comparisonList li ul.features {
	padding-left:15px;
	list-style:disc;
}
ul.comparisonList li ul.features li {
	padding:0;
	float:none;
	width:auto;
}
ul.comparisonList input.compare {
	display:none;
}

/*
========================
Checkout
========================
*/
div.checkoutSteps {
	margin:0 62px 30px 0;
	height:25px;
	padding-bottom:8px;
	border-bottom:1px solid #aaa;
}
div.checkoutSteps a,
div.checkoutSteps span {
	float:left;
	margin-right:25px;
	line-height:25px;
	text-decoration:none;
}
div.checkoutSteps em {
	font-style:normal;
	font-weight:bold;
	margin-right:3px;
	color:#3F92BA;
	font-size:25px;
}
div.checkoutSteps a:hover {
	text-decoration:underline;
}
div.checkoutSteps span,
div.checkoutSteps span em {
	color:#aaa;
}
div.checkoutContent h3.stepHeading {
	font-size:18px;
	margin-bottom:.7em;
	color:#333;
}
div.checkoutContent ul.tips {
	padding-left:15px;
	margin-bottom:20px;
	list-style:disc;
}
div.checkoutContent ul.tips li {
	line-height:150%;	
}
div.checkoutContent div.cartError div.validationContainer {
	float:none;
	margin-bottom:20px;
}
div.checkoutContent img.dps {
	float:left;
	margin:0 10px 5px 0;
}
div.checkoutContent span.dps {
	display:block;
	padding-top:10px;
	color:#777;
}
div.checkoutContent span.dps span {
	display:block;
	margin-top:4px;
}
div.checkoutContent span.dps span a {
	color:#777;
}
div.checkoutContent span.amount {
	float:left;
}
div.checkoutContent select.date {
	width:45px;
	padding:0;
}
div.checkoutContent select.year {
	width:55px;
}
div.checkoutContent select.date option {
	margin:0;
	padding:0;
}