#boys, #girls {
	width:						50%;
	float:						left;
	height:						100%;
	padding-bottom:				15px;
	padding-top:				30px;
}
#boys {
	background-color:			#0057A6;
	background-image:			url(../images/blue_gradient_1.jpg);
	background-repeat:			repeat-x;
	background-position:		top left;	
}
#girls {
	background-color:			#CC0002;
	background-image:			url(../images/red_gradient_1.jpg);
	background-repeat:			repeat-x;
	background-position:		top left;	
}
#bgShadow {
	clear:						left;
	width:						100%;
	background-image:			url(../images/main_boysGirls_shadow.jpg);
	background-repeat:			repeat-x;
	background-position:		top left;
}
/* MENU ITEMS */
ul.menu {
	list-style:					none;
	width:						95%;
	margin:						0px;
	margin-left:				auto;
	margin-right:				auto;
}
#boys ul.menu li, #girls ul.menu li {
	display:					block;
	float:						left;
	width:						80px;
	height:						100px;
	background-repeat:			no-repeat;
	background-position:		center;
	text-align:					center;
	padding-top:				9px;
	font-size:					55%;
	font-weight:				bold;

}
#boys ul.menu li {
	background-image:			url(../images/main_categButtonBoys.jpg);
	width:						100px;
	height:						100px;
}
#girls ul.menu li {
	background-image:			url(../images/main_categButtonGirls.jpg);
	width:						100px;
	height:						100px;
}

ul.menu li a {
	display:					block;
	width:						100%;
	height:						100%;
	text-decoration:			none;
	color:						#000000;
	border:						none;
	padding:					0px;
}
ul.menu li a:hover {
	background-color:			transparent;
}
ul.menu li a:hover span {
	color:						#CC0002;
}
ul.menu li a span {
	display:					block;
	width:						90%;
	margin-left:				auto;
	margin-right:				auto;
}
.intro{
  width:              95%;
	font-size:					75%;
	line-height:				1.4em;
	margin-top:         30px;
	margin-bottom:      20px;
	margin-left:				auto;
	margin-right:				auto;
	text-align:					justify;
}
#left_pane {
	display:					block;
}


/* new Stuff */
.small {
  font-size: 16px;
}

#new_boys, #new_girls {
  width: 410px;
  float: left;
  padding: 15px;
}

#new_boys ul, #new_girls ul, #new_boys ul li, #new_girls ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#new_boys ul li, #new_girls ul li {
  margin: 0;
  padding: 0;
  display: block;
  width: 195px;
  float: left;
  margin-right: 5px;
}

#new_boys .hproduct, #new_girls .hproduct {
	height: 330px;
}

#new_boys {
  border-left: 1px dotted #BBB;
}

#new_boys ul li img, #new_girls ul li img {
  width: 190px;
}

li.clear {
  height: 15px;
  clear: both;
}

h3.category {
  display: block;
  clear: both;
  color: #000;
  margin: 10px 0 0 0;
  padding: 4px 0 2px 0;
  font-size: 12px;
  text-decoration: underline;
  border-top: 1px dotted #EEE;
}

.product a {
  display: block;
  width: 100%;
  position: relative;
  outline: none;
  text-decoration: none;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}

.product div.product_image {
  width: 100%;
  height: 260px;
  background: transparent url('../images/loading.gif') no-repeat center center;
}

.product a:hover {
  border: 2px solid #EEE;
}

.product a span.name {
  text-decoration: underline;
  font-size: 16px;
}

.product a span.price, .product a span.name {
  display: block;
  font-size: 16px;
  background-color: #FFF;
  padding: 8px 6px;
  padding-bottom: 4px;
  opacity: 0.9;
  line-height: 20px;
  overflow: hidden;
  text-align: center;
}

.product a span.price {
  position: absolute;
  top: 20%;
  right: 6%;
  color: #000;
}

.product a span.price {
  line-height: 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow: hidden;
  white-space: nowrap;
  border: 1px solid #EEE;
  -moz-box-shadow: 0px 1px 5px #000;
  -webkit-box-shadow: 0px 1px 5px #000;
}


img.product_image {
  color: #FFF;
  text-decoration: none;
  border: none;
  outline: none;
}

#home_wrap {
  width: 900px;
  margin: 0 auto;
}