body {
	color: white;
	background-color: #000;
	padding: 0px;
	font-family: arial, sans-serif;
	margin: 0px;
	}
body.details {
	background-color: #32CAFC;
	background-image: url(../images/details_bg.gif);
	background-position: 0 29px;
	background-repeat: repeat-x;
	margin: 0px;
	}
body.buy {
	color: white;
	background-color: #000;
	margin: 10px;
	padding: 0px;
	}
	
a {
	outline-width: 0;
}

#container {
	position: relative;
	height: 510px;
	}

/* main */
#main {
	position: absolute;
	top: 20px;
	left: 0;
	width: 708px;
	height: 510px;
	background-image: url(../images/main_bg.png);
	}
#main #logo {
	position: absolute;
	top: 0;
	left: 0;
	}
#main #splash {
	position: absolute;
	top: 141px;
	left: 54px;
	width: 650px;
	height: 334px;
	}
#main #splash img {
	float: left;
	}

/* menu */
ul#menu {
	position: absolute;
	top: 108px;
	left: 174px;
	height: 20px;
	width: 480px;
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	}
ul#menu li {
	float: left;
	width: 80px;
	height: 20px;
	}
ul#menu li a {
	display: block;
	width: 80px;
	height: 20px;
	background-image: url(../images/menu.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -999px;
	}
ul#menu li a#link_a{ background-position: 0 0; }
ul#menu li a#link_a:hover{ background-position: 0 -20px; }
ul#menu li a#link_a.hover{ background-position: 0 -20px; }
ul#menu li a#link_b{ background-position: -80px 0; }
ul#menu li a#link_b:hover{ background-position: -80px -20px; }
ul#menu li a#link_c{ background-position: -160px 0; }
ul#menu li a#link_c:hover{ background-position: -160px -20px; }
ul#menu li a#link_d{ background-position: -240px 0; }
ul#menu li a#link_d:hover{ background-position: -240px -20px; }
ul#menu li a#link_e{ background-position: -320px 0; }
ul#menu li a#link_e:hover{ background-position: -320px -20px; }
ul#menu li a#link_f{ background-position: -400px 0; }
ul#menu li a#link_f:hover{ background-position: -400px -20px; }
	
/* products */
#products_pad {
	position: absolute;
	top: 123px;
	left: 708px;
	height: 388px;
	width: 3050px;
	}
#products {
	height: 388px;
	width: 3010px;
	background-image: url(../images/products_bg.png);
	}
.product {
	float: left;
	position: relative;
	height: 388px;
	width: 496px;
	background-image: url(../images/product.png);
	}
.product .photo {
	position: absolute;
	top: 38px;
	left: 38px;
	height: 334px;
	width: 454px;
	}
.product .info {
	height: 334px;
	width: 454px;
	}
.boy_only .info {
	background-image: url(../images/info_boy_only.png);
	}
.girl_only .info {
	background-image: url(../images/info_girl_only.png);
	}
.boy_and_girl .info {
	background-image: url(../images/info_boy_and_girl.png);
	}
.product .column1 {
	position: absolute;
	top: 230px;
	left: 6px;
	width: 200px;
	}
.product .column2 {
	position: absolute;
	top: 230px;
	left: 234px;
	width: 200px;
	}
.product h3 {
	margin: 0;
	padding: 0;
	color: white;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal
	}
.product h4 {
	margin: 0;
	padding: 0;
	color: white;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ee1651;
	height: 38px;
	}
.product p {
	margin: 0;
	padding: 0;
	color: #abd839;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	height: 38px;
	}
.product p.pink {
	color: #ee1651;
	}

.click_for_details {
	position: absolute;
	top: 18px;
	left: 392px;
}	
.click_for_details a{
	display: block;
	width: 100px;
	height: 22px;
	background-image: url(../images/click_for_details.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -999px;
	overflow: hidden;
}
.det_left a:hover {
	background-position: 0 -22px;
}
.boy_only .det_right a:hover {
	background-position: 0 -22px;
	}
.det_right a:hover {
	background-position: 0 -44px;
	}
.det_left {
	top: 18px;
	left: 164px;
}
.det_right {
	top: 18px;
	left: 392px;
}
	
img {
	border: 0px solid black;
	}

/* DETAILS */
a#back,
a#buy_it {
	display: block;
	z-index: 10;
}
a#back {
	position: absolute;
	top: 0;
	left: 131px;
	width: 80px;
	height: 29px;
}
a#back:hover {
	/*background-color: blue;*/
}
a#buy_it {
	position: absolute;
	top: 424px;
	left: 90px;
	width: 333px;
	height: 81px;
}
a#buy_it:hover {
	/*background-color: blue;*/
}

#cart_items{
	position: absolute;
	top: 8px;
	left: 502px;
	width: 200px;
	text-align: right;
}
#cart_items a{
	font-family: tahoma, arial, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration: none;
}
#cart_items a:hover{
	text-decoration: underline;
}
